К проектам
Кейс 01 · E-commerce 2026

Интернет-магазин
игрушек ручной работы

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

Главная страница интернет-магазина игрушек на ноутбуке
Роль
UX/UI Designer
Инструменты
Figma · Photoshop · AI
Тип проекта
E-commerce
Формат
Учебный / концепт
О проекте 01

Магазин с характером ручной работы

Интернет-магазин игрушек ручной работы — это учебный, концептуальный проект, в котором я разработала визуальную концепцию и интерфейс онлайн-магазина. Главная цель — создать тёплый, дружелюбный и понятный интерфейс, который передаёт атмосферу ручной работы и упрощает путь пользователя к выбору товара.

В отличие от обезличенных маркетплейсов, здесь визуальный язык работает на ощущение, что каждую игрушку делали руками. Поэтому я сознательно ушла от строгого «сеточного» каталога к более живой подаче с крупной типографикой и тёплой палитрой.

Задача 02

Что нужно было спроектировать

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

Отдельная сложность — удержать баланс: сделать дизайн ярким и запоминающимся, но при этом не перегрузить экран и не помешать главному действию — покупке.

Моя роль 03

Один человек на весь цикл

Это сольная работа, поэтому я отвечала за каждый этап: анализ референсов, структуру каталога, карточку товара, корзину и оформление заказа. Свела цвет, типографику и повторяющиеся элементы в единую дизайн-систему и подготовила финальные экраны к презентации.

Процесс 04

От референсов к финальным экранам

Работа началась с анализа визуальных референсов и структуры e-commerce-сайтов. Затем я определила основные пользовательские сценарии, собрала wireframe-макеты и разработала визуальный стиль. После этого подготовила финальные экраны, карточки товаров, кнопки и основные UI-компоненты.

Лучшие экраны

Шесть ключевых экранов

Нажмите на экран, чтобы рассмотреть его целиком.

Главная Главная страница магазина игрушек
Каталог Каталог товаров
Карточка товара Карточка товара
Корзина Корзина
Оформление Оформление заказа
Контакты Страница контактов
Дизайн-система

Цвет, шрифт, компоненты

Палитра
Primary#FF3E84
Warm#FFB74D
Soft pink#FFD9E6
Ink#1A1014
Paper#FFFFFF
Типографика
Куклы ручной работы
Display BoldЗаголовки · крупный кегль · плотный трекинг
Text RegularОписания товаров · 16–18px · межстрочный 1.5
Кнопки
Смотреть каталог Выбрать куклу В корзину
Карточка товара
Фото игрушки

Кукла «Лесная»

3 200 ₽
в наличии
Результат

Цельный визуальный язык и понятный путь к покупке

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

6
экранов в потоке покупки
12
UI-компонентов в системе
100%
адаптив под устройства
Следующий кейс →

ErgoMS — образовательный модуль