top of page
No Collections Here
Sort your projects into collections. Click on "Manage Collections" to get started
UX/UI
Проектирование интерфейсов сайтов, интернет-магазинов и приложений: пользовательские сценарии, дизайн-системы и адаптация для разных устройств.
YaFlorita
Разработка фирменного стиля и адаптивного интерфейса онлайн-магазина цветов YaFlorita для рынка Южной Америки. Испаноязычный интерфейс, подробная дизайн-система и макеты всех страниц для компьютеров, планшетов и смартфонов.
О КЛИЕНТЕ/
YaFlorita — проект онлайн-магазина цветов, ориентированный на покупателей в Южной Америке. Основной язык интерфейса — испанский. Проект объединил разработку визуальной идентичности бренда и дизайн магазина: от знакомства с ассортиментом до оформления заказа.
ЗАДАЧА/
Создать узнаваемый бренд и целостный интерфейс интернет-магазина на основе подробного технического задания. Требовалось связать фирменный стиль с пользовательскими сценариями, продумать состояния элементов и адаптировать все страницы для разных устройств.
Важной частью работы стала подготовка единой системы компонентов и правил, на которую можно опираться при дальнейшей разработке проекта.
РЕШЕНИЕ/
Работа охватила два взаимосвязанных направления: айдентику YaFlorita и UX/UI-дизайн магазина. Цветочный знак, выразительное написание названия и палитра с розовыми, зелёными и тёплыми светлыми оттенками сформировали визуальный характер бренда и стали основой оформления интерфейса.
Для магазина была разработана отдельная дизайн-система: типографика, цвета, сетки, иконки и повторно используемые компоненты с различными состояниями. На её основе были отрисованы страницы и сценарии взаимодействия, включая выбор товара, личный кабинет и многошаговое оформление заказа.
Работа велась по техническому заданию клиента и дополнялась рекомендациями по удобству интерфейса, визуальной иерархии и согласованности элементов.
ЧТО БЫЛО РЕАЛИЗОВАНО/
Фирменный знак и система версий логотипа: горизонтальная и вертикальная композиции со знаком, а также отдельное написание названия в двух вариантах.
Цветовая палитра, подбор шрифтов и правила типографики.
Отдельное руководство по использованию логотипа.
Дизайн-система с цветами, типографикой, сетками, иконками и библиотекой компонентов.
Кнопки, поля ввода, элементы выбора и другие компоненты интерфейса с различными состояниями.
Карточки товаров и детальная страница товара.
Всплывающие окна, сообщения интерфейса и чат.
Дизайн главной страницы, личного кабинета, блога и других страниц, предусмотренных техническим заданием.
Многошаговый сценарий оформления заказа.
Адаптивные макеты всех страниц для компьютеров, планшетов и смартфонов.
Рекомендации по улучшению пользовательского опыта в рамках технического задания.
РЕЗУЛЬТАТ/
Для YaFlorita создана единая визуальная система — от логотипа и правил его использования до адаптивных макетов магазина и состояний отдельных компонентов. Клиент получил согласованный комплект дизайн-материалов, который станет основой для дальнейшей разработки.
Дизайн и предложенные рекомендации получили положительную оценку клиента. На момент публикации кейса проект ещё не передан в разработку.
О КЛИЕНТЕ/
YaFlorita — проект онлайн-магазина цветов, ориентированный на покупателей в Южной Америке. Основной язык интерфейса — испанский. Проект объединил разработку визуальной идентичности бренда и дизайн магазина: от знакомства с ассортиментом до оформления заказа.
ЗАДАЧА/
Создать узнаваемый бренд и целостный интерфейс интернет-магазина на основе подробного технического задания. Требовалось связать фирменный стиль с пользовательскими сценариями, продумать состояния элементов и адаптировать все страницы для разных устройств.
Важной частью работы стала подготовка единой системы компонентов и правил, на которую можно опираться при дальнейшей разработке проекта.
РЕШЕНИЕ/
Работа охватила два взаимосвязанных направления: айдентику YaFlorita и UX/UI-дизайн магазина. Цветочный знак, выразительное написание названия и палитра с розовыми, зелёными и тёплыми светлыми оттенками сформировали визуальный характер бренда и стали основой оформления интерфейса.
Для магазина была разработана отдельная дизайн-система: типографика, цвета, сетки, иконки и повторно используемые компоненты с различными состояниями. На её основе были отрисованы страницы и сценарии взаимодействия, включая выбор товара, личный кабинет и многошаговое оформление заказа.
Работа велась по техническому заданию клиента и дополнялась рекомендациями по удобству интерфейса, визуальной иерархии и согласованности элементов.
ЧТО БЫЛО РЕАЛИЗОВАНО/
Фирменный знак и система версий логотипа: горизонтальная и вертикальная композиции со знаком, а также отдельное написание названия в двух вариантах.
Цветовая палитра, подбор шрифтов и правила типографики.
Отдельное руководство по использованию логотипа.
Дизайн-система с цветами, типографикой, сетками, иконками и библиотекой компонентов.
Кнопки, поля ввода, элементы выбора и другие компоненты интерфейса с различными состояниями.
Карточки товаров и детальная страница товара.
Всплывающие окна, сообщения интерфейса и чат.
Дизайн главной страницы, личного кабинета, блога и других страниц, предусмотренных техническим заданием.
Многошаговый сценарий оформления заказа.
Адаптивные макеты всех страниц для компьютеров, планшетов и смартфонов.
Рекомендации по улучшению пользовательского опыта в рамках технического задания.
РЕЗУЛЬТАТ/
Для YaFlorita создана единая визуальная система — от логотипа и правил его использования до адаптивных макетов магазина и состояний отдельных компонентов. Клиент получил согласованный комплект дизайн-материалов, который станет основой для дальнейшей разработки.
Дизайн и предложенные рекомендации получили положительную оценку клиента. На момент публикации кейса проект ещё не передан в разработку.
Top Hockey
Концепт мобильной платформы Top Hockey для хоккейного сообщества. Проект объединил брендинг, UX/UI дизайн и разработку визуальной системы для спортивного продукта.
ЗАДАЧА/
Создать современную цифровую платформу для хоккейного сообщества, объединяющую игроков, команды, турниры и спортивный контент в единой экосистеме.
РЕШЕНИЕ/
Разработан фирменный стиль приложения, включающий логотип, цветовую систему и набор интерфейсных компонентов. Особое внимание уделялось удобству мобильного взаимодействия, читаемости информации и визуальной динамике, отражающей характер хоккея как спорта.
РЕЗУЛЬТАТ/
Проект демонстрирует комплексный подход к созданию цифровых продуктов: от брендинга до проектирования пользовательских сценариев и мобильных интерфейсов.
ТЕХНОЛОГИИ/
Brand Identity / UX/UI Design / Mobile App Design / Design System / Product Design /
ЗАДАЧА/
Создать современную цифровую платформу для хоккейного сообщества, объединяющую игроков, команды, турниры и спортивный контент в единой экосистеме.
РЕШЕНИЕ/
Разработан фирменный стиль приложения, включающий логотип, цветовую систему и набор интерфейсных компонентов. Особое внимание уделялось удобству мобильного взаимодействия, читаемости информации и визуальной динамике, отражающей характер хоккея как спорта.
РЕЗУЛЬТАТ/
Проект демонстрирует комплексный подход к созданию цифровых продуктов: от брендинга до проектирования пользовательских сценариев и мобильных интерфейсов.
ТЕХНОЛОГИИ/
Brand Identity / UX/UI Design / Mobile App Design / Design System / Product Design /
Pulsar
Редизайн сложного инженерного продукта с тысячами компонентов и технических данных. Новая структура интерфейса упростила навигацию, улучшила работу с библиотеками и подготовила платформу к дальнейшему развитию.
ЗАДАЧА/
Pulsar — онлайн-редактор электронных схем с большим количеством компонентов, корпусов и технических данных. Со временем интерфейс стал перегруженным, а навигация по библиотекам затрудняла работу пользователей.
РЕШЕНИЕ/
Был проведён редизайн платформы с сохранением узнаваемости бренда. Переработана структура интерфейса, навигация по компонентам и корпусам, обновлён логотип и визуальная система. Особое внимание уделялось организации больших массивов данных и удобству поиска необходимой информации.
РЕЗУЛЬТАТ/
Платформа получила более современный интерфейс, улучшенную структуру данных и адаптивную версию для мобильных устройств. Проект стал наглядным примером того, как UX-проектирование помогает упростить работу даже со сложными техническими продуктами.
ТЕХНОЛОГИИ/
UX Research / Information Architecture / UI Design / Mobile UX / Product Design
ЗАДАЧА/
Pulsar — онлайн-редактор электронных схем с большим количеством компонентов, корпусов и технических данных. Со временем интерфейс стал перегруженным, а навигация по библиотекам затрудняла работу пользователей.
РЕШЕНИЕ/
Был проведён редизайн платформы с сохранением узнаваемости бренда. Переработана структура интерфейса, навигация по компонентам и корпусам, обновлён логотип и визуальная система. Особое внимание уделялось организации больших массивов данных и удобству поиска необходимой информации.
РЕЗУЛЬТАТ/
Платформа получила более современный интерфейс, улучшенную структуру данных и адаптивную версию для мобильных устройств. Проект стал наглядным примером того, как UX-проектирование помогает упростить работу даже со сложными техническими продуктами.
ТЕХНОЛОГИИ/
UX Research / Information Architecture / UI Design / Mobile UX / Product Design
Нашли проект, похожий на вашу задачу?
Расскажите, что хотите создать или улучшить. Подберём подходящий формат: готовое решение, индивидуальную разработку сайта, обновление фирменного стиля или проектирование интерфейса.
bottom of page