Дизайн и разработка двуязычного имиджевого сайта-витрины для российского бренда косметики. Информационные страницы, каталог и карточки продуктов с переходом на маркетплейсы. Квиз с подбором ухода.
Beauty
Low-code development
UX/UI Design
cypher
задача проекта
имиджевый сайт-витрина с удобной навигацией, подчёркивающий экспертность бренда и его системный подход.
тип сайта
Объём работы
срок реализации
платформа
Многостраничный
От прототипов до запуска
3 месяца
Tilda Publishing
концепция
Systemic Clarity
Концепция «Система ясности» строится на сочетании строгой структуры и минимализма, где каждый элемент дизайна имеет чёткую функцию и место. Визуальный язык отражает суть бренда CYPHER — продуманный, научный и эффективный уход без излишеств.
этапы работы
Пошаговый процесс позволил глубже понять цели клиента и выстроить точное решение
прототип
Сформировали и согласовали структуру и наполнение сайта, написали тексты на основе глубинного интервью с клиентом и выстроили понятный пользовательский путь для полного раскрытия бренда.
Мудборд
Определили визуальное направление — настроение, цвета и характер бренда в цифровой среде.
Концепции
Подготовили несколько вариантов визуального решения и выбрали тот, что лучше всего отражает бренд.
Макет десктопа
Проработали финальный дизайн для компьютерной версии: типографика, сетка, визуальные акценты и композиция.
Макет мобилки
Разработали дизайн мобильной версии, сохранив удобство и визуальную логику.
Вёрстка
Реализовали макеты на Tilda, проработали адаптивность, анимации и корректную работу всех блоков.
результат
Сайт как удобная система навигации и подбора ухода
информативность
Для каждой линейки мы разработали отдельную страницу, чтобы помочь пользователю погрузиться в систему бренда.
кастомные карточки товаров
Товары бренда представлены на нескольких маркетплейсах, поэтому для каждого продукта мы предусмотрели удобные и понятные переходы на них.
квиз по подбору ухода
Сделали кастомный квиз: он по четырём вопросам подбирает пошаговый уход из продукции бренда, а из результата можно сразу перейти к покупке.