Карта лучших кофе-шопов Барселоны
Каждый современный сервис должен идти в ногу со временем,
общаясь с пользователем на одном языке.
Поэтому, спустя несколько лет успешной работы, проекту
Barcelona Weed Map потребовался редизайн сайта.
Главная цель – придать новое дыхание устаревшей веб-платформе, сделав её более привлекательной и функциональной для посетителей, а также увеличить конверсию на целевой странице с формой.
Я работал над этим проектом под руководством лид-дизайнера
из студии evilUnion. Моя роль в проекте – создание новой стилистики проекта и дизайн трёх страниц сайта: страница клуба с формой, условия и положения, политика конфиденциальности.
В ходе брифинга с клиентом наша команда выделила основные идеи,
на которых должна строиться новая версия сайта:
1. Современный дизайн в минималистичном исполнении.
2. Упор на мобильную версию, на которую приходится 70% трафика.
3. Полное отсутствие “weed” атрибутики, за исключением логотипа.
Первым шагом я сделал анализ текущего состояния сайта, изучив
его структуру и контент, а также определил слабые и узкие места.
Проанализировав конкурентов и изучив лучшие практики в нише, я предоставил список “фич”, которые могли бы улучшить опыт пользователя.
Второй этап: составление мудбордов и определение новой визуальной концепции сайта. Я нашёл отличные референсы и систематизировал их, разделив на 5 разных стилистик, из которых мы практически единогласно утвердили одну, которая лучше всего подходила под настроение проекта.
После утверждения вайрфрейма, я приступил к компоновке всех вводных данных, подобрал типографику, цвета и собрал финальную версию макета, который будет являться основой для остальных страниц сайта.
Сухой устаревший дизайн, требующий доработок.
Недостаточное количество информации о заведении.
Форма выполнена не лучшим образом, требует UX доработок.
В документах находится важная информация, но читать её не хочется.
Переосмысление визуального языка проекта.
Добавление фич: Время пути до заведения, стоимость взноса, рейтинг, дополнительная карта на странице клуба, изменение функционала формы.
Реструктуризация информации в документах, сильный акцент на тексте.
Я веду работу над макетами по принципу атомарного дизайна, поэтому после завершения своих задач и внесением правок, я передал UI-Kit со всеми компонентами и стилями следующему дизайнеру, который продолжит работу над остальными страницами сайта.
