Постановка задачи
Создать сайт для детского театра в формате сайт-визитка и сайт портфолио. На сайте должны отображаться список спектаклей в виде афиши с описанием, фотоотчёты меропреятий, контакты. Так же требовалось разработать современный дизайн, с красочными цветами, красивыми эфектами. Целевая аудитория сайта это зрители, родители участников, сами участники.
- Разработать многостраничную структура сайта для лёгкого интерактива посетителей
- Придумать красочный дизайн, с яркими цветами и тонами. Провести работу с эфектами.
- Выполнить вёрстку сайта, провести тесты и добиться максимального результата
- Разработка функционала админ панели для работы директора театра самостоятельно. Предусмотреть добавления фотоотчетов, новых спектаклей.
- Сделать настройку сайта и других параметров необзодимых для запуска сайта. Регистрация домена, перенос сайта на основной домен.
Проектирование и прототипирование
Прототип сайта был собраным в целое с множества наших идей и идей заказчика(директора театра), для того что б любой нужный компонент сайта можно было легко найти и посмотреть. Так же продумали навигацию, вложеность страниц.
Дизайн
В дизайне мы совместили название театра "Акварелька" с цветами сирени в градиентных тонах. Что бы он вызывал радость и хороше настроение посетителей. Так же что б посетителям было интерестно находиться на сайте, мы придумали интерестные эффекты на hover и active элементы.
Техническая реализация
Вёрстка из PSD макета всего сайта происходила с использованием нашей webpack сборки. Для удобства работы были использованы pug, scss, модульный JS, SASS сетка. Вёрстка выполнялась по методологии БЭМ.
В качестве админ панели сайта мы приняли решение использовать cms ModX Revolution. В итоге заказчик может самостоятельно редактировать все контентные поля сайта такие как новости, спектакли, текст о театре, добавлять или удалять фото, получать письма от посетителей.
Результат
Сайт получился полностью под свое название. Очень живой, яркий, интерактивный. Потребности заказчика были удолетворены. Кстате в поисковой системе, например Яндекс введи "театр акварелька г. Москва", или просто "Акварелька". Высокие позиции показывают то, что качественно разработанный сайт становиться намного выше сайтов несмотря на СЕО.
