Дизайн и разработка сайта спортивной школы «Ва-банк»

Создать презентационный сайт спортивной школы «Ва-банк», с возможностью отправить заявку на запись. С помощью сайта рассказать о школе, о направлениях, в которых тренируют детей, о тренерском составе. Также на сайте должны быть актуальные новости из жизни школы и анонсы футбольных турниров.

Основные цели для клиента:

— Заявить о себе, как об успешной практикующей школе.

— Привлечь в школу новых учеников.

В рамках разработки сайта были разработаны и использованы:

— аналитика

— главная страница

— команда

— турниры

— шрифтовая пара

— цветовое решение

— адаптив

Перед началом работы посмотрели сайты c подобной тематикой, выявили удачные и неудачные решения, составили свою подборку решений, которые можно использовать в работе. Согласовали с клиентом и приступили к дизайну.

Сайт школы было решено сделать в цветовой гамме логотипа команды «Ва-банк». Это красный, чёрный и белые цвета. Добавили оттенки серого и синего, чтобы немного приглушить резкий контраст. Спортивность и современность подчёркивается акцидентным шрифтом Oswald, который мы выбрали для заголовков. Шрифт Roboto используется для наборного текста.

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

На странице отобразили ключевые моменты в истории развития команды «Ва-банк». Всё это оформили в виде блока с табами, чтобы не делать страницу слишком длинной. В дизайне использовали эксклюзивные фотографии из архива команды «Ва-банк».

«Ва-банк» активно участвует в футбольных первенствах и турнирах. Поэтому необходимо было сделать страницу с различными турнирными таблицами и сетками, где будет отражаться статистика по определённым играм (победы, поражения, очки).

Типографика, как и футбол — командная игра.ю в которой важна не только индивидуальная подготовка, но и умение взаимодействовать с членами по команде.

Сайт сделан в цветовой гамме логотипа команды «Ва-банк» — красный, чёрный и белые цвета. Добавили оттенки серого и синего, чтобы немного приглушить резкий контраст.

Сайт адаптирован под популярные мобильные разрешения.

Сайт получился соответствующий футбольному клубу, а наша команда получила неоценимый опыт в понимании процессов, протекающих внутри футбольной школы.