Пражская пивоварня — Дизайн-концепция

•

Разработка концепции дизайна сайта для практически любого пивного ресторана на основе «Пражской Пивоварни»: специально проработанный тематический сценарий с расчётом на полностью динамический дизайн с анимацией +уникальный digital-art с отрисовкой под вёрстку parallax.

На данном примере фирменная продукция пивоварни на фоне панорамы Праги.

Дизайн имеет промо-изображение в главном экране на главной странице сайта (+слайдер для размещения различной информации). Боковое выдвижное меню, имеющее размеры высоты экрана и закреплённое слева, независимо от скроллинга.

Видео-демонстрация примерной анимации главного экрана с использованием parallax-эффектов:

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

Этот модуль включает в себя изображение афиши, наименование и дату. Также дополнительную отметку «Сегодня!» или «Состоялось». Если событие состоялось, то афиша становится приглушённая и вместо отметки появляется ссылка на страницу фотоотчёта (или видеоотчёта).

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

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

Так как это пивной ресторан, следующим блоком идёт пивная карта ресторана. Содержит в себе блоки с продукцией из каталога: изображение продукции, наименование и стоимость. Реализовано в виде слайдера элементов + кнопка «Показать всё», ведущая на полную страницу каталога. В каждом элементе наименование позиции является ссылкой, ведущей на отдельную страницу с полной информацией о продукте.

Всё это сопровождается фоновым изображением (фотография интерьера ресторана) и динамические элементы в виде хмеля и пшеницы по краям экрана для создания parallax-эффекта.

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

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

Главная страница дизайн-концепции целиком:

Данная дизайн-концепция содержит в себе множество внутренних страниц:

— Пивная карта;

— Меню ресторана;

— Афиша мероприятий;

— Новости;

— Доставка и оплата;

— Галерея и отчёты;

— О нас;

— Вакансии;

— Контакты;

— Технические страницы.

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

На примере страницы контактной информации можете увидеть основное содержимое структуры внутренних страниц.

Страница контактной информации начинается со стандартного хедера с наименованием страницы, «хлебными крошками» и фоновым изображением. Ко всему текстовая информация с контактными данными ресторана и пивоварни.

Также имеется функция обратной связи и интерактивная карта с отметками адресов ресторана и пивоварен в городе.