Цель и задачи проекта
Цель
Разработать корпоративный сайт бренда с интернет-магазином кремниевой родниковой воды и сервисом дистрибьюции продукции бренда «SiEnergy» в разных городах
Задачи
Первый этап. Разработка адаптивной дизайн-системы сайта и информационной части сайта
- Разработать концепт дизайна на примере, опираясь на имеющийся брендбук кремниевой родниковой воды «SiEnergy»
- На базе собранного концепта реализовать корпоративную пользовательскую часть сайта с функционалом интернет-магазина (корзиной и оформлением заказа) для реализации воды по всей России
- Адаптировать дизайн в планшетную и мобильную версии
Второй этап. Разработка функционала формирования заявок, системы дистрибьюции
- Разработать личный кабинет пользователя с историей заказов, реферальной программой и статистикой реферальной программы в адаптиве
- Разработать личный кабинет дистрибьютора в адаптиве с функционалом выставления цен на товары, интерфейсом обслуживания полученных заявок и статистикой выполненных заказов
С чем работаем?
Производитель кремниевой родниковой воды «SiEnergy» обратился к нам для создания корпоративного сайта, предназначенного для информировании и рекламы бренда премиальной кремниевой родниковой воды «SiEnergy».
На начальном этапе мы собрали всю информацию, которая имелась на момент проектирования сайта — у бренда имелся обновленный визуальный язык, в котором сочеталась ключевые графические элементы и лаконичная цветовая гамма, а также аккуратное утонченное позиционирование бренда, визуальный язык которого нам надо было перенести из брендбука в интерфейс сайта. На этом этапе нам необходимо было совместно с представителями заказчика аккумулировать всю информацию о бренде, а затем преподнести её пользователям в виде смысловых блоков, постепенно раскрывающих все особенности премиальной воды.
Изначально предполагалось, что сайт бренда будет презентовать воду, раскрывая её исключительные особенности и качества, однако в ходе диалога с заказчиком стало понятно, что производителю воды требуется нечто большее, чем обычный корпоративный сайт и потенциал проекта куда перспективнее. Совместно с представителями заказчика мы выявили 2 ключевых направления, каждое из которых решало свои задачи — информационно-рекламную часть сайта и сервис дистрибьюции продукции бренда.
Какие задачи должен решать сайт «SiEnergy»?
Задачи информационно-рекламной части сайта
Информирование о продукции бренда
Рекламирование бренда и повышение лояльности розничного и оптового покупателя
Покупка продукции бренда через заявки в интернет-магазине продукции
Расширение лояльности к продукции через реферальную программу и «сарафанное радио»
Задачи сервиса дистрибьюции продукции бренда
Расширение сети дистрибьюции через подключение дистрибьюторов продукции бренда в разных городах
Продажу продукции бренда дистрибьюторами с возможностью установки собственных цен не ниже закупочной
Управление продажами дистрибьютором и отслеживание статистики продаж через сайт
Подготовка концепта и базы дизайн-системы
Еще до работы над концептом, в ходе подготовки технического задания описали блоки, из которых должны были собираться страницы. Какие-то блоки были универсальные (к примеру форма обратной связи, которая уместна на многих страницах сайта где требуется контакт пользователя с компанией), а какие-то специализированные под отдельные страницы (яркий пример — блок шестиугольника SiEnergy, который показали только на страницах «Истории о воде» и «Наша вода»).
На первых концептах мы показали как элементы фирменного стиля «SiEnergy» встроены в интерфейс. К счастью, нам не пришлось тратить много времени на согласование и обсуждение концепта с заказчиком, потому что подача истории бренда и визуальное оформление элементов интерфейса не искажали визуальный язык бренда, описанный в брендбуке.
Финальный концепт. Полностью собранная страница истории о воде (концепт полностью по клику на изображении)
Получив подтверждение финального концепта страницы, мы начали работу над другими не менее важными брендовыми страницами сайта.
Брендовые страницы «SiEnergy»
Помимо страницы, рассказывающей об истории воды SiEnergy, на сайте нужно было рассказать о самой воде и её особенностях, объяснить какие виды воды «SiEnergy» существуют, ответить на вопросы, которые могут появиться у пользователей с первым знакомством с брендом и почитать дополнительную информацию о кремниевой воде.
Наша вода
На этой странице пользователь знакомится непосредственно с самой водой SiEnergy и узнает об её особенностях. Собралась страница преимущественно из блоков, которые рассказывают о свойствах и пользе воды, но не забыли и о блоках призыва к действию.
Страница о воде (страница целиком по клику на изображении)
FAQ
Если пользователь обошел стороной страницу о воде он всегда может получить выжимку основной информации о пользе воды, том где её купить в виде ответов на вопросы, которые часто появляются при знакомстве с водой «SiEnergy».
Образ жизни
Вода «SiEnergy» может быть полезной для самых разных людей и в самых разных жизненных ситуациях. Страница повествует о том, что кремниевая родниковая вода «SiEnergy» может стать надежным спутником для людей с разным образом жизни.
Блог
Бренд не первый год на рынке, и представители бренда потратили немало времени на изучение не только кремниевой воды, но и воды в целом. Для того чтобы всегда можно было поделиться знаниями о воде и дать пользователю больше информации.
Контакты
Страница контактов объединила в себе не только информацию о способах связи с брендом, но также и о генеральных дистрибьюторах и партнерах «SiEnergy», а также позволила войти в личный кабинет дистрибьютора или пользователя.
После брендовых страниц можно было сосредоточиться на интернет-магазине воды, разделе акций, странице корзины и оформлении заказа.
Интернет-магазин кремниевой родниковой воды
Пользователь на сайте не только должен был ознакомиться с информацией о воде, но и мог заказать воду в том объеме, форм факторе и количестве, котором ему удобно.
Разработанный интернет-магазин воды позволил пользователю заказать воду на сайте, используя корзину и стандартную процедуру оформления заказа.
Раздел акций
Если есть интернет-магазин, то должны быть и интересные акции, которые позволят приобрести продукцию бренда с выгодой или получить бонусы которые потом можно будет использовать.
Оптовым покупателям
Интернет-магазин «SiEnergy» — универсальный инструмент продаж и если пользователь сайта является дистрибьютором, он всегда может узнать о возможностях для сотрудничества с брендом из презентации компании и сразу же оставить развернутую заявку на партнерство и дистрибьюцию воды.
Регистрация, раздел акций, страницы 404, 500 и спасибо за заказ
Для того чтобы приобрести воду, необходимо зарегистрироваться на сайте. Повторные покупки будут удобнее благодаря быстрой авторизации по прикрепленному номеру телефона и коду из СМС сообщения. Мы не обошли стороной и такие страницы как 404 и 500 на которых разместили блоки с продукцией и акциями, которые могут помочь заплутавшему пользователю.
Страница 404. С неё пользователь всегда может уйти как на главную так и на страницы продукции
Страница 500 с которой пользователь может уйти на главную
Первый шаг регистрации, заполнение всех полей и запрос кода подтверждения телефона
Второй шаг регистрации
Личные кабинеты пользователя и дистрибьютора
Личный кабинет пользователя
Для чего же пользователям при заказе нужна регистрация на сайте? Все дело в том, что в зависимости от города, в котором зарегистрировался пользователь зависит к какому дистрибьютору-представителю в конкретном городе он будет направлен.
Вместе с регистрацией пользователь получает личный кабинет с возможностью просмотра всех своих активных и завершенных заказов, а также доступ к реферальной программе со статистикой о ней.
Личный кабинет дистрибьютора
Разработанный личный кабинет дистрибьютора позволил выставлять цены на продукцию «SiEnergy», отслеживать и обрабатывать полученные заявки, а также анализировать статистику, которая ведется с момента регистрации дистрибьютором на сайте.
По сути это готовая CRM, которая обеспечивает удобную работу с дистрибьюцией продукции бренда — всё что необходимо сделать дистрибьютору, это стать оптовым покупателем продукции бренда в своём городе, оставив заявку на сотрудничество на сайте. Став партнером «SiEnergy», дистрибьютор получает заказы, оформленные пользователями «SiEnergy» в интернет-магазине в своем городе, не тратя время на работу по продвижению бренда в городе, так как бренд забирает эту задачу.
Финал. Залив готового сайта на бой
Финальным шагом работы над проектом стали загрузка «боевого» контента и баг-тестинг, после которого сайт успешно переехал на «боевой» домен
Ознакомиться с сайтом можно по ссылке ниже
