| Корпоративный сайт
Kiosk
О проекте
Сделала редизайн корпоративного сайта для мебельного шоурума KIOSK. Провела необходимые исследования, которые позволили определить ключевые принципы дизайна: сайт должен быть креативным и выделять компанию среди конкурентов, при этом оставаться удобным, ненагруженным и фокусировать внимание пользователя на товарах.
Моя роль
Анализировала конкурентов, определяла визуальные ориентиры, переработала структуру и интерфейс. Создала чистый и выразительный дизайн, подчеркивающий характер бренда и удобный для пользователей, а также сделала адаптивы.
Проблемы
Устаревший дизайн — сайт не соответствовал эстетике бренда и терялся среди конкурентов
Сложная навигация — пользователям было трудно находить нужную информацию
Слабый фокус на товарах — изображения были мелкими и недетализированными, продукты терялись в дизайне
Недостаток атмосферы — не передавалось ощущение премиальности и уникальности
Сырая карточка товара — информация была плохо структурирована, фото — некачественные, что мешало принятию решения о покупке
Задачи
Создать удобный и креативный интерфейс, отражающий стиль бренда
Выделиться среди конкурентов и передать философию компании
Продумать логичную навигацию для лёгкого поиска информации
Сделать акцент на продуктах — качественные фото, структурированная подача
Передать атмосферу бренда и вызвать эмоциональный отклик
Оптимизировать карточки товаров для удобства и ясности
Обеспечить адаптивность сайта под все устройства
Конкурентный анализ
Провела анализ пяти ключевых конкурентов: изучила визуальный стиль, структуру, навигацию, подачу контента и UX. Выявила общие паттерны, сильные и слабые стороны.
На основе около 40 параметров составила сравнительную таблицу и определила ключевые акценты для будущего дизайна. Это помогло создать выразительный, удобный и отличающийся от конкурентов интерфейс.
Выводы по итогам конкурентного анализа
1. Компании, которые подробно рассказывают о своей истории, партнерах и философии бренда, вызывают больше доверия у пользователей
2. Сайты с выразительным визуалом и эффектной обложкой, демонстрирующей продукцию, выглядят более премиально и привлекают внимание
3. Надежность бренда подчеркивается логичной структурой сайта, удобной навигацией, качественным контентом, а также детальной информацией о товарах, преимуществах и гарантиях
4. Продающий эффект усиливается за счет персонализации продукта, проработанной карточки товаров и высокого уровня сервиса
Функциональный прототип
Затем я создала функциональный прототип, сфокусировавшись на логике взаимодействия и удобной навигации — без акцента на визуале.
Референсы
Провела визуальный и функциональный анализ референсов: изучила цветовые схемы, типографику, стилистические приёмы и элементы интерфейса. Систематизировала рефы по категориям, чтобы адаптировать лучшие решения под задачи проекта.
Вайрфреймы и интеграция текста
Следующим этапом была разработка вайрфреймов, где я создала каркас страниц, определила расположение основных элементов интерфейса и взаимодействие между ними.
После этого я интегрировала текст, чтобы понять, как он будет вписываться в структуру и как лучше подать информацию на каждой странице.
Визуальная концепция и финализация
На этом этапе я разработала визуальную концепцию сайта и приступила к созданию оставшихся страниц. Я уделила этому процессу особое внимание, тщательно прорабатывая каждую деталь, чтобы обеспечить гармоничное сочетание всех элементов.
Главная страница
Я постаралась создать чистый и легкий дизайн, который был бы понятен пользователю, но при этом передавал креативную суть бренда — ведь в шоуруме представлены уникальные изделия от интересных и смелых дизайнеров.
Каталог
Каталог я постаралась сделать нестандартным — чтобы подчеркнуть уникальность бренда. При этом он остался легким и удобным в использовании.
Это подтвердили результаты пользовательского тестирования, которое я проводила как в процессе работы над сайтом, так и после его завершения.
Карточка товара
По задумке компании, из карточки товара пользователь может только ознакомиться с продукцией, представленной в шоуруме. Я вынесла ключевую информацию и добавила подробное описание — в старой версии ее было мало, и она выглядела скомкано.
Адаптивные версии
Затем я разработала адаптивные версии сайта — с фокусом на удобство мобильных пользователей. Важно было сохранить баланс между креативностью и функциональностью, чтобы интерфейс оставался интуитивным и комфортным на всех устройствах
UI Kit
Параллельно я создала UI Kit со стилями и компонентами для ускорения работы и сохранения единого визуального стиля. Все элементы продумывались с учётом удобства и функциональности.
Страница Услуг
Странца Новостей
Страница Статьи
Выводы
Работа над редизайном сайта была интересной и дала простор для креативных решений. Важно было не только создать стильный и современный дизайн, но и сделать сайт понятным, удобным и функциональным.
Made on
Tilda