Интернет-магазин
ComiXology
Новый дизайн крупнейшего магазина цифровых версий комиксов
Проблема
Недавно магазин изменил политику по продажам, лишив читателей возможности покупки через приложение на iOS, отправляя для этого на сайт. Однако из-за проблем сайта с адаптивностью и удобством процесс изучения и покупки комиксов заметно ухудшился. Всё это обозначило необходимость его обновления.
Клиент
ComiXology — платформа по продаже цифровых версий комиксов. На сайте представлено более 50 000 комиксов от более чем 70 издательств.
Задача
Сделать самый удобный и полезный сайт для изучения
и покупки цифровых версий комиксов.

Главная страница

Комиксы — это богатый запутанный мир, с которым сайт должен знакомить читателей, поэтому важно уже с первой страницы привлечь их структурированной подачей информации.
Текущая версия имеет сложную структуру меню, прячет важные ссылки в подвале и, как следствие, имеет множество быстрых ссылок, разбросанных по странице, — всё это вкупе с малоинформативными обложками и анонсами усложняет навигацию и отпугивает новых пользователей.
Главное меню
Все ссылки, до этого находящиеся в разных местах сайта, я структурировал и собрал в одном боковом меню. Навигацию объединил в четыре основных раздела. Ссылки с полезной информацией вынес в отдельный блок.
Быстрый доступ
При тапе или наведении курсора на обложку появляется меню, позволяющее оценить популярность комикса, купить его или отложить в виш-лист.

Серия комиксов

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

Страница комикса

Раздел, где читатель принимает решение о покупке. Здесь ему необходимо увидеть всю основную информацию о выпуске, оценки других читателей и иметь удобный доступ ко всем инструментам работы с комиксом.
У страницы отсутствует единый стиль оформления, информация о выпуске не систематизирована. Невзрачный блок соседних выпусков также не способствует желанию изучать серию дальше.
Функциональная зона
Чтобы читатель имел быстрый доступ к функциональным элементам, они расположены единым блоком с правой стороны. При этом используется цветовое разделение на элементы покупки и навигации и пользовательские элементы.
«Хлебные крошки»
Позволяют проследить иерархию издатель / серия / арка / выпуск и изучить элементы в каждом из этих разделов, при этом оставаясь на странице комикса.

Адаптивность

Теперь, когда для покупки комикса необходимо использовать сайт вместо приложения, особое внимание должно уделяться адаптивности сайта. Пользовательский опыт должен быть одинаковым на большом мониторе и экране смартфона.
Существующий сайт предлагает разный опыт использования в зависимости от устройств и не учитывает их особенности, вынуждая пользователя каждый раз заново привыкать к интерфейсу.
СЛЕДУЮЩИЙ ПРОЕКТ
Музей русского импрессионизма
Сайт нового московского музея, раскрывающего тему русского
импрессионизма

Подробнее ›

Made on
Tilda