Manage cookies
Cookie Settings
Cookies necessary for the correct operation of the site are always enabled.
Other cookies are configurable.
Other cookies are configurable.
Клиент
Ласточка
Платформа
Web
Наша роль
Проектирование, Ux/Ui,
Ui-кит
Ui-кит
Ссылка
https://clck.ru/3TH5pa
Клиент
Prosto Meditation
Платформа
Mobile
Наша роль
Проектирование, UI, дизайн-система
Ссылка
Prostoapp.ru
Кейс
Мебельная фабрика
(01)
О продукте
«Ласточка» — российская фабрика мебели с собственным производством, работающая на рынке более 7 лет. Партнёрская сеть более 1 000 клиентов.
(02)
Задача
Старый сайт «Ласточки» создавался под оптовых партнёров и не был готов к работе с розничным покупателем: хаотичная навигация, несколько цветовых схем, разные стили карточек и кнопок на одной странице, нет личного кабинета — после оплаты пользователь не мог отследить заказ или посмотреть историю покупок.
Всё это требовало полного переосмысления сайта — с новым визуальным языком, чёткой аудиторией и продуманным путём пользователя от первого экрана до покупки.
Всё это требовало полного переосмысления сайта — с новым визуальным языком, чёткой аудиторией и продуманным путём пользователя от первого экрана до покупки.
(03)
Подход
Провели продуктовое исследование, разобрали путь пользователя. Это помогло найти точки, где люди теряются или уходят. Фреймворк Jobs to be Done помог понять потребности пользователей.
(04)
Улучшили каталог
и карточку товара
и карточку товара
Продумали навигацию каталога с двухуровневым меню и удобными фильтрами. Карточка товара содержит всю информацию о товаре — от материала и размеров до отзывов реальных покупателей. Также внедрили конструктор опций для более подбора товара.
56% покупателей начинают выбор с фотографий товара (Baymard Institute) — поэтому в карточке сделали акцент на большой галерее и детальном зуме.
56% покупателей начинают выбор с фотографий товара (Baymard Institute) — поэтому в карточке сделали акцент на большой галерее и детальном зуме.
(05)
Внедрили личный кабинет
История всех покупок с фотографиями товаров, статусами и деталями каждого заказа. Пользователь видит, что заказал, сколько заплатил и на каком этапе находится доставка. Здесь же управление профилем: имя, контакты, адреса доставки. Проработаны состояния полей — режим просмотра, редактирования, ошибки валидации. Удержание клиента после первой покупки — ключ к LTV.
(06)
Обновили корзину
Спроектирована максимально понятной и функциональной, позволяя пользователю легко видеть список выбранных товаров, их количество, цену и общую сумму. Есть возможность быстрого поменять количество товаров или удалить, не выходя из корзины. Есть поле промокода. Реализованы блоки рекомендаций, подобранные под покупателя.
(07)
Создали UI кит
UI Kit сокращает время разработки и упрощает поддержку сайта в будущем. Все элементы со всеми состояниями, отступы в Figma Variables, документация првращает хаотичный набор экранов в системный продукт с понятной логикой и масштабируемой дизайн-базой.
(08)
Отзыв клиента
???
(13)
Результат
Редизайн полностью изменил восприятие бренда: сайт стал похож на дорогой интерьерный журнал, что отражает и качество мебели, и подход ее создателей.
Навигация стала интуитивной: пользователь в любой момент понимает, где он находится и что делать дальше — будь то первый визит или оформление возврата. Продуманные состояния для каждого сценария означают, что у покупателя нет тупиков: товар закончился, форма не заполнена, заказ доставлен — на каждую ситуацию есть понятный следующий шаг.
Для разработчиков подготовлен полноценный UI Kit с компонентами, типографикой и цветовой системой, что делает внедрение предсказуемым и ускоряет работу команды.
Навигация стала интуитивной: пользователь в любой момент понимает, где он находится и что делать дальше — будь то первый визит или оформление возврата. Продуманные состояния для каждого сценария означают, что у покупателя нет тупиков: товар закончился, форма не заполнена, заказ доставлен — на каждую ситуацию есть понятный следующий шаг.
Для разработчиков подготовлен полноценный UI Kit с компонентами, типографикой и цветовой системой, что делает внедрение предсказуемым и ускоряет работу команды.
