هدف پروژه:
طراحی یک سایت شرکتی برای شرکت نصب و ساخت دوربین مداربسته که هم خدمات نصب و راه‌اندازی را معرفی کند و هم محصولاتش را بفروشد. مخاطب این حوزه معمولاً با یک نیاز مشخص می‌آید: یا دوربین می‌خواهد و باید نصب شود، یا محصول خاصی را می‌خواهد بخرد. هدف این بود که بازدیدکننده در چند ثانیه بفهمد شرکت چه کاری انجام می‌دهد، به کدام بخش نیاز دارد و بدون سردرگمی به آن برسد. سایت باید حس اطمینان و تخصص هم منتقل می‌کرد، چون موضوع امنیت است و مشتری دنبال کسی می‌گردد که به او اعتماد کند.
درباره سایت:
سایتی چندبخشی با هیرو و معرفی شرکت، خدمات نصب و راه‌اندازی، فروش محصولات، مقایسه تصویر دوربین در روز و شب، بخش مشتریان و فوتر نقشه‌دار برای دسترسی سریع به آدرس و اطلاعات تماس. سایت با وردپرس و المنتور ساخته شده و ایده‌های ساختاری آن از چند سایت مشابه الهام گرفته شده، بدون کپی کردن طراحی آن‌ها. تمرکز سایت روی وضوح، ترتیب منطقی بخش‌ها و نمایش واقعی توانایی محصولات است.
تصمیم‌های طراحی:
خدمات بلافاصله بعد از هیرو: مخاطب برای دانستن اینکه شرکت چه کاری می‌کند، نباید اسکرول زیادی کند. گذاشتن خدمات در اولین بخش بعد از هیرو باعث می‌شود پاسخ سؤال اصلی («اینجا چه کاری می‌کنند؟») سریع و بدون جست‌وجو پیدا شود.
بخش محصولات جدا از خدمات: چون سایت هم خدماتی است و هم فروشگاهی، این دو را عمداً از هم جدا کردم تا خرید محصول و درخواست خدمات با هم قاطی نشوند. هر مخاطب مسیر خودش را راحت‌تر پیدا می‌کند.
مقایسه دوربین در روز و شب: مهم‌ترین ویژگی یک دوربین مداربسته کیفیت تصویر در شرایط مختلف است. با نمایش مستقیم این تفاوت، به جای متن طولانی، مخاطب خودش کیفیت را می‌بیند و اعتماد می‌کند.
بخش مشتریان بعد از محصولات: بعد از اینکه مخاطب خدمات و محصولات را دید، نوبت اعتمادسازی است. دیدن مشتریان، تصمیم نهایی را راحت‌تر می‌کند.
بخش مشتریان بعد از محصولات: بعد از اینکه مخاطب خدمات و محصولات را دید، نوبت اعتمادسازی است. دیدن مشتریان، تصمیم نهایی را راحت‌تر می‌کند.
چالش پروژه
سایت باید همزمان دو نقش را ایفا می‌کرد: معرفی یک شرکت خدماتی (نصب و راه‌اندازی) و یک فروشگاه محصول. این دو نقش مخاطب و رفتار متفاوتی دارند. کسی که خدمات می‌خواهد دنبال تماس و مشاوره است و کسی که محصول می‌خواهد دنبال دیدن مدل‌ها و قیمت. ادغام این دو در یک صفحه بدون برنامه‌ریزی می‌توانست آن را شلوغ و گیج‌کننده کند.
راه‌حل طراحی
ساختار صفحه را به بخش‌های واضح و مرتب تقسیم کردم: اول خدمات، بعد محصولات، بعد اعتماد (مقایسه و مشتریان) و در آخر تماس. هر بخش یک وظیفه مشخص دارد و با فاصله و عنوان از بخش بعدی جدا شده است. با این ترتیب هر دو هدف در یک صفحه جا شدند، بدون اینکه بازدیدکننده بین «سرویس بگیرم یا بخرم» سردرگم شود. نتیجه سایتی است که هم برای مشتری خدمات و هم برای خریدار محصول مسیر روشن دارد.
