Lelis
Lelis
Cвадебный салон в Астане. В рамках проекта я занималась разработкой онлайн-каталога свадебных платьев.
Проект создавался с нуля как цифровой инструмент
для презентации ассортимента салона и упрощения взаимодействия с клиентами.
Спроектировать удобный и понятный интерфейс для работы с большой базой данных с учётом разных ролей пользователей, существующей архитектуры и ограничений
со стороны разработки.
Тип продукта: Сайт-каталог
Длительность: Месяц
Команда: UX/UI дизайнер (я), разработчик
Контекст проекта
Работа началась с обсуждения пожеланий заказчика. Основной запрос заключался в том, чтобы салон получил простой и визуально привлекательный онлайн-каталог, где можно удобно показывать свадебные платья,
не превращая сайт в сложный интернет-магазин. Важным было сохранить ощущение эстетики и премиальности, при этом сделать интерфейс понятным для клиентов.
На этапе концепции я предложила использовать
бесплатный шаблон во Framer в качестве основы. Это решение позволило:
сократить время разработки;
использовать готовую, проверенную структуру;
сосредоточиться на адаптации UX и визуала под конкретный бизнес салона.
Далее шаблон был полностью переработан под бренд Lelis:
изменена структура каталога, визуальный стиль, логика карточек платьев и пользовательских сценариев.
iDocument используется для регулярной работы с документами, поэтому интерфейс является рабочим инструментом, с которым пользователи взаимодействуют ежедневно.
На момент начала проекта продукт уже функционировал, имел сформированный функционал и пользовательскую базу,
но интерфейс устарел визуально и создавал сложности в восприятии и навигации.
Редизайн требовал аккуратного подхода: улучшить UX и визуал, не ломая привычные сценарии пользователей.
ОГРАНИЧЕНИЯ
сайт не должен был превращаться в полноценный интернет-магазин;
акцент делался на визуальной презентации, а не на сложной логике заказов;
административной панелью должны были пользоваться сотрудники без технического опыта;
интерфейс должен был одинаково хорошо работать на мобильных устройствах.
сайт не должен был превращаться в полноценный интернет-магазин;
акцент делался на визуальной презентации, а не на сложной логике заказов;
административной панелью должны были пользоваться сотрудники без технического опыта;
интерфейс должен был одинаково хорошо работать на мобильных устройствах.
Подход к UX
Каталог был спроектирован как основной сценарий сайта.
Пользователь сразу попадает в пространство выбора платьев, без лишних экранов. Выстроила структуру каталога так, чтобы платья можно было удобно просматривать и сравнивать, не перегружая интерфейс фильтрами и текстом.
Карточка платья стала ключевым экраном. В ней сделан акцент на визуал: крупные фотографии, минимальное количество текста, понятные параметры.
Отдельное внимание было уделено тому, чтобы сайт выглядел одинаково аккуратно как на десктопе, так и на мобильных устройствах, так как значительная часть пользователей заходит с телефона.
Каталог был спроектирован как основной сценарий сайта.
Пользователь сразу попадает в пространство выбора платьев, без лишних экранов. Выстроила структуру каталога так, чтобы платья можно было удобно просматривать и сравнивать, не перегружая интерфейс фильтрами и текстом.
Карточка платья стала ключевым экраном. В ней сделан акцент на визуал: крупные фотографии, минимальное количество текста, понятные параметры.
Отдельное внимание было уделено тому, чтобы сайт выглядел одинаково аккуратно как на десктопе, так и на мобильных устройствах, так как значительная часть пользователей заходит с телефона.
Административная панель
Разработчик создал удобную админ-панель, ориентированная на сотрудников салона без технического опыта.
Через нее можно:
добавлять и редактировать платья;
загружать фотографии;
менять описания и параметры;
управлять доступностью моделей.
Интерфейс админ-панели выполнен максимально функционально,
без лишнего визуального шума.
Разработчик создал удобную админ-панель, ориентированная на сотрудников салона без технического опыта.
Через нее можно:
добавлять и редактировать платья;
загружать фотографии;
менять описания и параметры;
управлять доступностью моделей.
Интерфейс админ-панели выполнен максимально функционально,
без лишнего визуального шума.
Визуальные решения
Визуальный стиль проекта построен вокруг свадебной эстетики.
Использована спокойная, нейтральная палитра, которая не отвлекает внимание от платьев. Интерфейс намеренно «воздушный», с большим количеством свободного пространства и акцентом на изображения.
Визуальный стиль практически
не изменился.
Основной акцент сделан на:
чистоту интерфейса и уменьшение визуального шума;
четкую типографическую иерархию;
выравнивание элементов и логичную сетку;
аккуратные цветовые акценты для ключевых действий.
Результат
В результате был создан онлайн-каталог свадебных платьев, интегрированный в сайт салона Lelis, а также удобная административная панель для его поддержки. Решение позволило салону структурировать ассортимент, улучшить онлайн-презентацию и упростить работу с контентом.
В результате был создан онлайн-каталог свадебных платьев, интегрированный в сайт салона Lelis, а также удобная административная панель для его поддержки. Решение позволило салону структурировать ассортимент, улучшить онлайн-презентацию и упростить работу с контентом.
Вывод
Проект Lelis показал, что даже при использовании готовых шаблонов можно создать качественный и индивидуальный UX/UI-продукт, если правильно адаптировать структуру, визуал и пользовательские сценарии под реальные задачи бизнеса.
Проект iDocument показал важность бережного редизайна существующих продуктов. Улучшая UX и визуальную составляющую, удалось повысить удобство работы с сервисом,
не нарушая привычные сценарии пользователей и не меняя основную логику продукта.
Другие проекты
