YaFlorita

Разработка фирменного стиля и адаптивного интерфейса онлайн-магазина цветов YaFlorita для рынка Южной Америки. Испаноязычный интерфейс, подробная дизайн-система и макеты всех страниц для компьютеров, планшетов и смартфонов.

О КЛИЕНТЕ/
YaFlorita — проект онлайн-магазина цветов, ориентированный на покупателей в Южной Америке. Основной язык интерфейса — испанский. Проект объединил разработку визуальной идентичности бренда и дизайн магазина: от знакомства с ассортиментом до оформления заказа.

ЗАДАЧА/
Создать узнаваемый бренд и целостный интерфейс интернет-магазина на основе подробного технического задания. Требовалось связать фирменный стиль с пользовательскими сценариями, продумать состояния элементов и адаптировать все страницы для разных устройств.

Важной частью работы стала подготовка единой системы компонентов и правил, на которую можно опираться при дальнейшей разработке проекта.

РЕШЕНИЕ/
Работа охватила два взаимосвязанных направления: айдентику YaFlorita и UX/UI-дизайн магазина. Цветочный знак, выразительное написание названия и палитра с розовыми, зелёными и тёплыми светлыми оттенками сформировали визуальный характер бренда и стали основой оформления интерфейса.

Для магазина была разработана отдельная дизайн-система: типографика, цвета, сетки, иконки и повторно используемые компоненты с различными состояниями. На её основе были отрисованы страницы и сценарии взаимодействия, включая выбор товара, личный кабинет и многошаговое оформление заказа.

Работа велась по техническому заданию клиента и дополнялась рекомендациями по удобству интерфейса, визуальной иерархии и согласованности элементов.

ЧТО БЫЛО РЕАЛИЗОВАНО/

Фирменный знак и система версий логотипа: горизонтальная и вертикальная композиции со знаком, а также отдельное написание названия в двух вариантах.

Цветовая палитра, подбор шрифтов и правила типографики.

Отдельное руководство по использованию логотипа.

Дизайн-система с цветами, типографикой, сетками, иконками и библиотекой компонентов.

Кнопки, поля ввода, элементы выбора и другие компоненты интерфейса с различными состояниями.

Карточки товаров и детальная страница товара.

Всплывающие окна, сообщения интерфейса и чат.

Дизайн главной страницы, личного кабинета, блога и других страниц, предусмотренных техническим заданием.

Многошаговый сценарий оформления заказа.

Адаптивные макеты всех страниц для компьютеров, планшетов и смартфонов.

Рекомендации по улучшению пользовательского опыта в рамках технического задания.

РЕЗУЛЬТАТ/
Для YaFlorita создана единая визуальная система — от логотипа и правил его использования до адаптивных макетов магазина и состояний отдельных компонентов. Клиент получил согласованный комплект дизайн-материалов, который станет основой для дальнейшей разработки.

Дизайн и предложенные рекомендации получили положительную оценку клиента. На момент публикации кейса проект ещё не передан в разработку.