Предыстория
Интернет-магазин был создан в рамках учебного проекта с целью разработки удобного и современного пользовательского интерфейса для онлайн-продажи книг. Основной задачей было спроектировать интуитивно понятный и визуально привлекательный интерфейс, который помогает пользователям легко находить, выбирать и приобретать книги.
Начало работы
• Проведение конкурентного анализа
• Определение ключевых болей пользователей
• Создание карты сайта
• Создание дизайн-концепции главной страницы, каталога, страницы товара, корзины
• Создание UI-кита
• Адаптация под мобильную версию
Конкурентный анализ и прототип
Сначала я провела конкурентный анализ ведущих книжных интернет-магазинов, выявила их сильные и слабые стороны, а также ключевые сценарии взаимодействия пользователей. На основе этого составила карту сайта, чтобы выстроить логичную структуру и удобную навигацию. Следующим шагом стало создание интерактивного прототипа.
Боли сегментов. Job stories
Итог
Главные боли аудитории, которые удалось решить:
• Сложность выбора книги среди большого ассортимента. На главной странице имеются подборки и рекомендации («Новинки», «Скоро в продаже», «Бестселлеры»), подборки книг по категориям. На странице каталога реализованы фильтры по категориям, авторам, возрасту, издательству, переплёту, рейтингу, цене. Это помогает пользователю быстрее определиться с выбором.
• Подробная информация о товаре. При переходе на страницу товара открываются подробное описание и характеристики, отзывы, кнопка “Читать отрывок”. Это помогает пользователю принять решение о покупке.
• На странице товара добавила блок с рекомендациями под описанием товара - помогает пользователю найти альтернативы, уточнить выбор, открыть для себя что-то новое.
• Яркие плашки со скидками направляют внимание пользователя на самые актуальные книги.
• Мотивация к повторному посещению: на главной странице расположен отдельный блок с предложением на подписку.
• Интерфейс для мобильных пользователей: сайт адаптирован под мобильную версию.
Что я для себя поняла, сделав этот проект? Что упустила, а что хорошо проработала?
Поняла, как важно грамотно структурировать карточки товаров , чтобы они не перегружали восприятие, а давали максимум информации. Осознала, как важно для пользователя быстро находить нужный товар - через поиск, категории, фильтры, подборки. Стремилась сделать дизайн не только эстетичным, но и удобным и продающим.
Можно было бы продумать вариант карточки, если товара нет в наличии. Также можно было бы расширить фильтры: добавить наличие товара, статус (новинки, бестселлеры, скоро в продаже), год издания.
Хорошо проработала визуальную иерархию и структуру. Информация легко читается, блоки логично выстроены. Рейтинги лучших книг, баннер, скидки удерживают внимание пользователя. Подборки книг по категориям, фильтры ускоряют поиск нужного товара.
На что бы я уделила внимание в своем следующем проекте, исходя из опыта этого проекта?
В следующем проекте я бы уделила внимание на то, какая функция поможет удержать пользователя в случае, если он не нашел нужный товар. Сделала бы превью и краткое описание к каждой карточке перед переходом на страницу товара.
Ещё проекты
