Корпоративный сайт для «Риментел»

«Риментел» — группа компаний из Санкт-Петербурга, производитель красной рыбы и пресервов. В портфеле бренды «Океан», «Рыба-Рыба» и «Кетус», продукция которых представлена в крупнейших торговых сетях. Компания пришла за корпоративным сайтом, который с первого скролла выделялся бы среди конкурентов и отражал философию брендов.

Основные задачи проекта:

1. Сделать сайт запоминающимся и эмоциональным — показать «рыбную» тему ярко, живо и нестандартно.

2. Отразить фирменный стиль и философию компании, использовать обновлённый брендбук.

3. Разработать главную страницу с динамичными блоками и анимациями, чтобы вовлечь пользователя.

4. Создать отдельные страницы для трёх брендов с индивидуальным визуалом и анимацией.

5. Реализовать каталог и детальные страницы товаров с удобной подачей информации.

6. Сделать нетривиальные страницы «О компании» и «Карьера» с анимацией и живыми деталями.

7. Добавить раздел с рецептами, включая калькулятор ингредиентов.

8. Придумать креативную страницу 404, чтобы сохранить настроение бренда даже в «ошибке».

1. За основу взяли брендбук и усилили визуал: яркие цвета, динамика, микроанимации.

2. На главной сделали цепляющую историю о компании через три первых экрана.

3. Для каждого бренда разработали собственные страницы с фирменным стилем и анимацией «плавающей рыбы».

4. Собрали каталог и лаконичные карточки товаров с видео и фирменными подложками.

5. Реализовали необычные разделы: «О компании» с анимированным таймлайном, «Рецепты» с калькулятором ингредиентов, «Карьера» с ценностями и атмосферным видео.

6. Придумали креативную страницу 404 с анимированными блюдами из рыбы.

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

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

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

У «Риментела» три бренда — «Океан», «Рыба-Рыба» и «Кетус», и каждому мы сделали отдельный лендинг. Структура у них похожая, но визуал разный: у каждого бренда есть свой характер, фирменные цвета и стиль, и это нужно было показать.

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

У «Рыба-Рыба» и «Кетуса» на упаковках нет фото реальной рыбы — только силуэты и иллюстрации. Поэтому для анимации мы использовали векторные изображения, а для «Кетуса» кит вообще нарисован самим заказчиком. Чтобы усилить эффект, добавили микрофишки: «разъезжающиеся» заголовки, картинки между словами, бегущие строки на GSAP, которые можно тянуть мышкой и менять направление.

Главная фишка каждой страницы — плавающая рыба. Она делает страницы живыми и поддерживает «рыбный» характер бренда.

Чтобы показать весь ассортимент «Риментела», мы сделали полноценный каталог. Товары в нём разграничены фирменными подложками в цветах каждого бренда — так пользователь сразу понимает, к какой линейке относится продукт.

Детальные страницы получились лаконичными: за 1–2 экрана можно увидеть всё самое важное — от описания до упаковки. По запросу заказчика мы убрали лишний текст и оставили только ключевую информацию.

Важную роль играет видеоконтент: он встроен в промоблоки, карточки и даже заголовки. Чтобы сайт был удобен для всех, мы добавили проверку скорости интернета: если соединение слабое, видео автоматически заменяется на статичное изображение.

Так каталог стал не просто витриной, а визуально богатым и при этом быстрым инструментом для знакомства с продукцией.

Мы решили, что рассказ о компании не должен быть скучным. Вместо стандартных текстов сделали динамичный таймлайн с историей «Риментела» по годам — листаешь и шаг за шагом видишь путь бренда.

Ещё одна фишка — полноэкранный блок про добычу рыбы. При скролле меняется цвет фона и текст, создавая эффект перелистывания и живого погружения в процесс.

Один из самых вкусных разделов сайта — рецепты из продукции брендов «Риментела». Здесь всё сделано так, чтобы захотелось готовить и возвращаться за новыми идеями.

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

Внутри каждой карточки — список ингредиентов, пошаговый процесс с сочными фото и калькулятор порций. Можно указать, на сколько человек готовите, и сайт сам пересчитает количество продуктов. Если в списке есть позиции брендов, по клику легко перейти на их детальную страницу и посмотреть, где купить.

Так раздел рецептов стал одновременно и вдохновляющим, и практичным — помогает готовить дома и знакомит с продукцией компании.

Страница о карьере в «Риментеле» получилась небольшой, но очень живой и человечной. Вместо сухих формулировок — атмосфера: на первом экране видео о жизни компании, ниже — анимированные карточки с ценностями, которые накладываются стопкой друг на друга.

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

Такая подача сразу формирует образ «Риментела» как открытого и современного работодателя, который ценит людей и их вклад.

Даже страница ошибки у «Риментела» не осталась обычной. Вместо скучного текста здесь встречают тарелки с аппетитными блюдами из рыбы. Картинки периодически меняются, а при наведении слегка анимируются — будто еда оживает.

Так потерявшийся пользователь не раздражается, а получает ещё один повод улыбнуться и задержаться на сайте. Ошибка превращается в аккуратный штрих фирменного стиля и поддерживает общий «вкусный» вайб проекта.

У нас получился корпоративный сайт, который с первых секунд задаёт настроение и выделяет «Риментел» среди конкурентов. Яркий дизайн, анимации и живая подача сделали компанию ближе и понятнее пользователю. У каждого бренда теперь есть своя страница с характером, продукты представлены в удобном каталоге, а рецепты и спецразделы вовлекают и возвращают посетителей снова. Сайт не только рассказывает о бизнесе, но и работает на имидж компании.