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