- Заказчик
- «Добродея» — бренд омской макаронной фабрики, одного из крупнейших производителей в Западной Сибири.
- Задача
- Разработать дизайн для корпоративного сайта «Добродея» в новой цветовой палитре бренда.
«Добродея» производит макароны, муку и отруби из пшеницы твердых сортов. А также закупает зерновое и предоставляет элеваторные услуги для фермерских хозяйств и агропредприятий. Компания обновила дизайн своей продукции, поэтому нужно было освежить сайт, чтобы он назвал новый айдентический бренд.
Цель проекта – разработать дизайн для домашнего сайта «Добродея» в новой цветовой палитре бренда. Основная задача сайта – управление имиджем и информирование об ассортименте и ценах компании сразу под несколькими аудиториями: B2S и B2B.
В проекте переработали главную страницу, сделали ее хабом с короткой и удобной структурой. Теперь пользователь может сразу перейти к нужному для него разделу, вместо того, чтобы листать длинный список и выискивать там информацию.
Для тех, кому любопытно то, как сайт представлен в редизайне, можно посмотреть по ссылке . Да, грузится долго, но только так можно посмотреть на старом сайте.
Отрисовали новые страницы для разделов продукции, рецептов, закупок зерна и вакансий, чтобы бренд мог эффективно работать с разными аудиториями — покупателями, поставщиками и соискателями — на одном ресурсе.
Этапы разработки нового дизайна сайта
- Аудит действующего сайта.
Первым этапом стало изучение старого сайта, его структуры, функционала и визуального стиля. Это указывает на слабые места и определяет направления для улучшения. - Определение целей и задач.
Важно было понять, как должен стать новый сайт и какие цели перед ним стоят. Основные задачи включают обновление визуальной составляющей в соответствии с новой айдентикой бренда и улучшение удобства навигации для разных целевых аудиторий (B2C и B2B). - Исследование целевой аудитории.
Необходимо было изучить выбор и предпочтения пользователей согласно категориям (покупатели, поставщики и соискатели). Это помогло группе лучше адаптировать контент и интерфейс под каждый. - Создание концепции.
На основе анализа и исследований была разработана концепция нового дизайна. В нее входят идеи по сохранению структуры сайта, созданию удобного интерфейса и внедрению новых элементов брендинга. - Прототипирование.
Создание прототипов страниц поможет проверить навигацию и извлечь ключевые элементы. Прототипы тестировались на фокус-группах для получения обратной связи. - Дизайн-макеты.
После утверждения прототипов дизайнеры приступили к созданию финальных макетов. Особое внимание уделялось использованию новой цветной палитры и элементов фирменного стиля. - Разработка и внедрение.
Следующим этапом стало проектирование технического производства. Веб-разработчики интегрировали макеты в CMS, обеспечив корректное обеспечение на всех устройствах. - Тестирование и запуск.
Перед запуском сайта прошла тщательная проверка ошибок и соответствия требованиям. После устранения всех замечаний был произведен запуск обновленного ресурса.
Аналитическая работа
Перед началом работ над проектом была проведена детальная аналитическая работа, включающая следующие этапы:
- Исследование конкурентов для выявления лучших практик и их влияния в отрасли.
- Сбор данных о текущих посетителях с помощью инструментов веб-аналитики для получения информации о поведении пользователей на старом сайте.
- Встречи с руководством и сотрудниками компании для понимания их видения и ожиданий от нового сайта.
Сложности и их решение
В ходе реализации проекта возникли некоторые проблемы, которые удалось успешно решить:
- Соблюдение баланса между сегментами B2C и B2B требует создания универсальной структуры, обеспечивающей качественное обеспечение категорий пользователей. Решением стал дизайн главной страницы-хаба, откуда посетители могли быстро перейти к разделам в соответствии со своими нуждами.
- Обновление айдентики и переход на новую цветную палитру потребовали тщательного использования для сохранения узнаваемости бренда. Решением стало использование старых айдентиков в Интернете с новыми цветами.
- Старая версия сайта загружалась медленно, что отрицательно сказалось на пользовательском опыте, поэтому мы оптимизировали качество и ограничили структуру кода.
Таким образом, благодаря комплексному подходу и тщательной аналитической работе удалось в полном масштабе реализовать проект, создав современный и удобный сайт, соответствующий стандартам бренда.
Дизайн страниц
Главная страница
Страница с продукцией Добродея
Страница о компании