Дизайн-системы
Перейти на сайтДизайн-системы UI/UX с нуля
Разработка системы продуктовых лендингов, создание диджитал-брендбука и дизайн-системы
01О проекте
Цель и задачи проекта:
Для бренда Dalisha разработали дизайн-систему в старо-русской эстетике: единые компоненты, типографика и визуальный код для каталога и карточек товаров.
Задача:
Создать масштабируемую дизайн-систему, которая ускоряет выпуск новых экранов и сохраняет узнаваемость бренда.
Тип проекта
Дизайн-системы
Тип работ
Дизайн и разработка
Frontend
Vue.js / Vite
02Дизайн
Логотип и упаковка
Старо-русский визуальный код перевели в современный цифровой язык: орнаменты, типографика и цветовая палитра работают в интерфейсе без перегруза, но сохраняют узнаваемость бренда.
03Реализация
Старо-русский стиль в современном интерфейсе
На этапе реализации собрали библиотеку компонентов и экранов: карточки товаров, каталог, детальные страницы и типовые блоки контента работают по единым правилам.
#F8F4E0
#B50504
#2C2C2C
Каталог продукции
Каталог продукции выстроили как отдельный сценарий: пользователь быстро листает ассортимент, видит ключевые характеристики и переходит к подробной карточке без лишних шагов.
На мобильных устройствах каталог работает в виде слайдера с крупными карточками и понятной навигацией по категориям.
ПРОДУКЦИЯ
Подробная информация о товарах
Детальная страница товара раскрывает состав, происхождение и условия хранения. Визуальная иерархия помогает быстро считать информацию и принять решение о покупке.
Блоки сопутствующих товаров и рекомендаций удерживают пользователя в каталоге и повышают средний чек.
04Результат
Дизайн-система для бренда Dalisha
Собрали единый UI-язык для каталога, карточек товаров и контентных блоков — теперь новые экраны выпускаются быстрее и выглядят цельно.
