Спорт-бар «Street Pub»

Задача:

Разработка промо-сайта английского паба

streetpub.ru

Анализ

Разработку сайта мы надачи ещё до открытия паба. В ходе анализа мы выяснили, что одним из основных преимуществ спаба «Street Pub» можно считать их красивый интерьер, решенный в английском стиле.

Техническое задание

При составлении ТЗ были выявлены главные требования к сайту:

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

Концепция

На основе ТЗ разработаны две основные концепции:

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

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

После обсуждения с заказчиком именно этот вариант решили использовать для разработки дизайна.

Контент-план

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

Фотографии вкусной еды из меню и фото интерьера были предоставлены заказчиком.

 

Макеты дизайна

Главная страница выполнена в один экран, без горизонтальной и вертикальной прокрутки.

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

После утверждения главной мы сделали еще 7 опорных внутренних страниц.

Верстка и разработка

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

Наполнение сайта

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

Финальное тестирование

В процессе тестирования были устранены последние заблудшие баги и недоделки.

Обучение

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

Запуск сайта

Запустили в октябре 2013