طراحی سایت دقیقاً چه چیزی را حل می‌کند؟
طراحی سایت فقط ساختن چند صفحه زیبا نیست؛ تصمیم‌گرفتن درباره این است که هر صفحه چه کسی را، از کجا، به کدام اقدام برساند. مشتری یک شرکت خدماتی می‌خواهد زود بفهمد شما کارش را انجام می‌دهید یا نه و راه تماس را پیدا کند. خریدار یک برند تولیدی دنبال مشخصات فنی و نمایندگی است. یک سایت برای هر دو، با یک ساختار، معمولاً برای هیچ‌کدام خوب کار نمی‌کند.
به همین دلیل پیش از هر طرحی سه سؤال می‌پرسیم: مخاطب اصلی کیست، مهم‌ترین اقدامی که از او می‌خواهید چیست و امروز او را از چه مسیری به دست می‌آورید. جواب این سه سؤال، تعداد صفحه‌ها، جای دکمه‌ها و حتی طول متن صفحه اول را تعیین می‌کند.
کدام نوع سایت به کار شما می‌آید؟
بسیاری از راهنماهای فارسی فقط فهرستی از انواع سایت می‌دهند. جدول زیر کمک می‌کند بر اساس هدف تصمیم بگیرید، نه بر اساس اسم:
| نوع سایت | هدف اصلی | صفحه‌های کلیدی | شاخص موفقیت |
|---|---|---|---|
| شرکتی و خدماتی | گرفتن تماس یا درخواست مشاوره | خدمات، نمونه‌کار، درباره ما، تماس | تعداد فرم و تماس واقعی |
| صفحه فرود کمپین | تبدیل ترافیک تبلیغاتی | یک صفحه با یک پیشنهاد | نرخ تبدیل همان صفحه |
| محتوایی و مجله | جذب ورودی از جست‌وجو | دسته‌ها، مقاله، صفحه نویسنده | ورودی ارگانیک و زمان مطالعه |
| کاتالوگ محصول | معرفی محصول و هدایت به فروش حضوری یا نماینده | محصول، مشخصات، نمایندگی‌ها | درخواست استعلام قیمت |
| رزرو و نوبت‌دهی | ثبت نوبت بدون تماس تلفنی | خدمات، تقویم، تأیید رزرو | رزرو تکمیل‌شده و نرخ لغو |
اگر فروش آنلاین با سبد خرید و پرداخت دارید، مسیرش متفاوت است و آن را در صفحه طراحی فروشگاه اینترنتی جداگانه توضیح داده‌ایم.
وردپرس، کدنویسی اختصاصی یا سایت‌ساز؟
این سؤال پرتکرارترین بحث پیش از سفارش است و جواب درستش به نیاز شما بستگی دارد، نه به سلیقه طراح:
| معیار | وردپرس با قالب سبک | کدنویسی اختصاصی | سایت‌ساز آماده |
|---|---|---|---|
| زمان راه‌اندازی | متوسط | بیشتر | کم |
| انعطاف در امکانات خاص | خوب، با افزونه یا کد سفارشی | کامل | محدود به امکانات سرویس |
| مدیریت توسط تیم شما | ساده | بسته به پنلی که ساخته میشود | ساده |
| وابستگی | کم؛ نیروی پشتیبان زیاد است | به تیم سازنده | به شرکت سرویس‌دهنده |
| مالکیت و انتقال | کامل و قابل انتقال | کامل اگر کد تحویل شود | معمولاً محدود |
برای بیشتر سایتهای شرکتی و محتوایی، وردپرس انتخاب منطقی است، به شرط اینکه با قالب سبک و افزونه‌های کم ساخته شود. کندی وردپرس معمولاً از قالب‌های همه‌کاره و ده‌ها افزونه هم‌پوشان می‌آید، نه از خود آن. کدنویسی اختصاصی وقتی ارزش هزینه و زمان بیشتر را دارد که منطق کارتان خاص باشد؛ مثلاً پنل کاربری چندنقشی یا اتصال عمیق به نرم‌افزار داخلی.
مراحل طراحی سایت و زمان تقریبی هر مرحله
بازه‌های زیر برای یک سایت شرکتی معمولی است و به آماده بودن محتوا و سرعت بازخورد شما وابسته است:
- نیازسنجی و بررسی رقبا: یک تا دو هفته
- نقشه سایت و وایرفریم: یک تا دو هفته
- طراحی رابط کاربری، اول موبایل: دو تا چهار هفته، با یک تا دو دور اصلاح
- توسعه و اتصال فرم‌ها و سامانه‌ها: دو تا شش هفته
- محتوا، سئوی فنی و انتقال سایت قبلی: هم‌زمان با توسعه، یک تا سه هفته
- تست و انتشار: حدود یک هفته
جمع این مراحل برای سایت شرکتی معمولاً بین شش تا دوازده هفته میشود. بزرگ‌ترین عامل تأخیر در تجربه ما، طراحی یا کدنویسی نیست؛ متن و عکسی است که دیر آماده میشود. پیشنهاد میکنیم تولید محتوا از هفته اول شروع شود.
سرعت سایت را با عدد تحویل می‌گیرید
«سایت سریع» بدون عدد، قولی است که نمیشود سنجید. ما سایت را با سه شاخص اصلی تجربه کاربری گوگل می‌سنجیم و گزارشش را پیش از تحویل به شما میدهیم:
- LCP: زمان نمایش بزرگ‌ترین بخش صفحه، معمولاً عکس یا تیتر اصلی. آستانه «خوب» از نظر گوگل ۲٫۵ ثانیه یا کمتر است.
- INP: سرعت واکنش صفحه به لمس و کلیک. آستانه خوب ۲۰۰ میلی‌ثانیه یا کمتر است.
- CLS: میزان جابه‌جایی ناگهانی اجزا هنگام بارگذاری. آستانه خوب ۰٫۱ یا کمتر است.
برای رسیدن به این اعداد، عکس‌ها را با فرمت سبک و ابعاد مشخص قرار میدهیم، فونت فارسی را فقط با وزن‌های لازم بارگذاری میکنیم، اسکریپت‌های چت و آمار را با تأخیر اجرا میکنیم و اسلایدر سنگین بالای صفحه را با یک تصویر و پیام روشن جایگزین میکنیم. توجه کنید که عدد آزمایشگاهی و تجربه واقعی کاربران گاهی فرق دارد؛ بعد از انتشار، داده واقعی را هم پیگیری میکنیم.
طراحی سایت فارسی؛ جزئیاتی که قالب‌های خارجی رعایت نمی‌کنند
بیشتر قالب‌های آماده برای متن انگلیسی ساخته شده‌اند و بعد راست‌چین شده‌اند. نتیجه را زیاد دیده‌اید: آیکون فلش که به سمت اشتباه است، شماره تلفنی که وسط جمله به هم می‌ریزد و متنی که فاصله سطرش برای حروف فارسی تنگ است. در طراحی سایت فارسی این موارد را از ابتدا درست میکنیم:
- فونت فارسی خوانا در اندازه کوچک موبایل، با مجوز استفاده تجاری
- فاصله سطر بازتر از متن لاتین و طول سطر مناسب
- ارقام فارسی در متن و جهت درست برای ترکیب فارسی و لاتین
- نیم‌فاصله درست در منوها و دکمه‌ها
- فرم‌هایی که کد ملی و شماره موبایل را با ارقام فارسی یا لاتین بپذیرند
سئو را از روز اول در ساختار سایت میسازیم
سئو بعد از طراحی اضافه نمیشود؛ بخش مهمش همان موقع ساخته میشود. ساختار نشانی صفحه‌ها، سلسله‌مراتب تیترها، لینک‌سازی داخلی، نقشه سایت، داده ساختاریافته و سرعت، همه در زمان ساخت تعیین می‌شوند و اصلاح بعدی‌شان گران‌تر است.
اگر سایت قبلی دارید که از گوگل ورودی می‌گیرد، حساس‌ترین بخش کار انتقال است. فهرست همه نشانی‌های فعلی را درمی‌آوریم، برای هر کدام مقصد جدید تعیین میکنیم و ریدایرکت دائمی می‌گذاریم. بعد از انتشار هم چند هفته خطاهای خزش را دنبال میکنیم. نادیده گرفتن همین مرحله، رایج‌ترین دلیل افت ورودی بعد از تعویض سایت است.
هزینه طراحی سایت به چه چیزهایی بستگی دارد؟
قیمت‌هایی که در اینترنت می‌بینید گاهی چند برابر با هم فرق دارند، چون هر کدام چیز متفاوتی را می‌فروشند. به‌جای مقایسه عدد، این موارد را در پیشنهادها کنار هم بگذارید:
- تعداد قالب صفحه متفاوت؛ ده صفحه با یک قالب با ده قالب متفاوت فرق دارد
- طراحی اختصاصی یا شخصی‌سازی یک قالب آماده
- امکانات خاص مثل رزرو، چندزبانه بودن، پنل کاربری یا اتصال به نرم‌افزار حسابداری
- تولید متن و عکس توسط تیم طراحی یا تحویل آن از طرف شما
- انتقال سایت قبلی و حفظ ورودی جست‌وجو
- هزینههای تکرارشونده: تمدید دامنه و هاست، مجوز افزونه‌ها و پشتیبانی
مورد آخر را بیشتر پیشنهادها نمی‌نویسند. از هر طراح بپرسید سال دوم چه هزینه‌ای دارید؛ جواب این سؤال گاهی تصمیم را عوض می‌کند.
چطور یک شرکت طراحی سایت را بسنجید؟
- نمونه‌کار زنده: نشانی سایت‌ها را بخواهید و خودتان روی گوشی بازشان کنید. عکس نمونه‌کار کافی نیست.
- عدد سرعت نمونه‌ها: یکی دو نمونه را در ابزار سنجش سرعت گوگل بررسی کنید.
- مالکیت: بپرسید دامنه، هاست و دسترسی مدیر کل به نام چه کسی ثبت میشود.
- محدوده اصلاحات: تعداد دورهای اصلاح طراحی باید در قرارداد نوشته شود.
- پشتیبانی و پشتیبان‌گیری: چه کسی به‌روزرسانی‌ها را انجام می‌دهد و نسخه پشتیبان کجا نگه داشته میشود؟
- تحویل کد و فایل‌ها: اگر همکاری تمام شود، چه چیزی دست شما می‌ماند؟
بعد از انتشار؛ نگهداری، امنیت و به‌روزرسانی
سایت بعد از انتشار تمام نمیشود. هسته وردپرس، قالب و افزونه‌ها مرتب به‌روزرسانی امنیتی می‌گیرند و سایتی که ماه‌ها دست نخورد، هدف آسانی برای نفوذ است. برای هر سایتی که تحویل میدهیم، یک برنامه نگهداری ساده پیشنهاد میکنیم:
- پشتیبان‌گیری خودکار روزانه یا هفتگی، در جایی جدا از سرور اصلی، و آزمایش بازگردانی آن دست‌کم هر چند ماه یک بار
- به‌روزرسانی منظم افزونه‌ها روی نسخه آزمایشی پیش از اعمال روی سایت اصلی
- حذف افزونه‌ها و حساب‌های کاربری بلااستفاده
- پایش در دسترس بودن سایت و هشدار هنگام قطعی
- بررسی ماهانه سرعت و خطاهای کنسول جست‌وجوی گوگل
اگر تیم داخلی دارید، این فهرست را با جزئیات به آن‌ها تحویل میدهیم؛ اگر نه، می‌توانیم نگهداری را به‌صورت قرارداد جداگانه انجام دهیم.
اشتباه‌هایی که در سفارش طراحی سایت زیاد می‌بینیم
- ثبت دامنه به نام طراح یا کارمند سابق، به‌جای نام صاحب کسب‌وکار
- شروع از روی سایت رقیب، بدون اینکه بدانید آن سایت برای خودش کار می‌کند یا نه
- صفحه اول پر از همه چیز و بدون یک پیام و یک دکمه اصلی
- بررسی طرح فقط روی مانیتور بزرگ، در حالی که بیشتر بازدیدها از گوشی است
- هاست ارزان و پرازدحام برای سایتی که قرار است تبلیغات به آن ترافیک بفرستد
- نداشتن نسخه پشتیبان جدا از سرور اصلی
- انتشار بدون نصب آمار و تعریف تبدیل؛ بعد معلوم نیست سایت جدید بهتر شده یا نه
روند کار، قدم‌به‌قدم
نیازسنجی و تعیین هدف
در یک تا دو هفته مخاطب، اقدام اصلی و رقبا را بررسی میکنیم و فهرست صفحه‌ها با هدف هر کدام را به توافق می‌رسانیم.
نقشه سایت و وایرفریم
ترتیب صفحه‌ها و چیدمان بدون رنگ را طراحی میکنیم تا پیش از صرف وقت روی ظاهر، روی مسیر کاربر توافق داشته باشیم.
طراحی رابط کاربری
اول نسخه موبایل و بعد دسکتاپ را طراحی میکنیم و با یک تا دو دور بازخورد نهایی‌اش میکنیم.
توسعه، محتوا و سئوی فنی
سایت را پیاده میکنیم، فرم‌ها و سامانه‌ها را وصل میکنیم، محتوا را می‌چینیم و اگر سایت قبلی دارید، نقشه ریدایرکت را اجرا میکنیم.
تست، انتشار و پیگیری
روی چند گوشی و مرورگر تست میکنیم، سرعت را می‌سنجیم، منتشر میکنیم و چند هفته خطاها و داده واقعی کاربران را دنبال میکنیم.
پرسش‌های رایج
طراحی سایت شرکتی چقدر طول می‌کشد؟
معمولاً شش تا دوازده هفته. اگر محتوا از ابتدا آماده باشد و بازخوردها سریع برسد، به حد پایین این بازه نزدیک می‌شویم.
هزینه طراحی سایت چقدر است؟
بدون دانستن تعداد قالب صفحه، امکانات و وضعیت محتوا نمیشود عدد درستی گفت. بعد از جلسه نیازسنجی، برآورد مکتوب با جزئیات و هزینههای سال دوم میدهیم.
طراحی سایت با وردپرس بهتر است یا کدنویسی؟
برای بیشتر سایتهای شرکتی و محتوایی وردپرسِ سبک کافی و بهصرفه است. اگر منطق کسبوکارتان خاص است، کدنویسی اختصاصی را پیشنهاد میکنیم.
بعد از تحویل، خودم می‌توانم سایت را مدیریت کنم؟
بله. افزودن مطلب، تغییر متن و عکس بدون دانش فنی ممکن است و یک جلسه آموزش و راهنمای مکتوب هم دریافت می‌کنید.
دامنه و هاست به نام چه کسی ثبت میشود؟
همیشه به نام خود شما. اگر بخواهید در انتخاب و خرید کمکتان میکنیم، اما مالکیت از روز اول با شماست.
سایت قبلیام رتبه دارد؛ با سایت جدید رتبهام از بین میرود؟
اگر انتقال درست انجام شود، خطر افت کم میشود. نقشه کامل ریدایرکت میسازیم و بعد از انتشار خطاهای خزش را پیگیری میکنیم، اما تضمین حفظ کامل رتبه را هیچکس نمیتواند بدهد.
سایت شما رتبه اول گوگل را تضمین می‌کند؟
خیر. ما زیرساخت فنی، سرعت و ساختار درست برای سئو را تحویل میدهیم؛ رتبه به محتوا، رقابت و زمان هم بستگی دارد.
طراحی سایت ریسپانسیو یعنی چه؟
یعنی سایت روی هر اندازه صفحه درست نمایش داده شود. ما فراتر از آن، طراحی را از نسخه موبایل شروع میکنیم، چون بیشتر کاربران از گوشی وارد می‌شوند.