Сайт студии танцев «100 лиц»

Задача: Сделать удобный и полезный сайт для интересной компании

Студия «100 Лиц» предлагает небычное сочетание услуг: обучение различным видам танцев подростков и взрослых; фотоуслуги: портретное фото, студийная, репортажная съемка; программы укрепления и оздоровления духа и тела; и, наконец, «Семь соблазнов» — обучение тайнам женской привлекатеьности.

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


Главная страница

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


Упрощенная схема проезда. Ссылка «Больше и подробнее» ведет на страницу контактной информации.


Расписание занятий. Цветные иконки в углу показывают статус группы: есть ли места, нужно ли владеть начальными навыками, и т.д.

В каждой ячейке таблицы — занятие одной группы по определенному виду танца. При наведении курсора на ячейку таблицы подсвечиваются другие ячейки с тем же видом танца, чтобы интересующийся мог выбрать удобный для себя день и время занятий. Также на вертикальной оси времени выделяется цветом временной интервал занятий, соответствующий выбранной группе. Клик по названию танца ведет на страницу данного танца (страницу программы), куда можно попасть и прямо с главной, кликом по названию программы в блоке «Танцы и фитнес» :


Страница программы «Viva Latina», предлагающей обучение танцу клубная латина в паре и соло

На странице программы размещены расписания всех групп, занимающихся по данной программе, указаны статусы этих групп (есть ли свободные места, идут ли занятия, или группа только набирается, группа для новичков или провинутых, и т. д.). Под расписанием каждой группы расположена ссылка, ее текст зависит от статуса группы. «Записаться в группу» — если в группе есть свободные места и в ней могут заниматься новички, «оставить заявку» — если в группе нет мест, либо не ведется запись, либо требуется собеседование (для групп продвинутого уровня). Клик по этой ссылки приводит к появлению окна с формой записи. Форма всплывает строго рядом с вызвавшей ее ссылкой, чтобы посетитель видел, в какую из групп он собрался записываться. С этой же целью блок с расписанием выбранной группы выделяется белой тенью на период заполнения формы.


Форма записи в группу обучения танцу. В данном случае посетитель хочет записаться в группу № 1.

Рядом с расписанием каждой группы на странице программы находится фото преподавателя и имя, а также ссылки на другие программы, которые он ведет. По клику на фото всплывает окно с увеличенной фотографией:


Фото преподавателя во всплывающем окне на странице программы

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

На сайте имеется отдельный раздел, посвященный преподавателям:


Раздел «Команда». Показаны все преподаватели с уменьшенным фото и краткой информацией

Здесь также имя преподавателя — ссылка на его страничку.


Страничка преподавателя. Названия программ, которые он ведет — ссылки на их страницы.

Онлайн запись на занятия возможна и без перехода на страницу каждой программы. На главной странице находится ссылка «On-line запись», ведущая на отдельную страницу со списком всех имеющихся групп. Рядом с названием группы указано время занятий и ссылка «записаться» или «оставить заявку», аналогично странице программы. Если посетителю не нужна подробная информация о программе, и он готов сразу перейти к записи, эта страница для него. С ее помощью можно подать заявки и на фотоуслуги, и на занятия по программе «Семь соблазнов». Для этого достаточно переключить табы в верхней части блока.


Страница онлайн записи. Активный таб — танцы и фитнес, выбрана группа № 2 программы «Стрип-пластика».

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


Раздел вопросов и ответов. Открыт таб вопросов по айкидо и самообороне.

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


Страница фотогалереи

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


Создание новой группы. Преподаватель выбирается из списка существующих.


Список преподавателей с элементами управления


​Поступившие от посетителей сайта заявки на занятия

×

Вы используете устаревший браузер Internet Explorer

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