Кейс

Разработка сайта для мукомольного комбината

Описание
Разработка
Дизайн
Команда
  • Зачастую сайты промышленных организаций скучные и однотипные. Заказчик по данному кейсу хотел получить сайт-визитку с особенным выделяющимся интерфейсом. Мы разработали функциональный и интересный дизайн сайта для мукомольного комбината, опираясь на его многолетнюю историю. Применяя нестандартные инструменты проектирования, нам удалось удовлетворить запрос заказчика.
  • Проблема

    Главная проблема — отсутствие удобной инфраструктуры сайтов промышленных организаций, из-за чего возникает сложность взаимодействия с ЦА, чрезмерная загрузка менеджеров. Полное отсутствие дизайна и визуальной привлекательности сайта. Результат — потеря потенциальных клиентов, а также сотрудников, тк многие, занимаясь поиском работы проверяют информацию о компании в Интернете.
    В проекте
    Проект предполагал создание нестандартного удобного юзабилити сайта, который бы упрощал взаимодействие с B2B-клиентами; делал комбинат узнаваемым среди сложного сегмента промышленных компаний. Дополнительно нужно было внедрить в проект функционал корпоративного сайта, настроить «1С: Предприятие 8. Управление торговлей».
    В разработке
    В процессе разработки акцент делался на дизайн, ориентируясь на уже готовый бренд бук, и исследования пользовательского опыта. Так как компания работает исключительно с B2B-сегментом, нам нужно было предложить функциональный, понятный и стильный проект, который бы отвечал на все вопросы потенциальных заказчиков, и при этом обладал «вау-эффектом».
    Задачи
    • Стильный, необычный и оригинальный дизайн, который бы сделал комбинат узнаваемым среди промышленных компаний.
    • Простое оформление заявки без менеджера за счет правильно настроенного функционала.
    • Понятная и одновременно правильная структура, продуманная до мелочей, без лишних разделов.
    • Создать имидж сильного HR-бренда
      для привлечения новых сотрудников
      на работу на комбинате.
    Решение
    Работа над проектом мукомольного комбината
    с историей (функционирует с 1872 года) включала следующие шаги:
    • Проведение комплексных исследований с подбором KPI и построением карты пользовательского опыта CJM.
    • Создание комплексной интеллект-карты.
    • Вдумчивое прототипирование.
    • Выбор типографики.
    • Разработка уникального дизайна с технологией motion design.
    • Создание главной страницы с построением правильной навигации и разработкой других страниц.
    • Создание мобильной версии сайта с единым концептом для мобильной и десктопной версии и вариативной CJM.
    исследования

    Для нас было важно создать проект, который отвечал бы на все бизнес-юниты заказчика и при этом оставался полезным для конечного пользователя. Мы разработали собственные и использовали уже существующие KPI на старте проекта. Это помогло отслеживать эффективность каждого этапа и проекта в целом.

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

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

    прототипирование
    типографика
    Цвета
    FFE1AA
    fea933
    4e1904
    2F2F2F
    Шрифты
    Amatic SC
    ABCDĐEFGHIJKLMNOPQRSTUVWXYZ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
    1234567890
    PT Sans
    ABCDĐEFGHIJKLMNOPQRSTUVWXYZ
    АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
    1234567890
    motion design
    главная страница

    Главная страница предполагает 1 тематический блок с лозунгом организации и призывом ознакомиться с деятельностью компании. Чтобы не перенасыщать главный экран текстом, мы принимаем решение разместить видео о деятельности комбината.

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

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

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

    Обновлённая инфраструктура проекта упрощает взаимодействие с В2В сегментом, становясь ближе к клиенту. Композиционные элементы, продуманная до мелочей навигация, система шрифтов, motion design вместе с комплексной проработкой интерфейса и функционала — ключевые составляющие разработанного решения.

    Над проектом работали
    Команда
    Project-manager
    Дмитрий
    Миронов
    Team-lead
    Сергей
    Иванов
    Back-end developer
    Александр
    Горшков
    Web-designer
    Никита
    Щеглов
    Front-end developer
    Сергей
    Гончаров
    Web-analyst
    Сергей
    Нартов