Maihong
Разработан макет и дизайн-система для стратегически важного проекта компании — основного сайта для продажи тяжелого оборудования.
[Дизайн]
[Исследования]
[Метрика]
[Поддержка]
1) Необходимо было создать эффективный сайт для продажи тяжёлого оборудования. Важно обеспечить удобный и лаконичный интерфейс для покупателей, а также расширить возможности обычного сайта-визитки путём создания каталога товаров, интерактивными блоками для удержания внимания клиента (Оборудование в работе, лизинговый калькулятор)
2) Адаптировать сайт для мобильных устройств. Учитывая рост мобильного трафика, важно было обеспечить корректное отображение и удобство использования сайта на мобильных устройствах
2) Адаптировать сайт для мобильных устройств. Учитывая рост мобильного трафика, важно было обеспечить корректное отображение и удобство использования сайта на мобильных устройствах
Что было нужно:
В процессе работы я тщательно проанализировала решения ключевых игроков рынка, выделяя наиболее эффективные UX-практики, которые действительно работают на удовлетворение пользовательских потребностей, а также выявила упущенные конкурентами возможности — эти инсайты позволили нам не только соответствовать ожиданиям аудитории, но и создать дополнительные конкурентные преимущества в нашем продукте.
Анализ конкурентов:
Совместно с командой и стейкхолдерами мы:
- Сформировали портрет целевой аудитории
- Выделили ключевые потребности (JTBD)
- Верифицировали данные через пользовательские интервью
- Разработали поведенческие сценарии, которые легли в основу структуры сайта
Разработка пользовательских сценариев:
На основании исследований ЦА и их болевых точек я с маркетологами создали серию проверяемых гипотез — от каких‑то отказались по причине низкого приоритета для целевой аудитории и высокой стоимости для реализации, а что‑то взяли в работу
Гипотезы:
Я разрабатывала вайрфреймы, последовательно уточняя детали на основе данных. Это позволило создать оптимизированные макеты, полностью соответствующие требованиям заказчика.
Проектирование:
Секции с архивными компонентами, UI-kit'ом и модальными окнами
Разработанные страницы
На финальном этапе я завершила проектирование всех интерфейсных решений — от базовых страниц до сложных интерактивных элементов, создав комплексную дизайн-систему с полным UI-китом, который теперь служит единым источником для дизайнеров и разработчиков компании, обеспечивая консистентность и ускоряя процесс создания новых функциональных модулей.
Финальные доработки и подготовка к проду:
После выгрузки тестовой сборки я проводила детальную сверку реализации с дизайн-макетами, фиксируя любые визуальные, функциональные и логические расхождения для последующего исправления.
Дизайн-ревью:
