I-CHEF - создание сайта для украинского бренда профессиональной одежды

Компания

i-CHEF украинский бренд профессиональной одежды и текстиля в сфере HoReCa.

Компания разрабатывает дизайн, осуществляет пошив и брендинг униформы для шеф-поваров и персонала, а также изготавливает одежду по индивидуальному заказу.

Задача

Компания обратилась в агентство с желанием обновить свой старый сайт, чтобы увеличить продажи с помощью сайта и рассказать больше о своих услугах. Главным  требованием была понятная и удобная навигация для посетителей сайта.

Определили такие основные задачи:

• Сделать новый и современный дизайн сайта
• Реализовать простую навигацию сайта для посетителей
• Сделать улучшенную структуру каталога для хорошего понимания ассортимента
• Реализовать возможность онлайн заказа
• Сделать страницы сайта интуитивно понятными и комфортными в использовании для всех пользователей, как для новых так и постоянных.

Подготовка

Первые шаги над новым проектом наша команда всегда начинает с подготовки, которая включает в себя знакомство с клиентом, сферой его деятельности и ближайших конкурентов.

Команда агентства провела анализ старого сайта и определила его слабые и сильные стороны. Мы выделили те пункты и разделы, которые можно перенести на новый сайт, а какие блоки стоит улучшить.
 

Структура

Изучив продукт, сферу бизнеса и конкурентов, мы смогли подготовить первый набросок структуры будущего сайта и выделить приоритетные страницы для проекта. Получился такой список: 

• главная страница, 
• каталог, 
• про компанию, 
• галерея, 
• новости, 
• контакты, 
• пошив под заказ, 
• отзывы.

На главную страницу решили вынести такие блоки: новинки в коллекциях, новости компании и отзывы, чтобы пользователи могли ознакомиться с предложениями компании.

Общий каталог мы разделили на главные разделы, которые подходят под номенклатуру товара в системе учета клиента. Получился небольшой список с ключевыми словами в названии:

• одежда для шеф-поваров,
• повседневная одежда,
• текстиль,
• разное,
• другие категории товаров.

Каждый раздел мы поделили на подразделы по типу изделия, чтобы разделить брюки от кителей и головных уборов.Такая структура каталога значительно упростит поиск товара на сайте.

Структуру карточки товара нужно было тщательнее продумать. Ведь информации о товарах всегда достаточно много. Для того чтобы посетитель вероятнее всего сделал покупку, информацию нужно подать компактно и визуально приятно.
В итоге определили такие основные блоки: 

• описание товара, 
• варианты размера и цвета, 
• размерная сетка, 
• галерея с фото товара.

Обязательно в карточку будут добавлены кнопки “Добавить в корзину” или “Заказать пошив” и кнопка “В избранное”.

Дизайн

Для нового сайта мы разработали оригинальный фирменный стиль. Сайт выполнили в серых тонах, добавив при этом черный цвет для контраста, как акцентный использовали зеленый цвет.

При разработке дизайна было важно органично разместить все направления. Поэтому наша команда продумала удобную навигацию и содержание страниц. Важным требованием к сайту было то, что он должен быть стильным и не перегруженным информацией. Переизбыток информации просто отвлекает посетителя.

В компании i-CHEF не следуют трендам, а создают их, поэтому минималистичный дизайн в благородных тонах тому соответствует. В стилистике было принято решение использовать швейные элементы для того, чтобы тематика бренда прослеживалась на каждой страничке сайта.

Реализация

Следующим этапом, после дизайна, идет реализация.

Создание сайтов осуществляется с помощью платформы, собственной разработки агентства - Webx.page.   

Конструирование сайта включает в себя верстку, с помощью готовых блоков, а также наполнение сайта текстами, фото, визуальными эффектами и анимацией.

Главная страница должна показывать достоинства i-CHEF. Поэтому на ней представлена новая коллекция и новая линейка одежды, а также новости и отзывы. Демонстрация уникального предложения подчеркивает значимость компании и снимает возражения покупателей.

Задача первого экрана сайта - привлечь внимание пользователя. Именно поэтому дизайнером было принято решение использовать видеофон, описывающий все этапы создания одежды.
 

Компания i-CHEF предоставляет обширный перечень изделий, как профессиональные кители для шеф-поваров, так и повседневную одежду. Поэтому для понятной навигации и подсказок пользователям были реализованы “хлебные крошки”, которые выделяют путь по структуре каталога. Удобный поиск экономит время и вызывает положительные эмоции. Довольные посетители сайта превращаются в клиентов.

Так как одежда представлена в нескольких цветах и размерах, для поиска в каталоге товаров были разработаны несколько уровней фильтров: по категориям, по размерам и по цветам изделий.

В каждом разделе и подразделе каталога находятся карточки товара. Если посетитель еще не выбрал товар, то фото и описание дают ему понимание о товаре. Фото изделия представлены слайдером с возможностью увеличения изображения.

Варианты размеров, цветов и размерная сетка помогут пользователю выбрать необходимый товар.

Возможность выбрать дает пользователю ощущение контроля над ситуацией, а рекомендация похожих товаров задерживает на сайте. Поэтому отдельным блоком в карточке выделены похожие товары.

На сайте реализован личный кабинет пользователя, в котором храниться история всех заказов, а так же доступен “Список желаний” - избранное.

Сайт для компании i-CHEF разработан и адаптирован для любого устройства, который одинаково хорошо выглядит на компьютере, планшете и телефоне. Возможность просмотра сайта с любого устройства повышает шансы на рост конверсии, ведь более 70% аудитории заходит с телефона.

Для совершения онлайн - покупок на сайте для всех пользователей доступна “Корзина” с подключенными сервисами доставки. Также реализована возможность “Заказать пошив”.

Для дальнейшего добавления товаров и новостей разработана простая и понятная панель управления. Сайт полностью подготовлен к поисковому продвижению, для всех сайтов наша команда проводит базовую SEO настройку.

Результат проекта

В январе сайт был запущен и все задачи поставленные перед командой были выполнены.

• Стильный сайт показывающий преимущества и достоинства бренда i-CHEF
• Полная информация об услугах, новостях и товарах компании
• Личный кабинет пользователя с историей покупок и списком желаний
• Удобная и понятная навигация по сайту
• Возможность оформления онлайн заказа