Создание сайта для детского лагеря фехтовальной студии

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

Это походы и ролевые программы с погружением в сказочный мир фэнтези, фехтованием, крафтингом, ремеслом, но самое важное — это школа жизни, где воспитывают личность, способную принимать решения и брать на себя ответственность. Здесь созданы условия, в которых подростки получают реальный, но безопасный опыт. Где цена ошибки высока только в рамках игры, а полученный опыт — настоящий и ценный для будущей жизни.

Для заказчика было важно, чтобы сайт доносил эту философию, не скатываясь в среднестатистические лагерные истории. Чтобы с первого экрана пользователь погружался в атмосферу сказочности и средневековья, захваченный духом приключений. Вдохновившись этим крутым проектом, мы создали сайт, зайдя на который пользователь сразу попадает в Империю Гарсарис.

При разработке сайта летнего лагеря важно учесть, что он должен быть рассчитан сразу на две целевые аудитории — детей и родителей. Мы провели маркетинговое исследование, чтобы выявить страхи, боли цели и желания каждого сегмента. Полученные результаты использовали при разработке структуры сайта, наполнении блоков контентом.

Отдельно была создана версия для детей, которая погружает их в мир фэнтези, завлекает, рассказывая, чем они будут заниматься на протяжении смены. Отдельно — страница для родителей, где сделан упор на условия пребывания, безопасность, комфорт и развитие, а также профессионализм педагогов.

Ребенок ориентируется на картинки и эмоции, а родитель — на ценность продукта. Поэтому подход к построению структуры страниц был разный.

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

Очевидное, но не самое удачное решение — создать разводящую главную страницу, на которой будет блок с возможностью выбора версии сайта для детей, либо для родителей. Но при таком подходе главная страница препятствовала бы продвижению сайта. Она включала бы меню и один разводящий блок. То есть, с точки зрения поискового робота, это пустая страница, а значит можно не рассчитывать на высокие позиции сайта в поиске. Поэтому такой вариант мы сразу отмели (вариант № 1 см. ниже).

С точки зрения SEO-продвижения, правильной была структура, при которой есть полноценная информативная Главная страница, от которой разведены две посадочные страницы (для детей и для родителей). Вариант № 2 см. ниже.

Разработка такой структуры существенно повышала стоимость проекта. Стало очевидно, что одна из двух страниц должна стать Главной. При этом, на ней сразу в обложке должна быть информация о том, что есть вторая версия страницы, для другой аудитории, а также кнопка перехода на неё.

Поскольку решение о покупке принимают родители, и оплачивают путёвку тоже они, мы сделали Главной версию для родителей.

Для обложки предусмотрели дополнительную навигацию. Разместили информацию о наличии второй страницы, а также элементы интерфейса, позволяющие на неё попасть.

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

Весь текст доступен для прочтения сразу, без дополнительных действий со стороны пользователя. Контент обыгран с помощью дизайна.

У заказчика было две программы, по несколько смен в каждой. Важно было придумать решение, при котором заказчик смог бы самостоятельно добавлять новые смены, и чтобы при этом карточки всегда выглядели органично. Мы создали карточки на всю ширину сетки, которые размещены друг под другом, содержат необходимую информацию.

На стадии визуального исследования и сбора референсов мы выяснили у заказчика, что ему нужен сайт, погружающий в эпоху средневековья. Посетитель должен сразу проникнуться атмосферой лагеря, захотеть его посетить. Исходя из этого, начала вырисовываться концепция будущего сайта.

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

Для технических страниц также были отрисованы иллюстрации:

Помимо иллюстраций мы рекомендовали использовать на сайте реальные фотографии лагеря, территории, участников прошлых заездов, педагогов, так как это повысит уровень доверия родителей, а яркие костюмы впечатлят детей.

Также мы приобрели для сайта нестандартный, подходящий по стилистике шрифт Bazhanov. В пару к нему добавили универсальный, отлично читаемый Manrope.

Для сайта мы использовали необычный текстурный фон, имитирующий старый средневековый пергамент. В оформлении контента также использовали мелкие детали, передающие атмосферу эпохи. Даже слайдеры, поп-апы и карту оформили нестандартно:

Для проекта была отрисована подробная детализированная карта лагеря с маршрутом и всеми базами:

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

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