Сайт использует cookie-файлы, чтобы сделать ваше пребывание на нём максимально удобным. Оставаясь на сайте, вы подтверждаете ознакомление и даёте согласие на обработку персональных данных в порядке и на условиях, указанных в Согласии.
OK
. I .
КЕЙС: РЕДИЗАЙН РАЗДЕЛА САЙТА
СТРАНИЦА-ВИТРИНА ОНЛАЙН-КУРСОВ ШКОЛЫ ТАНЦЕВ
Динамичный и яркий дизайн, отражающий дух школы, удобный поиск курсов по каталогу, мини-карточки курсов и информация, закрывающая основные вопросы потенциальных покупателей.
ЗАКАЗЧИК
Александр Кусков — директор студии современного танца «Драконы»:
01
ЗАДАЧА
Раздел «Магазин» сайта школы, имел существенные недочёты как с точки зрения навигации, так и подачи информации.
Цель обновления — повышение удобства использования и структуризация информации для простого и быстрого поиска курсов. При этом, важно сделать дизайн в цветах основного сайта, чтобы сохранялась преемственность, поскольку клиент переходит с лендинга на страницу курса основного сайта.
Цель обновления — повышение удобства использования и структуризация информации для простого и быстрого поиска курсов. При этом, важно сделать дизайн в цветах основного сайта, чтобы сохранялась преемственность, поскольку клиент переходит с лендинга на страницу курса основного сайта.
02
РЕШЕНИЕ
Создать страницу с элементами интернет-магазина. Сделать главный экран-обложку, понятную навигацию, карточки курсов и блоки доверия. Облегчить дизайн и сделать его более современным.
03
«В свое время, при создании сайта, мы не сильно заморочились с дизайном и удобством этой страницы и курсы лежали как куча какая-то — ничего кроме названий в колоночку».
МАРШРУТ ПРОЕКТА
Мы пообщались с Александром в формате интервью. Из разговора выяснила особенности курсов, их преимущества, сомнения и вопросы, которые часто озвучивают покупатели и ответы на них. Узнала пожелания к дизайну и какие блоки хотелось бы видеть на сайте. Заполнили бриф по результатам.
01
ПОГРУЖЕНИЕ
Я определила организации, предоставляющие аналогичные онлайн-курсы, которые люди могут найти в поиске. Оценила сильные и слабые стороны касательно разрабатываемого раздела сайта (структура, оформление, трафик). Оказалось, что сайт Александра имеет отличный рейтинг!
02
АНАЛИЗ
Хотелось создать минималистичный стиль и при этом передать яркое, драйвовое настроение. Пиксельный логотип школы навел на мысль заложить пиксели и в основу оформления сайта. С помощью графических редакторов сделала изображения для главного экрана-обложки, инфографику и отдельные элементы оформления.
04
ЦВЕТ, ШРИФТЫ, ЭЛЕМЕНТЫ
Создала макет страницы для разрешения экрана 1600px и макеты-адаптивы для планшетной и мобильной версии (1024px и 360px) соответственно. На данном этапе, работа по веб-дизайну была завершена.
Решение сверстать макеты на Тильде Александр принял чуть позже. Для этого пришлось подкорректировать дизайн и добавить 2 дополнительных разрешения экрана. Некоторые элементы в дизайн-макетах были сложны в реализации из-за ограничений платформы, а часть изменений внесено ради облегчения работы с сайтом при появлении новых курсов на продажу.
05
06
МАКЕТЫ
ВЁРСТКА НА ТИЛЬДЕ
БРИФ
КОНКУРЕНТЫ
Проведя анализ, составила структуру страницы, которая логично и последовательно рассказывает о курсах и закрывает основные вопросы потенциальных покупателей. Затем структура была перенесена в прототипы под разные разрешения экранов, в них более наглядно видно расположение основных элементов.
03
СТРУКТУРА И ПРОТОТИПЫ
ПРОТОТИПЫ
Графика
МАКЕТЫ
ТИЛЬДА
РЕЗУЛЬТАТ
- Сайт разбит на понятные простые блоки, по которым легко ориентироваться, главный экран-обложка с первых секунд помогает понять, что можно найти на странице.
04
- Блоки «кому подойдет» и «как получить доступ» сделаны инфографикой, чтобы облегчить восприятие информации. Видео-отзывы участников и FAQ повышают доверие и закрывают часто возникающие вопросы.
- Страница адаптирована под 5 основных разрешений экрана.
- Курсы, которые Александр хотел особо выделить вынесены в отдельный блок «рекомендуемых». Все карточки объединены единым стилем. Теперь курсы можно найти поиском по каталогу, отфильтровать по категориям или цене.
ОТЗЫВ
Александр оставил аудио-отзыв, я позволила себе процитировать только его часть:
«...Мы в процессе работы активно держали связь. Когда у Анастасии возникал вопрос — она уточняла, в итоге у нас было общее понимание того, что должно быть. Анастасия предложила удобную систему ранжирования и сделала очень прикольный дизайн […] Страничка получилась очень клевой и я доволен результатом нашей деятельности.
Могу порекомендовать Анастасию, как человека ответственного, который прислушивается к пожеланиям и может гибко подходить к дизайну, создавать и творить так, что это выглядит красиво и стильно».
«...Мы в процессе работы активно держали связь. Когда у Анастасии возникал вопрос — она уточняла, в итоге у нас было общее понимание того, что должно быть. Анастасия предложила удобную систему ранжирования и сделала очень прикольный дизайн […] Страничка получилась очень клевой и я доволен результатом нашей деятельности.
Могу порекомендовать Анастасию, как человека ответственного, который прислушивается к пожеланиям и может гибко подходить к дизайну, создавать и творить так, что это выглядит красиво и стильно».
05
Александр Кусков — директор студии современного танца «Драконы»
Послушать отзыв на Яндекс. Диске:
. VIII .
КОНТАКТЫ
СВЯЖИТЕСЬ СО МНОЙ
Можете написать на почту, в мессенджеры или через Тильда Экспертов — контакты кликабельны.
