Всем приветик! Сегодня расскажу об изменении дизайна сайта для школы танцев чтобы увеличить трафик на сайт за счет грамотного обновления логотипа, навигации и исправления ошибок на сайте.
Начинаем с проведения анализа аналогов.
Анализ аналогов
В качестве анализа аналогов нами были взяты сайты школ танцев города Москвы и Санкт-Петербурга.
Аналог № 1 Веб-сайт школы танцев Москвы – «Model-357».
Достоинства: сайт выполнен в фирменном цвете, а именно розово-фиолетовом. Все ссылки рабочие, есть кнопки перехода в социальные сети, а так же онлайн покупка, подписка. Сайт выполнен в балансе графики и текста.
Недостатки: темный фон из-за которого статьи нечитабельны; графически не аккуратно отображается новостная лента, статья. Используются разные цвета для выделения направлений в танцах, что тоже нечитабельно и плохо воспринимается.
Аналог № 2 Веб-сайт школы танцев Санкт-Петербурга – «Экспромт».
Достоинства: сайт выполнен в фирменном цвете, а именно оранжевом. На главной имеется онлайн консультация, а также рекламная строка. Все ссылки рабочие, есть кнопки перехода в социальные сети.
Недостатки: фон грязного цвета, что вызывает раздражение и желание скорее закрыть сайт. Плохо видно главное меню. Сайт не удобен в использовании. Баланс графики и информации нарушен.
Аналог № 3 Веб-сайт школы танцев Санкт-Петербурга – «S 17».
Достоинства: среди аналогов это первый веб-сайт где есть баланс графики и текста. Структура сайта удобна в использовании. Главной страницей является страница об организации.
Недостатки: нет новостной ленты, фирменный цвет нигде не используется. Не все ссылки рабочие.
Проектное предложение
Исходя из проанализированных данных теоретических аспектов и анализа аналогов, можно сделать выводы о необходимости использования следующих правил, для определения наполнения и функциональности сайта:
- Дизайн веб-сайта должен соблюдать баланс графики, цвета и текста, а именно фон должен быть белым, а текст черным;
- Дизайн должен соответствовать фирменному стилю школы;
- Меню должно быть простым понятным и удобным в использовании, что бы пользователь без труда добрался до нужной информации;
- Логотип, контакты и адрес организации должны быть в шапке веб-сайта и быть актуальными;
- На главной странице необходим модуль с расписанием только на текущий день;
- Также нужны последние 3 новости на главной странице, чтобы посетители могли знать об изменении в расписании к примеру;
- Наличие социальных кнопок, одна из важнейших составляющих веб-сайта;
- Наличие слайд-шоу также необходимо, в дальнейшем его можно использовать для плакатов с грядущими мероприятиями и текущими акциями;
- Необходим раздел фотогалереи и видео, чтобы посетители сайта могли просмотреть, в каких мероприятиях участвует школа, а также сами номера с выступлениями;
- Необходимо наличие «Карты сайта», попав в этот раздел, пользователь будет видеть всю структуру веб-сайта, и сможет выбрать интересующий его раздел;
Поисковые варианты меню для веб-сайта школы танцев «Квадрат».
Вариант №1 меню, выполнен градиентом от серого по краям к белому в центр, тем самым делая кнопку объёмной. С разделением кнопок линией, и с выделением текущей страницы фирменным цветом школы танцев, а также использование фирменного цвета при наведении на раздел меню. А также логотип и контакты располагаются выше меню.
Вариант №2 меню, выполнен градиентом от темно-серого по краям к светло-серому в центр. И с выделением текущей страницы белым цветом округлой формы кнопкой. Логотип и контакты также расположены в верхней части веб-сайта.
Вариант №3 меню, выполнен градиентом сверху вниз от темно-серого к светло-серому. И с выделением всех кнопок раздела фирменным цветом. Логотип и контакты расположены после шапки меню.
Вариант №4 меню, выполнен в белом цвете. Все кнопки фирменного цвета с наложением текстуры. Логотип и контакты расположены выше меню.
Выбран первый поисковый вариант, т.к. он органично вписан и в меру использован фирменный цвет.
По расположению элементов на главной странице было предложено два варианта. В первом: шапка, меню, слайд-шоу, последние новости, последние события, последние фотографии, ниже направления и сбоку расписание на текущий день.
Во втором варианте: шапка, меню, слайд-шоу, последние новости и расписание не текущий день.
Удобнее и проще, когда на главной странице минимум информации, а лишь меню, текущее расписание и последние новости, т.к. там могут быть коррективы в расписании. Вся остальная информация должна находиться в своих разделах.
Главная страница веб-сайта будет выглядеть следующим образом.
Далее идет пункт меню «О нас», в котором представлены 10 разделов подменю.
Первый раздел «О школе «Квадрат», где представлена информация о школе с её преимуществами.
Второй раздел «СМИ о нас», в котором представлены статьи, видеорепортажи, с переходом на их источник и датами размещений.
Третий раздел «Стена славы», в котором представлены фотографии кубков и дипломов, завоеванных учениками и педагогами школы танцев «Квадрат».
В четвертом разделе «Отзывы», расположены выровненные статьи с фотографиями.
В пятом разделе «контакты», теперь имеется карта.
Появился раздел «Вопрос-ответ», «Наши видеозаписи», «Наши фотографии».
Девятый раздел «Правила школы танцев»
В десятом последнем разделе «Корпоративным клиентам», изложено предложение для организаций.
Следующий пункт меню - «Расписание», где у каждого направления выделен свой цвет, для того, чтобы легче можно было найти направление.
Следующий пункт меню - «Наша команда», где у представлены педагоги и администраторы школы танцев, все фотографии преобразованы к единому виду.
Следующий пункт меню - «Цены», где есть два подменю: «Прайс» и «Подарочные сертификаты». В «Прайсе» представлены сразу кнопки на онлайн покупку, нажав на неё открывается страница с выбором оплаты по банковской карте.
В разделе «Подарочные сертификаты» размещено предложение с фотографией самого сертификата.
Также, обновился пункт меню «Дополнительные услуги», в котором есть 5 подпунктов: «Свадебный танец», «Индивидуальные поставки на любое торжество», «Индивидуальные занятия», «Заказ номера» и «Аренда залов». В каждом из этих разделов представлена подробная информация.
Появился пункт меню «Акции», где будут отображаться и регулярно обновляться текущие акции школы танцев «Квадрат».
И заключающий пункт меню «Новости», в котором отображаются структурировано новости с картинками.
Спасибо за внимание! Подписываемся на канал, дальше будут более интересные проекты