Познакомиться с производителем
Публичный сайт рассказывает о компании и её продукции.
Компания · ПродукцияNarlen.
От продукта к заказу
Корпоративный сайт, B2B-приложение для заказчиков и самописная система управления заказами — связанные инструменты одного бизнеса.
Обсудить проект
- Клиент
- Narlen
- Сфера
- Мясное производство · B2B
- Работа ABC
- Разработка под ключ
- Продукты
- Сайт · Приложение · CRM
Задача проекта
От знакомства с брендом до B2B-заказа
У Narlen несколько связанных задач: представить производителя, показать ассортимент и дать заказчикам рабочий инструмент закупки. Сайт, приложение и самописная система управления раскрывают разные части этого пути.
Мы связали знакомство с брендом с конкретными действиями посетителя. У информационных разделов и пользовательских сервисов — свои места в общей структуре.
ABC Design выполнила дизайн и разработку. В кейсе показываем визуальную систему и ключевые сценарии проекта.
Три задачи — три понятных маршрута
Начать со своей цели и перейти к нужному разделу.
Выбрать ассортимент
Каталог представляет мясную продукцию и направления предложения.
Каталог · Ассортимент
Стать заказчиком
Партнёрский раздел дополняет B2B-приложение и работу с заказами.
Приложение · ЗаказыКонцепция и визуальный язык
Настоящий продукт в центре внимания
Крупные фотографии продукции и производства дают предметное представление о Narlen. Яркие брендовые акценты объединяют страницы, а каталог и партнёрский раздел переводят визуальный интерес в деловой сценарий.
Один визуальный язык
От знакомства
к следующему действию
Детали визуальной системы
Впечатление складывается из деталей
Для каждого приёма — своя роль в общей истории.
Цвет · Образ · КомпозицияПервое впечатление
Крупный визуальный акцент знакомит с характером бренда. Типографика и изображения удерживают главную мысль.
Структура · Акценты · ИерархияПоследовательный ритм
Информационные и эмоциональные блоки чередуются. Посетитель постепенно переходит от знакомства к нужной ему теме.
Изображения · Типографика · ЦветОбщий характер материалов
Фотографии, предметная графика и интерфейс собраны в согласованную систему. Детали поддерживают общую подачу сайта.
Структура и подача
От впечатления —
к содержанию
Крупные фотографии продукции и производства дают предметное представление о Narlen. Яркие брендовые акценты объединяют страницы, а каталог и партнёрский раздел переводят визуальный интерес в деловой сценарий.
Каталог помогает изучать продуктовую линейку, сохраняя акцент на самой продукции. Для знакомства с производителем и для выбора товара не нужны разные визуальные языки.
Мобильное приложение
Тот же характер.
Другой масштаб
Приложение дополняет публичный сайт самостоятельными сценариями.
Для заказчиков Narlen предусмотрены каталог, карточка продукции, корзина и оформление заказа. Информация о доставке и история помогают продолжить работу после покупки.
Каждый экран продолжает общий визуальный язык проекта.
Сценарии сайта
Ассортимент — самостоятельная история
Каталог помогает изучать продуктовую линейку, сохраняя акцент на самой продукции. Для знакомства с производителем и для выбора товара не нужны разные визуальные языки.
Публичный раздел отвечает на вопросы о сотрудничестве. Дальнейшая работа заказчика продолжается в B2B-приложении, а управление заказами — в разработанной ABC системе.
Интерфейс поддерживает конкретную задачу посетителя и сохраняет связь с общей структурой сайта.
Пользовательская задача
Найти нужное.
Изучить детали.
Продолжить действие.
От общего представления — к деталям
У каждого раздела — собственная роль в маршруте посетителя.
Знакомство
Ассортимент — самостоятельная история
Каталог помогает изучать продуктовую линейку, сохраняя акцент на самой продукции. Для знакомства с производителем и для выбора товара не нужны разные визуальные языки.
Подробности
Для партнёра предусмотрен свой вход
Публичный раздел отвечает на вопросы о сотрудничестве. Дальнейшая работа заказчика продолжается в B2B-приложении, а управление заказами — в разработанной ABC системе.
Продолжение маршрута
Понятный следующий шаг
Информация и навигация помогают продолжить знакомство с проектом без поиска среди несвязанных страниц.
Рассмотреть экраны подробнее
Самописная система управления
За интерфейсом —
рабочие процессы
Связанная с B2B-приложением система помогает менеджеру работать с заказами, каталогом и клиентами.
Связь между сценариями
Информация и действия
в общей системе
Заказчик выбирает продукцию в приложении, менеджер видит заказ и его состав в системе управления.
Самописная система управленияПубличные сервисыСайт и мобильное приложениеРабочее пространствоСамописная система управления
Итог работы
Публичный образ и инструменты ежедневной работы
Сайт знакомит с Narlen, приложение помогает заказчикам выбирать продукцию и оформлять заказы, а самописная CRM даёт менеджерам рабочее пространство для их обработки.
Визуальная система
Настоящий продукт в центре внимания
Крупные фотографии продукции и производства дают предметное представление о Narlen. Яркие брендовые акценты объединяют страницы, а каталог и партнёрский раздел переводят визуальный интерес в деловой сценарий.
Рабочие сценарии
Ассортимент — самостоятельная история
Каталог помогает изучать продуктовую линейку, сохраняя акцент на самой продукции. Для знакомства с производителем и для выбора товара не нужны разные визуальные языки.
Обсудим вашу задачу
Ваш следующий проект
Расскажите, что хотите изменить. Обсудим сайт и цифровые инструменты для вашей команды.
