Дизайн-концепция сайта «Русской рыбопромышленной компании»

Главное о кейсе

В рамках дизайн-концепции мы предложили удобный в использовании сайт, совмещающий в себе простоту интерфейса, лаконичную подачу контента и полностью поддерживающий визуальную коммуникацию бренда.

Кейс на Behance:
https://www.behance.net/gallery/86832325/Concept-for-Russian-Fishery-company

---

As part of the design concept, we offered a convenient website that fully keeps the visual brand communication and has a simple interface with a laconic content presentation.

Case on Behance:
https://www.behance.net/gallery/86832325/Concept-for-Russian-Fishery-company

Бизнес-задача и ее решение

Новый сайт должен был решить несколько задач:
1. Свести в единую управляемую систему несколько ресурсов и большое количество информации для основных аудиторий: потребителей, партнеров, инвесторов и оптовых покупателей, и, наконец, для соискателей. Сайт должен отвечать информационным потребностям всех перечисленных категорий пользователей.
2. Разработать концепцию функционального ресурса, отвечающего современным трендам дизайна, но при этом соответствующего требованиям корпоративного стиля и брендбука.
3. С помощью дизайна сформировать и транслировать имидж надежной, современной компании, которая вызывает позитивные эмоции.


Решение:

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


С учетом задач проекта и пересечения интересов целевых групп мы предложили следующие решения:

1. Разделить сайт на 3 информационно-функциональных центра — «Продуктовый центр», «Бизнесу и партнерам», «Соискателям».

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

3. Добавить «Кросс-ссылки разделов» — анонсирование других разделов на главной странице текущего (на первом экране) и их дублирование внизу на внутренних страницах.

4. Использовать «многофункциональный бургер». Потребности и интересы целевых групп пользователей, которые выделил клиент, значительно пересекаются. Они могу искать нужную информацию в разных «информационных центрах» (разделах) сайта. «Бургер», в котором есть подробная информация о содержании разделов сайта и ключевая информация о компании и контактах, помогает без лишних действий ознакомиться с доступной на сайте информацией, упростить навигацию и сократить путь до нужной информации

5. Также после изучения структуры «информационных центров» (разделов), предложенной в тендерном задании, мы обозначили точки роста в этом направлении и предложили улучшения. К примеру, в «Продуктовом центре» возникли вопросы относительно раздела «Для вашей кухни». Гипотеза, что название раздела воспринимается вразрез с его планируемым содержанием (информация о продуктах из рыбы, рецепты, советы), была проверена на пользователях, соответствующих характеристикам целевой аудитории. Гипотеза подтвердилась. Мы предложили объединить познавательные материалы о продукте и рецепты. Контент схож по своей задаче — обогащать информацию о продукции компании. Таким образом появился раздел «Рецепты и факты».

6. Гармоничное преподнесение близкой по смыслу информации. Люди лучше воспринимают информацию, которая связана в единую историю. Следуя этому принципу, мы, к примеру, сгруппировали такие сущности как «Профессия» и «История успеха» в общем блоке разноформатного преподнесения информации. Или, например, формировали заголовки блоков, расположенных на одном экране, так, чтобы они складывались в гармоничное предложение: Безупречное качество от настоящих профессионалов с заботой о будущих поколениях.


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

---

The new website was supposed to solve several problems:

1. To combine several resources and a large amount of info into one managed system for consumers, partners, investors and wholesale buyers, and, finally, for applicants. The website must meet the informational needs of all listed categories of users.
2. To develop a functional resource concept that meets modern design trends and the corporate style and brand book requirements at the same time.
3. To use design as a tool for creating an image of a reliable, modern company that brings positive vibes.

Solution:

The client offered their vision of the website informational and functional architecture in tender docs. We decided not to change our strategy and conducted an analysis of the target user group needs that were mentioned in the tender task. We also carefully studied the solutions and functional requirements specified by the client. Then our team evaluated the proposed solutions in terms of performance indicators from users and the client viewpoint. This approach made it possible to offer new ideas for functional and structural solutions, which later became an alternative to the client’s technical task.

Taking into account the project goals and the intersection of target groups interests, we offered the following solution:

— To divide the website into 3 informational and functional categories: Food Center, Business and Partners, and Applicants. For convenient navigation, we placed them in a co-called zero level menu. This allowed users to understand what particular info they are reading and made it possible to quickly switch to another category. It also made the main menu not that bulky.

— To add cross-category links. We placed other website sections on the main page (on the first screen) and duplicated them at the bottom of the inner pages. Thus we presented the full functionality of the company work and offers.

— To use a co-called multifunctional burger. The needs and interests of the target user groups intersected. Users can search for the necessary info in different information centres (sections) of the website. The burger contains detailed info about the sections content and key info about the company and contacts. It helped to get the requested info without any extra clicks and simplified navigation.

5. After studying the structure of information centres (sections) the client offered in the tender task, we identified growth points and offered a number of improvements. For example, we weren’t quite sure that For Your Kitchen section in Food Center category functioned well. We supposed the name was somewhat misleading for the users (there was info about fish products, recipes and cooking tips). We tested it and confirmed our hypothesis. After that, we offered the client to place educational product materials and recipes together, because the content purpose was quite similar. That is how Recipes and Facts section appeared.


6. Harmonious presentation of info with similar meaning. People understand info better if it’s told as a story. Following this principle, we grouped Profession and Success Story sections into one multipurpose info presentation. Another example of a harmonious presentation is web headers.
They formed harmonious sentences when appeared together (for example, “Impeccable quality from professionals with care for future generations”)

The website should not only follow the visual component of the brand’s communication with its customers and partners but to be its continuation in the digital environment. Therefore, we primarily worked with the brand visual style and then reflected it into an interactive environment.

Прочая информация о кейсе

«Русская Рыбопромышленная Компания» — одна из крупнейших рыбодобывающих компаний в России.
– В тройке ведущих российских производителей дикой белой рыбы;
– В четверке мировых лидеров по объемам квот на добычу минтая;
– Промысловый флот из 14 крупнотоннажных траулеров;
– Собственный транспортный флот;
– Более 3 000 рабочих мест.

«Русская Рыбопромышленная Компания» пригласила нас принять участие в тендере на разработку нового сайта. Одним из этапов тендера была подготовка дизайн-концепции будущего сайта. О ней и пойдет речь в кейсе.

---

Russian Fishery Company is one of the largest fishing companies in Russia.

- In the top three leading Russian producers of wild white fish;
- In the top four global leaders of the annual quota for pollock harvesting;
- The company’s fleet is made up of 14 large catching trawlers;
- The company has its own transport fleet;
- More than 3,000 employees.

Russian Fishery Company invited us to tender for website development. One of the tender stages was the website design concept presentation. That’s the case we want to share with you.

Текущая доступность работы

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

Скриншоты