Клиент: Сервисный центр, специализирующийся на ремонте техники Apple. Предыдущий проект клиента – ismashed.ru . Статья в vc.ru о проекте ismashed
Задача: Клиент заинтересован в редизайне сайта, поскольку текущая версия формирует негативный̆ имидж сервисного центра. Необходимо внести такие изменения, чтобы потенциальный̆ клиент, попав на сайт, смог быстро найти категорию с его проблемным устройством и узнать цену на услугу.
Проанализировав более 50 аналогичных сайтов, выявил их сильные и слабые стороны. Полученные данные следует совместить с исходным заданием заказчика и предоставить красивый дизайн. В моем случае, заказчик оценивает работу исключительно визуально.
В работе всегда задействую эмпатию – стараюсь прочувствовать, насколько удобно мне, как пользователю, найти интересующую информацию. Очень важно ассоциировать себя с обычным посетителем сайта.
Для этого проекта я представил, что уронил свой iPhone 7 и у него треснул дисплей. Меня интересует цена на услугу замены дисплея iPhone 7. Ниже на рисунке показано, насколько легко найти на сайте модель своего устройства или требуемую услугу.
Итак, я начал рисовать мобильную версию. Первое, что приходит в голову – как оптимально разрешить вопрос с главным меню «Выбор устройств». Отправить важные элементы в гамбургер, нарисовать длинное меню или придумать что-то альтернативное? Останавливаюсь на варианте выноса иконки «Выбор устройства» на панель.
Теперь возникает вопрос: как донести до пользователя, который впервые зашел на сайт, что с помощью меню можно выбрать устройство? Решил, что следует информировать посетителя с помощью обучающей подсказки.
К сожалению, после того, как сайт попал в руки заказчика, оптимизатора и сеошника, его начали бесконечно модифицировать каждый на свой лад. Если вы заметите на сайте нестыковки, то знайте, что я тоже хочу их убрать и изменить.