РЕБРЕНДИНГ ДЛЯ ФРУКТОВ МОРЯ
«Фрукты моря» – интернет-магазин морепродуктов. К нам пришли с сайтом, который выполнял свою функцию, но визуально почти не помогал продавать: много серого, небольшие изображения товаров и акценты на второстепенных элементах.
Мы полностью пересобрали визуальную иерархию магазина, сделали продукт главным героем интерфейса и упростили путь к покупке. После редизайна конверсия сайта выросла на 20%.
Мы полностью пересобрали визуальную иерархию магазина, сделали продукт главным героем интерфейса и упростили путь к покупке. После редизайна конверсия сайта выросла на 20%.
ГОД: ???????
СДЕЛАЛИ: UX/UI, редизайн интернет-магазина, гайдлайны для фотографий, дизайн баннеров, персонализация профиля
СДЕЛАЛИ: UX/UI, редизайн интернет-магазина, гайдлайны для фотографий, дизайн баннеров, персонализация профиля
С ЧЕМ ПРИШЛИ
Старый сайт был серым и визуально тяжёлым. Внимание пользователя распределялось между множеством блоков, хотя самое важное для интернет-магазина оставалось на втором плане – сам продукт.
Карточки не создавали желания рассмотреть продукт, а ключевое действие – добавление в корзину – не получало достаточного визуального приоритета. Нужно было перестроить интерфейс вокруг сценария покупки.
Карточки не создавали желания рассмотреть продукт, а ключевое действие – добавление в корзину – не получало достаточного визуального приоритета. Нужно было перестроить интерфейс вокруг сценария покупки.
В ЧЁМ СОЛЬ
Мы разработали новые гайдлайны для фотографий и значительно увеличили изображения товаров. Вместо маленькой упаковки на нейтральном фоне пользователь сразу видит то, за чем пришёл.
Одновременно пересобрали визуальную иерархию карточек: товар, важная информация о нём и кнопка «Добавить в корзину» получили главный приоритет. Всё второстепенное перестало конкурировать за внимание.
Одновременно пересобрали визуальную иерархию карточек: товар, важная информация о нём и кнопка «Добавить в корзину» получили главный приоритет. Всё второстепенное перестало конкурировать за внимание.
ЧТО СДЕЛАЛИ
Помимо каталога и карточек товаров, разработали собственную визуальную систему для коммуникационных блоков сайта.
Создали новую карусель баннеров с отдельным визуальным языком специально для «Фруктов моря». Переработали футер и придали ему характерную форму, чтобы даже служебная часть сайта продолжала фирменную коммуникацию.
Создали новую карусель баннеров с отдельным визуальным языком специально для «Фруктов моря». Переработали футер и придали ему характерную форму, чтобы даже служебная часть сайта продолжала фирменную коммуникацию.
Добавили возможность персонализировать профиль пользователя и собрали интерфейс в единую систему, которую можно последовательно развивать дальше.
Отдельно зафиксировали правила работы с фотографиями, чтобы визуальное качество сайта сохранялось и при появлении новых товаров.
Отдельно зафиксировали правила работы с фотографиями, чтобы визуальное качество сайта сохранялось и при появлении новых товаров.
РЕЗУЛЬТАТЫ
Редизайн дал не только визуальный эффект. После запуска обновлённого сайта конверсия выросла на 20%.
Товар стал главным элементом интерфейса, путь до добавления в корзину – очевиднее, а сам магазин вместо серой витрины превратился в полноценный инструмент коммуникации и продаж.
Новые фотогайдлайны и визуальная система заложили основу, на которой «Фрукты моря» могут дальше масштабировать каталог и развивать интернет-магазин.
Товар стал главным элементом интерфейса, путь до добавления в корзину – очевиднее, а сам магазин вместо серой витрины превратился в полноценный инструмент коммуникации и продаж.
Новые фотогайдлайны и визуальная система заложили основу, на которой «Фрукты моря» могут дальше масштабировать каталог и развивать интернет-магазин.
