← К проектам
Кейс 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 — образовательный модуль