صفحهٔ اصلی
سه ثانیهٔ اول تعیین می‌کنه بازدیدکننده می‌مونه یا می‌ره. ساختار این صفحه رو دور همون سه ثانیه می‌بندیم.
[ استودیوی طراحی و توسعهٔ وب ]
وب‌سایت‌هایی،
با مقیاس درست.
استودیوی طراحی و توسعهٔ وب در تهران. از هویت بصری و رابط کاربری تا کدی که روی سرور می‌شینه، همه‌ش اینجا انجام می‌شه — روی یک گرید که قبل از اولین طرح انتخاب شده.
[ چی می‌سازیم ]
هر صفحه،
هر صفحه،
از دل همون گرید بیرون اومده.
شش نوع صفحه‌ای که تقریباً هر سایتی بهشون می‌رسه. همه روی یک مقیاس تایپوگرافی و یک قانون فاصله‌گذاری بسته می‌شن، برای همین کنار هم غریبگی نمی‌کنن.
پروژه‌ت رو برامون بنویسصفحهٔ خدمات
هر خدمت صفحهٔ خودش رو می‌گیره. هم گوگل می‌فهمه چی می‌فروشی، هم مشتری زودتر به چیزی که دنبالشه می‌رسه.
صفحهٔ نمونه‌کار
وضعیت قبل، کاری که انجام شده، و عددی که بعدش عوض شد. همین سه تا، بدون شعار.
بلاگ و مقاله
قالب مطلب طوری بسته می‌شه که نویسندهٔ بعدی هم بتونه بدون به‌هم‌ریختن ظاهر، مطلب اضافه کنه.
صفحهٔ تماس
فرم کوتاه، پیغام خطای فارسی، و یه رسید که معلوم باشه پیام رسیده یا نه.
پنل و داشبورد
جدول‌های شلوغ، فیلتر، و خروجی اکسل — بدون اینکه صفحه هر بار از نو لود بشه.
[ خدمات ]
هفت کاری که
هفت کاری که
یه سایت لازم داره.
سایتت از صفر شروع می‌شه یا فقط چند تا تکه‌اش لنگ می‌زنه؟ ترکیب این هفت تا رو با همون تنظیم می‌کنیم.
هویت بصری
لوگو، پالت رنگ و مقیاس تایپوگرافی، به‌علاوهٔ یه فایل راهنما که تیم بازاریابی بعداً بدون ما هم بتونه ازش استفاده کنه.
طراحی رابط کاربری
وایرفریم، بعد طرح نهایی توی فیگما. اگه آمار سایت فعلیت رو داشته باشیم، مسیر کاربر رو روی همون می‌چینیم.
توسعهٔ فرانت‌اند
HTML و CSS دست‌نویس، یا React و Vue اگه تیمت با همون راحت‌تره. خروجی روی موبایل و اینترنت ضعیف هم سرپا می‌مونه.
سیستم محتوا
پنل مدیریت با فیلدهای فارسی و اسم‌های آشنا. اضافه کردن یه مطلب باید اندازهٔ فرستادن یه ایمیل ساده باشه.
ساخت امن و ممیزی
کدنویسی بر اساس OWASP، آماده‌سازی برای ممیزی الزامات مکنا، و رفع یافتههای تست نفوذ پیش از تحویل.
سئوی فنی
دادهٔ ساختیافته، سایتمپ، و بهینه‌سازی Core Web Vitals. گزارش قبل و بعد رو هم تحویل می‌دیم.
پشتیبانی
به‌روزرسانی ماهانه، پایش آپتایم، و یه شمارهٔ تماس که وقتی سایت بالا نمیاد جواب می‌ده.
[ ساخت امن ]
قشنگ باشه،
قشنگ باشه،
و از ممیزی هم رد بشه.
بیشتر سایت‌ها یکی از این دو رو دارن. یا خوش‌ساخت و خوش‌قیافه‌ست ولی اولین ارزیابی امنیتی رو رد نمی‌شه، یا امنه و شبیه پنل ادمین ده سال پیش به نظر می‌رسه.
برای نهادهای مالی و سازمان‌هایی که ممیزی می‌شن، هر دو الزامیه — و هیچ‌کدوم رو نمی‌شه آخر کار بهش اضافه کرد.
الزامات پروژه‌ت رو بفرست-
SEC. 01
کدنویسی امن، از کامیت اول
ورودی اعتبارسنجی می‌شه، خروجی encode می‌شه، کوئری‌ها پارامتری‌ان، آپلود محدود و نوع‌سنجی‌شده‌ست. سرفصلهای OWASP Top 10 چک‌لیست کارمونه، نه یه نشان توی فوتر.
-
SEC. 02
آمادهٔ ممیزی الزامات مکنا
مکنا — مرکز نظارت بر امنیت اطلاعات بازار سرمایه، زیرمجموعهٔ سازمان بورس و اوراق بهادار — سند الزامات را منتشر می‌کنه و زیرساخت نهادهای تحت نظارتش رو دوره‌ای می‌سنجه. سایت رو از روز اول روی همون سرفصل‌ها می‌سازیم: احراز هویت، مدیریت نشست، ثبت و نگهداری لاگ، کنترل دسترسی، و میزبانی مطابق سند — نه اینکه بعد از اعلام نتیجهٔ ارزیابی وصله بزنیم.
-
SEC. 03
تست نفوذ، قبل از تحویل
سایت پیش از راهاندازی تست می‌شه، یافته‌ها برطرف می‌شن و گزارش قبل و بعد تحویل داده می‌شه. اگه ارزیاب مستقل خودتون رو دارید، مستقیم با اون‌ها کار می‌کنیم تا گزارش بسته بشه — رفع ایراد جزو پروژه‌ست، نه یه فاکتور جدا.
-
SEC. 04
سخت‌سازی لایهٔ انتشار
CSP، HSTS، سرآیندهای امنیتی، TLS درست تنظیم‌شده، حذف افشای نسخه و مسیر، و صفحهٔ خطایی که چیزی از داخل سیستم لو نمی‌ده.
-
SEC. 05
طراحی، بدون باج دادن به امنیت
محدودیت امنیتی دلیل زشت بودن نیست. حرکت، تایپوگرافی و جزئیات بصری با CSP سخت‌گیرانه هم قابل اجران — فقط باید از اول جوری ساخته بشن که به اسکریپت شخص ثالث و inline script وابسته نباشن.
[ فرآیند ]
چهار مرحله،
چهار مرحله،
به همین ترتیب.
طول هر مرحله با حجم پروژه کم و زیاد می‌شه، ولی هیچ‌کدوم از قلم نمی‌افته.
-
FIG. 01
کشف
بررسی سایت فعلی و رقبات، چند مصاحبهٔ کوتاه با تیمت، و یه بریف مکتوب که هر دومون امضاش می‌کنیم.
-
FIG. 02
طراحی
مودبورد، وایرفریم، بعد طرح نهایی توی فیگما. دو راند اصلاح توی قرارداد نوشته شده و هر کدوم تاریخ داره.
-
FIG. 03
ساخت
طرح‌ها تبدیل به کد می‌شن، روی یه لینک استیجینگ که می‌تونی صفحه‌به‌صفحه پیشرفتش رو ببینی.
-
FIG. 04
راهاندازی
تست روی دستگاه‌های مختلف، سنجش سرعت، انتقال DNS، و یه جلسهٔ آموزش که تیمت بتونه خودش سایت رو بچرخونه.
[ سوالات متداول ]
چیزهایی که
چیزهایی که
معمولاً می‌پرسن.
اگه جوابت اینجا نبود، مستقیم بپرس — ایمیل پایین صفحه همیشه بازه.
بین ۴ تا ۸ هفته، از جلسهٔ کشف تا راهاندازی. بعد از جلسهٔ اول بازهٔ دقیقتری می‌دیم و همون بازه توی قرارداد می‌آد.
به تعداد صفحات، نیاز به CMS، و اینکه از صفر طراحی می‌شه یا روی یه پایهٔ آماده، بستگی داره. بعد از جلسهٔ کشف پیشفاکتور با ریز آیتمها می‌فرستیم.
پایه‌اش توی قیمت هر پروژه هست: مارکآپ ساختیافته، سرعت بارگذاری، سایتمپ و ریدایرکتها. تولید محتوا و تحقیق کلمات کلیدی جداست و اگه لازم داشتی اضافه می‌شه.
پلن پشتیبانی ماهانه آپتایم و بهروزرسانیهای امنیتی رو پوشش می‌ده. توی ساعت کاری تلفن جواب داده می‌شه و زمان پاسخ توی قرارداد پشتیبانی مشخصه.
بله. اگه پروژه‌ت CMS داشته باشه، فیلدهاش رو با اسم‌های آشنا تنظیم می‌کنیم و توی جلسهٔ تحویل هم آموزشش رو می‌دیم.
بله. سایت از ابتدا روی سرفصلهای سند الزامات ساخته می‌شه — احراز هویت، مدیریت نشست، لاگ، کنترل دسترسی و میزبانی — نه اینکه بعد از اعلام نتیجهٔ ارزیابی وصله بخوره. مستندات لازم برای ارائه به ارزیاب رو هم تحویل می‌دیم.
نه. رفع یافتههای مربوط به کدی که ما نوشتیم، جزو پروژه‌ست و در قرارداد نوشته می‌شه. اگه ارزیاب مستقل خودتون رو دارید مستقیم با اون‌ها کار می‌کنیم؛ اگه ندارید، تست رو خودمون هماهنگ می‌کنیم و گزارش قبل و بعد تحویل می‌دیم.
[ صنعت‌هایی که باهاشون کار کردیم ]
هر کاری، دنیای خودشو داره.
[ یادداشت‌ها ]
آخرین مقالات.
چیزهایی که سر پروژه‌ها یاد گرفتیم و نوشتیم — دربارهٔ ساخت سایت، سرعت، سئو و کار با محتوا.
تست کاربری بدون بودجه و آزمایشگاه
همهٔ مقالات
پنج نفر، یک ساعت، و یک لپ‌تاپ. بیشتر مشکلات جدی رابط با همین حجم پیدا می‌شوند.
۵ دقیقه مطالعه ← صفحهٔ محصولی که تصمیم خرید را کوتاه میکنددر فروشگاه‌های فارسی، بیشتر رها کردن سبد خرید قبل از سبد اتفاق می‌افتد — روی همین صفحه.
۶ دقیقه مطالعه ← انیمیشن با هدف: کجا کمک میکند، کجا مزاحم استحرکت خوب چیزی را توضیح میدهد. حرکت بد فقط وقت کاربر را می‌گیرد و بعد از بار سوم آزاردهنده میشود.
۵ دقیقه مطالعه ←