СайтыФудтех

Fish2O

Корпоративный сайт производителя рыбной продукции

Обложка Fish2O
Клиент
Fish2O
Наша работа
Исследование · UX/UI · Сайт на Tilda · Email-дизайн

Описание проекта

Fish2O — бренд группы компаний из Мурманска, которая занимается производством и продажей рыбы и морепродуктов. Заказчику требовался корпоративный сайт, способный показать и сам продукт, и стоящее за ним производство. В дальнейшем работа вышла за рамки сайта: мы также подготовили email-коммуникации и концепции фирменной одежды.

Что требовалось

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

Что сделали

01 / Проверили структуру до дизайна

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

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

Черно-белый прототип сайта

02 / Показали продукт и производство

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

Макеты построили по 12-колоночной сетке и адаптировали под мобильные экраны. Сайт собрали на Tilda, добавили видео, анимацию рыбалки, параллакс и индикатор просмотра. Движение стало частью подачи: оно сопровождает переходы по странице и связывает разные разделы.

Десктопные разделы о продукте и производстве

03 / Продолжили коммуникацию в письмах

Разработали оформление welcome-цепочки и писем для пользователей, которые положили товары в корзину, но не завершили заказ. Для каждого сценария подготовили собственную подачу в общем стиле бренда: знакомство с компанией, персональное предложение или возвращение к покупке.

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

Адаптивные мобильные экраны сайта

04 / Перенесли стиль на фирменные носители

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

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

Дизайн email-писем и промокодовФирменная одежда и носители

Результат

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

Проект занял второе место на Workspace Digital Awards 2023 в категории «Комплексные услуги / Промышленность и оборудование».

Крупный план монитора Pyro на рабочем столе с целым проводом