Задача:

Разработать дизайн сайта для популярного в Новокузнецке театра мюзикла “7 Утро”. Сайт должен быть ярким, запоминающимся соответствовать творческому роду деятельности коллектива. Цель сайта – информирование зрителей о коллективе и репертуаре театра, а также продажа билетов и сувенирной продукции.

Процесс:

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

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

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

index4

 

После утверждения заказчиком главной страницы, я сделал эскиз страницы “Афиша”:

Страница "Афиша"

Страница “Афиша”

Затем страницу “Магазин”:

Страница "Магазин"

Страница “Магазин”

После этого страницу “Новости”:

Страница "Новости"

Страница “Новости”

Затем страницу “Репертуар”:

Страница "Репертуар"

Страница “Репертуар”

Далее страницу авторизации:

Страница авторизации

Страница авторизации

В завершении я сделал “заглушку”, которая будет висеть на домене до запуска сайта:

Заглушка

Спасибо за внимание!