Онлайн магазин для ERA LIQUIDS
Наш клиент
Задача
Перед будущим сайтом встало несколько задач:
- представить бренд пользователям и другим компаниям в сети;
- познакомить ЦА с продуктом, продемонстрировать его уникальные преимущества;
- отразить концепцию бренда, отстроить компанию от конкурентов.
Решение
Мы с нуля создали адаптивный авторский сайт, где представили несколько линеек продукции и заложили возможность для дальнейшего расширения ассортимента.
В дизайне мы «сыграли» на особенности продукта. Линейки бренда называются CATACLYSM и CATACLYSM ICE, а сами жидкости именуются в честь природных и жизненных катаклизмов – каждая по-своему (например, шторм, гроза, землетрясение и т.д.). Главная страница сайта встречает пользователя баннером с грозой и анимацией (для придания динамичности в поддержку «стихийности» бренда).
Каждая позиция в каталоге была проиллюстрирована изображением катаклизма, в честь которого она названа. Картинка появляется при наведении. Как насчет попробовать на вкус Чёрную дыру, вулкан, цунами, пандемию или метеорит? Звучит круто, правда? Подобные ассоциации вызывают дополнительный интерес пользователей, поэтому нам было важно это обыграть.
Помимо визуальной эффектности в разработке прототипа мы учли все тонкости будущего юзабилити и смогли решить главную задачу: клиенту удобно знакомиться с товарами обеих линеек, представители компаний легко находят способы связи для обсуждения сотрудничества.
Этапы решения
- Определили главные задачи будущего сайта, чтобы опираться на них при построении прототипа и создании контента.
- Изучили сайты конкурентов и референсы от клиента.
- Создали прототип сайта с учетом тенденций в нише, предпочтений клиента, сценариев взаимодействия с сайтом, портрета ЦА.
- Продумали стильный и динамичный дизайн: это не только отражает самую суть бренда, но и соответствует ожиданиям целевой аудитории – молодым людям и потенциальным партнерам, которые заинтересованы в продаже яркого продукта.
- В карточке вкуса собрали всё самое важное: фото, подробное описание, отзывы и лейблы крепости.
- Сделали адаптивный, кроссбраузерный сайт на надежной и удобной CMS Битрикс.
Страницы
Главная страница
Главная страница сайта встречает пользователя баннером с грозой и анимацией (для придания динамичности в поддержку «стихийности» бренда).
Каталог и карточка товара
Каждая позиция в каталоге была проиллюстрирована изображением катаклизма, в честь которого она названа. Картинка появляется при наведении. Как насчет попробовать на вкус Чёрную дыру, вулкан, цунами, пандемию или метеорит? Звучит круто, правда? Подобные ассоциации вызывают дополнительный интерес пользователей, поэтому нам было важно это обыграть.
Прочие страницы
Помимо визуальной эффектности в разработке прототипа мы учли все тонкости будущего юзабилити и смогли решить главную задачу: клиенту удобно знакомиться с товарами обеих линеек, представители компаний легко находят способы связи для обсуждения сотрудничества.
Результат
