Wearcool — полная экосистема fashion-бренда
Wearcool — модный бренд, который мы собрали целиком: фирменный стиль, e-shop, нативное приложение и дизайн-система. Не отдельные куски — а одно целое.
- Многоэтапно
- Эльвин Шарифов + дизайн / фронт / мобильное
- Веб-сайт · Мобильное приложение · Бренд
- В проде
Web+iOS+Android
Бренд
E-shop
Дизайн-система
Исходная точка
Fashion-бренд, который собирается с нуля, обычно делает три ошибки: айдентику делают одни, сайт — другие, приложение — третьи, и потом ничего не похоже на единое целое. Покупатель чувствует разрыв.
Запрос — собрать всё за раз. Один тон голоса, одна типографика, одна сетка, одни компоненты.
Решения
- Бренд — это система, а не пара логотипов. Палитра, типографика, сетка, фото-направление.
- Дизайн-система общая на веб и мобильное — компоненты в Figma связаны с реальными компонентами в коде.
- E-shop собирали под бренд, а не под шаблон.
- Мобильное приложение нативное — там бренд живёт каждый день в кармане.
Исполнение
Стек: Laravel + Vue.js для веба, React Native для iOS и Android, общий API. Дизайн-система ведётся в Figma как первоисточник, реализована в коде как библиотека.
«Бренд держится не на одном красивом плакате, а на ста маленьких решениях. Если их принимают разные люди — целостности не будет.»
Результат
- Один тон, один ритм, одна сетка — на всех точках.
- E-shop и приложение работают как один продукт.
- Команда продолжает развивать систему сама.
- Покупатель не чувствует разрыва между каналами.