Риментел
Вернуться к списку-
Тип проекта:Интернет-витрина
-
Тематика сайта:Продукты питания
-
Редакция продукта:Стандарт
-
Сайт:
-
Партнер:
Клиент обратился с запросом на разработку корпоративного сайта, который помог бы запомниться аудитории и выгодно выделиться среди конкурентов. Перед стартом работ был проведён анализ отраслевых сайтов: команда изучила множество решений в рыбной отрасли, отметила удачные практики и на втором этапе использовала их для создания новых разделов сайта.
Перед началом дизайна был согласован мудборд, обсуждённый совместно с заказчиком. Клиент проявил открытость к нашим идеям. Основной задачей было отразить рыбную тематику так, чтобы уже с первых экранов промо-блока пользователь вовлекался в дальнейшее знакомство с брендом.
Основой визуальной концепции стал обновлённый брендбук заказчика. Мы сохранили фирменные цвета и аккуратно дополнили их дополнительными акцентными оттенками для усиления визуального восприятия. На этапе разработки дизайн-концепции были предложены две версии. В обеих ключевое внимание уделялось подбору контента: задача заключалась в том, чтобы визуальные образы буквально «залипали» в памяти пользователя и вызывали эмоциональный отклик. Этот подход себя оправдал: в процессе работы над сайтом сотрудники офиса сами отмечали, что после просмотра макетов часто отправлялись за свежей рыбой.
Особое внимание уделено структуре интерфейса. На сайте отсутствует привычная шапка: вместо неё навигационное меню закрепляется в нижней части экрана при прокрутке, чтобы не отвлекать внимание от основного контента. В футере меню «паркуется» в специально отведённую область, создавая аккуратное завершение страницы.
На внутренних страницах важной особенностью стали брендовые лендинги. Для каждого бренда применена индивидуальная цветовая схема в соответствии с фирменным стилем. Несмотря на единую структуру, каждая страница воспринимается уникально за счёт акцентной визуальной подачи. В рамках брендовых страниц реализовано несколько микровзаимодействий: заголовки при скролле эффектно разъезжаются, а между словами появляются тематические изображения, усиливающие атмосферу.
Одной из главных фишек проекта стал блок с «оживающей» рыбой. Сельдь, вырезанная с упаковки, получившей премию в Каннах, анимирована так, что реагирует на прокрутку страницы и двигается самостоятельно. Этот элемент органично интегрирован в сторителлинг о процессе добычи рыбы.
Детальная страница товара выполнена в лаконичной структуре: вся необходимая информация размещена в пределах одного-двух экранов, чтобы пользователь мог быстро найти ответы на свои вопросы. Визуальная связь с брендом сохраняется за счёт фонового элемента под фотографией товара, который наследуется от цветового кода соответствующего бренда.
Отдельного внимания заслуживает техническая реализация проекта. На странице «О компании» создан полноэкранный блок, в котором при прокрутке плавно меняются фоновые цвета и тексты, создавая эффект незаметных переходов. Также реализован таймлайн истории компании: события разбиты по годам, а навигация по ним реализована в формате плавной и приятной анимации.
В результате был создан современный, запоминающийся сайт с мощным визуальным акцентом на рыбную тематику, глубокой проработкой взаимодействия с пользователем и ярко выраженной индивидуальностью бренда.
Перед началом дизайна был согласован мудборд, обсуждённый совместно с заказчиком. Клиент проявил открытость к нашим идеям. Основной задачей было отразить рыбную тематику так, чтобы уже с первых экранов промо-блока пользователь вовлекался в дальнейшее знакомство с брендом.
Основой визуальной концепции стал обновлённый брендбук заказчика. Мы сохранили фирменные цвета и аккуратно дополнили их дополнительными акцентными оттенками для усиления визуального восприятия. На этапе разработки дизайн-концепции были предложены две версии. В обеих ключевое внимание уделялось подбору контента: задача заключалась в том, чтобы визуальные образы буквально «залипали» в памяти пользователя и вызывали эмоциональный отклик. Этот подход себя оправдал: в процессе работы над сайтом сотрудники офиса сами отмечали, что после просмотра макетов часто отправлялись за свежей рыбой.
Особое внимание уделено структуре интерфейса. На сайте отсутствует привычная шапка: вместо неё навигационное меню закрепляется в нижней части экрана при прокрутке, чтобы не отвлекать внимание от основного контента. В футере меню «паркуется» в специально отведённую область, создавая аккуратное завершение страницы.
На внутренних страницах важной особенностью стали брендовые лендинги. Для каждого бренда применена индивидуальная цветовая схема в соответствии с фирменным стилем. Несмотря на единую структуру, каждая страница воспринимается уникально за счёт акцентной визуальной подачи. В рамках брендовых страниц реализовано несколько микровзаимодействий: заголовки при скролле эффектно разъезжаются, а между словами появляются тематические изображения, усиливающие атмосферу.
Одной из главных фишек проекта стал блок с «оживающей» рыбой. Сельдь, вырезанная с упаковки, получившей премию в Каннах, анимирована так, что реагирует на прокрутку страницы и двигается самостоятельно. Этот элемент органично интегрирован в сторителлинг о процессе добычи рыбы.
Детальная страница товара выполнена в лаконичной структуре: вся необходимая информация размещена в пределах одного-двух экранов, чтобы пользователь мог быстро найти ответы на свои вопросы. Визуальная связь с брендом сохраняется за счёт фонового элемента под фотографией товара, который наследуется от цветового кода соответствующего бренда.
Отдельного внимания заслуживает техническая реализация проекта. На странице «О компании» создан полноэкранный блок, в котором при прокрутке плавно меняются фоновые цвета и тексты, создавая эффект незаметных переходов. Также реализован таймлайн истории компании: события разбиты по годам, а навигация по ним реализована в формате плавной и приятной анимации.
В результате был создан современный, запоминающийся сайт с мощным визуальным акцентом на рыбную тематику, глубокой проработкой взаимодействия с пользователем и ярко выраженной индивидуальностью бренда.