Алена Рудковская
UX/UI-дизайнер
Telegram
Алена Рудковская
UX/UI-дизайнер
Telegram
Email
LinkedIn
Скачать CV
WEBSITE
Проект 05/05
Редизайн сайта мебельного шоурума
Анализ конкурентов
Структура
Wireframes
UI
UI Kit
Адаптивы
Сделала редизайн сайта мебельного шоурума, чтобы лучше передать характер бренда и сохранить удобство для пользователя. Переработала структуру и навигацию, а визуальную подачу построила на крупных фотографиях, выразительной типографике и нестандартной сетке.
Роль
UX/UI-дизайнер
Основные проблемы старого сайта
Сайт не передавал характер бренда и мешал сосредоточиться на продукции
Старый сайт выглядел устаревшим, был перегружен и не помогал пользователю быстро находить нужную информацию. При редизайне важно было сделать структуру понятнее, усилить визуальный образ бренда и вывести продукцию на первый план.
01
В структуре было сложно ориентироваться
Решение
Переработать навигацию и логику страниц, чтобы нужную информацию можно было находить быстрее
02
Продукция терялась в интерфейсе
Решение
Увеличить изображения и выстроить подачу так, чтобы мебель стала главным визуальным акцентом сайта
03
Сайт не передавал характер бренда
Решение
Создать более современный и выразительный визуальный язык, сохранив лёгкость и удобство интерфейса
Главная как витрина бренда
Выразительная подача знакомит с шоурумом и фокусирует внимание на продукции
На главной собрала ключевые направления, новые коллекции и переходы к основным разделам. Крупные изображения и выразительная типографика передают характер шоурума, а структура помогает быстро перейти к просмотру мебели.
Фокус на продукции
Крупные изображения выводят мебель на первый план и помогают рассмотреть детали
Понятная навигация
Основные категории и разделы доступны с главной, чтобы пользователь быстрее находил нужное направление
Каталог и карточка товара
Нестандартная подача помогает выделить продукцию и не мешает выбору
Сделала каталог более выразительным за счёт крупной подачи мебели и нестандартной сетки, сохранив понятную структуру и привычную логику выбора. В карточке товара собрала фото и характеристики, чтобы пользователь мог изучить предмет перед обращением в шоурум.
Каталог
Крупные изображения и нестандартная сетка поддерживают характер бренда, а структура помогает не потеряться в ассортименте
Карточка товара
Фото и характеристики собраны на одной странице, чтобы всё нужное для знакомства с предметом было доступно сразу
Услуги шоурума
Все дополнительные возможности шоурума собраны на одной странице
Собрала услуги шоурума в отдельном разделе, чтобы пользователь мог быстро понять, какие дополнительные возможности доступны. Информацию разделила по направлениям и сохранила общий визуальный стиль сайта.
Понятная структура
Услуги разделены по направлениям, поэтому нужную информацию легко найти
Единый стиль
Страница продолжает визуальный язык сайта и выглядит частью общего интерфейса
Новости и события шоурума
Раздел помогает рассказывать о новых проектах, событиях и обновлениях
Спроектировала страницу новостей в общей стилистике сайта. Карточки помогают быстро просматривать публикации, понимать тему материала и переходить к интересующим новостям.
Быстрый просмотр
По карточке сразу понятно, о чём публикация и стоит ли открывать материал
Единый визуальный язык
Раздел продолжает общую стилистику сайта и поддерживает характер бренда
Новости в стиле бренда
Даже контентные страницы сохраняют визуальный характер KIOSK
Сделала страницу новости в общей стилистике сайта. Крупные изображения, типографика и свободная композиция помогают сохранить характер бренда и сделать материал визуально выразительным.
Визуал в центре
Крупные изображения становятся главным акцентом страницы и помогают лучше раскрыть материал
Единый характер
Типографика и композиция продолжают визуальный язык основных страниц сайта
Результат проектирования
Сайт стал выразительнее, понятнее и сильнее сфокусирован на продукции
Переработала структуру и визуальный язык сайта, сделала продукцию главным акцентом и упростила навигацию. Проработала ключевые страницы, проверила решения на пользователях, подготовила адаптивные версии и UI Kit.
Понятнее структура
Навигация и ключевые разделы стали логичнее, поэтому нужную информацию проще найти
Выразительнее визуальный стиль
Крупные изображения, типографика и композиция помогают передать характер KIOSK и вывести мебель на первый план
Готовность к развитию
Подготовила адаптивные версии и UI Kit, чтобы сохранить единый подход на разных экранах
Проект 05/05