Приложение для здравоохранения
UX продукта
КейсыШаблон кейса · Traditional
TraditionalБренд каннабиса · Концепция сайта
Услуги
Инструменты
Стек технологий
Бренд каннабиса · Концепция сайта
Traditional
Инициативная концепция сайта Traditional — бренда каннабиса из Лос-Анджелеса. Мы перенесли характер упаковки на выразительные страницы сортов, дополнив их понятным каталогом, форматами продукции и поиском магазинов.
Перенести характер упаковки в веб
Упаковка Traditional даёт каждому сорту собственные цвета и графику. Мы хотели сохранить эту индивидуальность на сайте и при этом объяснить разнообразный ассортимент: что за сорт, в каких форматах продаётся и где найти бренд.
Наш вклад
Мы разработали концепцию сайта, информационную архитектуру, визуальный дизайн и фронтенд. Существующие упаковка и изображения бренда стали исходным материалом для наших композиций страниц, типографики, цветовой системы и взаимодействий.
Мы задали сайту два дополняющих режима: выразительные страницы знакомства с сортом и более спокойный каталог для сравнения ассортимента. Общая структура страниц позволяет каждому сорту сохранить характер и остаться частью одного сайта.
Одна система, разные формы
Каждый сорт объединяет своё изображение упаковки, палитру и содержание с повторно используемой структурой страницы. Коллекции, форматы и сведения о магазинах связывают визуальную историю с практическим маршрутом по ассортименту.
01 / Визуальное направление
Сохранить характер каждого сорта.
Начало каждой страницы сорта мы сделали как постер. Упаковка перекрывает огромное название, а её цвета и графические детали переходят в фон и типографику.
Mamba 24 сочетает фиолетовый фон с фактурными золотыми буквами. Другие сорта используют ту же композицию со своими палитрами и изображениями упаковки. Мы встроили вариативность в систему страниц, чтобы новый сорт не требовал нового макета.
02 / Сравнение ассортимента
Дать сравнению более спокойную среду.
Посетителю, который сравнивает несколько сортов, нужны стабильная информация и понятное управление. Мы разместили каталог на нейтральном фоне, добавив фильтры по линейке, типу и вкусу, а рядом со списком — сведения о выбранном сорте.
Счётчики фильтров показывают доступный выбор. На компьютере панель сохраняет высоту при смене выбора, а состояние фильтров остаётся в URL, чтобы конкретным представлением можно было поделиться.
03 / Структура продукта
Сохранить связь сорта и его форматов.
Один сорт может продаваться в банке, формате Minis или преролла. Мы оставили эти варианты на странице сорта, снабдив каждый формат своим изображением упаковки и размерами.
Так связь понятна ещё до перехода по внешней ссылке магазина. Образ сорта сохраняется, меняется формат.
04 / Мобильная композиция
Сохранить визуальную идентичность на маленьком экране.
Мы адаптировали постер в полноэкранную мобильную композицию, сохранив название сорта, упаковку и цвет вместе. Постер Milks переходит к форматам того же сорта.
Дальше карточки форматов располагаются в один столбец; размеры и следующее действие находятся внутри каждой карточки. Мобильный макет сохраняет выразительное начало и следующую за ним практическую последовательность.
05 / Поиск магазина
Связать изучение с местом.
Поиск магазина доступен из шапки каждой страницы. Мы собрали четыре точки в Лос-Анджелесе на одной карте с адресами, маршрутами и ссылками на их страницы Weedmaps.
Концепция знакомит с ассортиментом и помогает найти магазин. Действия с товарами и адресами ведут в Weedmaps; собственного оформления заказа на сайте нет.
Результат
Полная концепция сайта вокруг ассортимента.
Работающая концепция связывает истории отдельных сортов, фильтруемый каталог, выбор форматов и адреса магазинов одной визуальной системой, адаптированной для компьютера и телефона.
