داستان کوک، یک سایت شور و شیرین


چند وقت پیش، ما بازطراحی و برنامه‌نویسی وب‌سایت کوک را انجام دادیم و به تازگی هم لانچ شد. 
کوک، اسم برندی بسیار خلاق و متفاوت در زمینه‌ی تولید شیرینی‌ و کیک است که با تاثیر از مکتب شیرینی اروپای غربی، انواع شیرینی‌ها، کیک‌ها، شورینی‌ها و... را تولید می‌کند. این برند در حال حاضر، هفت شعبه‌ی فعال در تهران دارد. 

طراحی جدید این وب سایت، با تمرکز بر روی شعار برند کوک، یعنی "Tasty Colors Of Cook" انجام گرفت و قرار شد علاوه بر استفاده از تعداد زیادی رنگ شادی‌آور، ارتباط معنایی خوبی هم بین این رنگ‌ها و محصولات کوک برقرار کنیم و هارمونی و هماهنگی درستی در سایت به وجود بیاوریم. 

برای صفحه‌ی اول سایت، انیمیشنی طراحی کردیم که در همان نگاه اول، به کاربر احساس خوبی منتقل کند و این فکر را در سرش به وجود بیاورد که قرار است کلی شیرینی و شورینی خوشمزه را یکجا ببیند. منوی وب‌سایت هم به صورت همبرگری طراحی کردیم که وقتی روی آن کلیک کنید، در دسکتاپ و موبایل، به دو صورت متفاوت انیمیت می‌شود، اما حواسمان بود که در هر دو حالت، همچنان یونیفرم سایت را حفظ کنیم.

وب‌سایت کوک، بخش‌های مجزایی مثل محصولات، بلاگ، استخدام، درباره و... دارد که برای هر کدام اسلایدر جداگانه‌ای طراحی کردیم تا بشود رویدادها و مسائل مهم مربوط به هر بخش را به صورت متمرکزتری نشان داد. 

در مورد طراحی آیکون‌های محصولات هم سعی کردیم تا جایی که امکان داشت، ساده و در عین حال زیبا طراحی‌شان کنیم که فهمیدن‌ و پیدا کردن‌شان برای همه‌ی کاربران راحت باشد.

در بخش محصولات از تکنولوژی‌های Ajax و pushState استفاده کردیم تا هم مشاهده محصولات در دسته‌بندی‌های مختلف خیلی سریع و راحت صورت بگیرد و هم از نظر SEO کاملا بهینه و استاندارد باشد. 

در قسمت استخدام سایت، کاری کردیم که مدیران سایت و کاربران از دردسرهای فرم‌های استخدام سنتی خلاص شوند. اگر یادتان باشد، در فرم‌های استخدام سنتی، فرد جویای کار، هر نکته‌ای که به نظرش می‌رسید، در فرم وارد می‌کرد و سردرگمی زیادی برای خودش و کارفرما به وجود می‌آورد، اما فرم استخدام وب‌سایت کوک، با توجه به نیاز کارفرما و نکاتی که برایش مهم است، قابلیت تغییر و انعطاف دارد.

در صفحه‌ی تماس هم تمام شعبه‌های کوک با آدرس، ایمیل، تلفن و محل دقیق روی نقشه‌ی گوگل مشخص شده‌اند. با اسکرول کردن، هر شعبه اکتیو و پر رنگ می‌شود و توجه مشتری را بیشتر به خود جلب می‌کند. فرم تماس هم به شکلی طراحی شده است که کاربر در صورت نیاز، بتواند شماره‌ی تماس خود را در آن وارد کرده تا خود فروشگاه با او تماس بگیرد. 

خب، بهتر است بیشتر از این سرتان را نخوریم. اصلا پیشنهاد می‌کنیم که خودتان به ورژن دسکتاپ و ورژن موبایل وب‌سایت کوک سر بزنید و تمام نکاتی که گفتیم را از نزدیک ِ نزدیک ببینید. امیدواریم از بودن میان آن همه شیرینی و شورینی رنگارنگ لذت ببرید.

راستی در آخر هم دوست داریم از نیما عمرانی و مرتضی هشترودی عزیز که با روحیه‌ی تیمی و هماهنگی بسیار زیاد، پیاده سازی سایت را انجام دادند، حسابی تشکر کنیم. همچنین از آقای فرامرزی، بنیانگذار مجموعه‌ی کوک و آقای اقارب، مدیر هنری این مجموعه که در تمام مراحل طراحی و برنامه‌نویسی سایت، با خوش ذوقی و صبوری زیاد در کنارمان بودند و در بهتر انجام شدن کار، کمک‌مان کردند، بسیار سپاسگذاریم.


طراحی وب سایت موج رنگ

طراحی و برنامه نویسی وب سایت موج رنگ، به سفارش آموزشگاهی به همین نام که در زمینه آموزش هنرهای تجسمی به کودکان فعالیت می‌کند، به تیم ما سپرده شده بود. 

این وب سایت، به سفارش مدیران آموزشگاه، به صورت تک صفحه طراحی شده است تا بیشتر شبیه بروشوری باشد که در چند مرحله مختصر و مفید، اطلاعاتی کلی به مراجعه کنندگان بدهد و آن‌ها را به تماس با آموزشگاه تشویق کند. 

در طراحی وب سایت موج رنگ، سعی کردیم تا از المان‌هایی استفاده کنیم که با تعریف اصلی مجموعه، هماهنگی داشته باشد و شادابی و نشاط فضایی کودکانه را به خوبی نشان دهد. 

در بخش اول، با انیمیشنی که ترکیبی از اشکال هندسی و رنگ های شاد و زنده هستند، ورود به سایت را نشان می‌دهیم. 

بخش دوم وب سایت، به معرفی دوره‌ها می‌پردازد، همه دوره‌ها به شکل یک اسلاید قابل مشاهده هستند و با یک کلیک ساده می‌توان اطلاعات هر دوره را مشاهده کرد. 

از آن‌جایی که این مجموعه، فعالیت هنری دارد و برای کودکان و خانواده‌های آن‌ها، نمایشگاه و برنامه‌های هنری برگزار می‌کند، لازم بود تا بخش سوم سایت، به یک گالری جهت نمایش این رویدادها و عکس‌های مربوط به آن‌ها تعلق بگیرد. 

بخش‌های دیگر سایت نیز به توضیحاتی مختصر درباره خود مجموعه و اطلاعات تماس می‌پردازد. در بخش تماس، به جای فرم تماس سنتی، فرم تماسی طراحی کردیم که کاربران بتوانند علاوه بر تماس سنتی، در صورت لزوم، شماره تلفن خود را ارسال کرده تا کارکنان آموزشگاه با آن‌ها تماس بگیرند.

منوی این سایت، به صورت همبرگری طراحی شده است و راهبری از سمت چپ صفحه صورت می‌گیرد. طراحی سیال و ریسپانسیو بودن وب سایت نیز، از دیگر ویژگی‌های آن است.

طراحی وب‌سایت پارس نیکو

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