Разработка сайта для фабрики «Мыловаренные традиции»

Задача. «Вкусно» показать то, что уже можно потрогать

Фабрика «Мыловаренные традиции» выпускает качественное мыло. И распространяет его по крупным торговым сетям Украины и стран ближнего зарубежья. Перед студией Goracio была поставлена задача — сделать корпоративный сайт.

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

Этап первый. Создание структуры сайта

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

Этап второй. Создание стиля сайта

После создания структуры сайта и схем страниц пришла очередь "делать что-то красивое". Этим "чем-то красивым" оказался общий стиль сайта. По просьбе заказчика сайт должен быть легким, светлым  и современным. Графический язык сайта совпадает с философией фабрики  —  яркость аромата (цвет упаковки) на фоне чистоты, качество и натуральности (белый фон).

На момент создания сайта фабрика «Мыловаренные традиции» выпускала три основных вида продукции: твердое мыло для рук, хозяйственное мыло и «Privat lable» — любое твердое мыло, выпускаемое под брендом заказчика. Для каждого из разделов были разработаны иконки.

Этап третий. Детализация

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

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

На странице "О фабрике" можно увидеть как выглядит офисные помещения, на каком оборудовании создается мыло.
В разделе "Новости" узнать куда теперь поставляется продукция фабрики, а так же какие новые линейки запущены в производство.

Этап четвертый. Реализация главной цели сайта

Главная цель сайта — обеспечить возможность пользователю связаться с менеджером компании и заключить сделку. Для этого на сайте созданы три формы обратной связи ("написать нам", "задать вопрос", "обсудить оптовый заказ").  Если пользователь заходит на сайт с телефона — он может позвонить сразу с сайта нажав на номер, указанный в шапке сайта

Контактная информация всех ключевых менеджеров и карта проезда на предприятие показана на странице "Контакты".

Если пользователь заблудился — страница ошибки 404 вернет его на главную страницу.

Бонус

Не забыли о том, что фабрика все-таки называется Мыловаренные Традиции. Поэтому доработали фирменный стиль, создав еще один элемент —  стилизованный патерн с фабрикой. Этот элемент, на наш взгляд, удачно завершает всю композиции страниц сайта. Напоминает, что хоть производство и молодое, и идет в ногу со временем, но все же помнит, что такое ТРАДИЦИОННО ВЫСОКОЕ КАЧЕСТВО МЫЛОВАРЕНИЯ.


Дизайн

Маргарита Руденко

Иван Кострюков

Дизайн контента

Юрий Фурсов

Сергей Стрельченко

Анна Семейкина

Алена Пилипенко

Программинг

студия 7 lines

Арт-директор

Евгений Бондарь