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

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

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

Дизайнер предлагает:

Арт-директор: обыгрывать смысл названия в шапке не обязательно. Нужно воплощение идеи, а не объяснение игры слов. Частности: адрес должен быть в шапке.

Заказчик: Все не нравится! Что это за клиника пластической хирургии и голова профессора Доуэля?

Начинаем все с начала. Делаем упор не на «лица», а на сущность идеи. Придумываем слоган: «Путь к совершенству – путь к себе». Рождается новая идея дизайна:

Идея такая: фигура в центре намекает на направление работы студии (обучение танцам) и одновременно, такая необычная и сложная стойка, на руке и вниз головой – символ обретения новых возможностей, работы над собой, достижения совершенства в новых для себя сферах. Фотообъектив слева - символ фотоуслуг, но множество портретов перед ним, это и фотографии и символ ста лиц, разнообразия образов (что в прежнем варианте дизайнер пытался отразить с помощью двоящейся головы).

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

Придумываем, как должны работать сервисы и разделы сайта:

Разрабатываем самую главную из внутренних страниц сайта – страницу программы обучения танцу. Требования: наличие расписания, информации о преподавателе, описания программы, фотографий и видеоролика.

Замечания арт-директора:

  • большую фотографию со страницы убрать. При клике на уменьшенные копии она будет открываться во всплывающем окне,
  • такое фото преподавателя – непозволительная трата места. Нужно маленькое фото, например, 100 х 100, по клику увеличенное фото всплывает поверх страницы,
  • фото должно быть справа от расписания, а имя преподавателя – над ним,
  • «также» пишется слитно.

Разрабатываем систему онлайн записи, обработки поступивших заявок.

Создаем страницу общего расписания всех занятий.

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

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

Арт-директор: описывать статус в ячейке – нет места. Красить ячейки разным цветом в зависимости от статуса группы – получим нечитаемое пестрое одеяло. Предлагаем разместить в ячейках маленькие иконки разных цветов, в зависимости от статуса, при наведении на эти иконки во всплывающей подсказке будет текст с описанием статуса.

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

Заказчик: отлично! Еще должна быть возможность печати расписания с сайта, и чтобы расписание каждого зала печаталось на отдельном листе бумаги, и на каждом листе был логотип и контактные данные студии. Чтобы можно было раздавать эти листы посетителям.

Была сделана специальная страница, куда расписание выводится в виде, удобном для печати на принтере. Ссылка на печать расписания помещена в заголовок блока на странице расписания.

×

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

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