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