Задачи

Повышение удобства: Обеспечить простой и интуитивно понятный интерфейс.

Оптимизация производительности: Снизить время загрузки страниц для улучшения пользовательского опыта.

Создание современного дизайна: Обновить визуальный стиль сайта, чтобы он соответствовал актуальным стандартам.

Адаптация интерфейса: Гарантировать корректную работу на всех типах устройств.

На старте проекта я провела детальное исследование текущего состояния сайта и потребностей пользователей. Для этого я использовала:

• Интервью с представителями целевой аудитории.
• Анализ пользовательского пути (user journey) и данных веб-аналитики.
• Сравнение с аналогичными проектами конкурентов.

4. Внедрение и проверка
Для проверки готовой версии платформы разработчики совместно с продакт-менеджером провели многоуровневое тестирование, включая:

• Проверку кроссбраузерной совместимости.
• Тестирование производительности на различных устройствах.
• Нагрузочные тесты для оценки стабильности системы.

3. Дизайн и реализация
Я спроектировала новый дизайн, используя современные инструменты и технологии. В процессе проектирования я акцентировала внимание на визуальной и структурной согласованности элементов, решениям, способствующим сокращениям скорости загрузки страниц и адаптивности интерфейса.

2. Прототипирование и тестирование
На основе анализа я разработала несколько вариантов прототипов и протестировала их с пользователями. Было важно выявить, какой вариант обеспечивает наилучшую эффективность и удобство.

Увеличение числа активных пользователей: Среднее количество ежедневных посетителей выросло на 15%.

Увеличение времени на платформе: Среднее время нахождения пользователя увеличилось на 30%.

Рост конверсии на 25%: Пользователи стали чаще совершать целевые действия на сайте.

Ускорение загрузки страниц на 40%: Время загрузки сократилось с 3,5 до 2 секунд благодаря оптимизации кода и графических ресурсов.

Все показатели были замерены продакт-менеджером проекта, который предоставил мне итоговые цифры после аналитики в течение месяца работы нового дизайна.

Проект успешно достиг поставленных целей, о чем свидетельствуют следующие показатели:

Главный экран

Оставила блок с акциями и преимуществами, как в исходном варианте дизайна (показан ниже), но уменьшила его размер и вывела всю информацию сразу, отказавшись от слайдера. Разместила каталог на главном экране. Спроектировала и воплотила его визуал.

Элементы UI

UI-kit собран из компонентов, внутри вариантов настроена анимация при наведении

Каталог

Сохранены заданные на главном экране система сеток и отступов, внешний вид карточек разделов, продумана новая система группировки товаров по категориям, что позволило упразднить один уровень каталога = сократило путь пользователя до целевого действия.

ИСХОДНЫЙ ДИЗАЙН