Сайт сети ресторанов «Meat&Fish»

Задача: Сделать сайт ресторану

Ресторан «Мит энд Фиш» — пожалуй, единственное заведение, объединяющее стейк-хаус и рыбный ресторан. Его меню, интерьер, обстановка — все построено на сочетании противоположностей: стейк-хауса и классического рыбного ресторана.

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


Главная страница

С главной страницы можно перейти к общему меню, винной карте, а также посмотреть отдельно мясное и рыбное меню. Дизайн построен на сочетании синих и красных оттенков, символизирующих, соответственно, рыбу и мясо. Развернутый блокнот состоит из двух половин, в левой информация об акциях, в правой — фото интерьеров мясного и рыбного залов. В нижней части расположены новости блоками по горизонтали, предусмотрено место для четырех последних новостей.

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


Страница полного меню


Страница меню мясных блюд


Страница меню рыбных блюд

Увидеть полноразмерное фото блюда можно, кликнув на маленькое фото блюда в таблице меню.


Просмотр полноразмерного фото блюда

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


Страница фотогалереи

У каждого раздела галереи есть своя, отдельная страница, попасть на которую можно по ссылке «все фото».


Страница раздела фотогалереи

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


Просмотр полноразмерного фото в галерее

В систему управления сайтом внедрен особый инструмент для создания уменьшенных копий изображений – «превьюшек». Администратор сайта загружает только одно, полноразмерное изображение. Превьюшка создается не простым его уменьшением (в этом случае многие детали не будут видны), а имеется возможность, после загрузки фото, вырезать из него фрагмент для показа в качестве уменьшенной копии.  Например, вмещая бутылку коньяка в превьюшку целиком, мы сделаем этикетку абсолютно нечитаемой. Гораздо удобнее было бы «вырезать» часть изображения (в данном случае — этикетку), тогда ее размеры даже на уменьшенной копии будут достаточными для прочтения названия. Это реализовано следующим образом.

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


Уменьшенная копия и полноразмерное изображение. Возможность выбора фрагмента для превьюшки позволяет сделать различимыми детали (в данном случае – марку напитка)

Администрация ресторана периодически проводит различные акции. Для их отражения на сайте имеется специальный раздел. Также актуальная информация размещается в новостном разделе.


Страница акции


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


Страница контактной информации

×

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

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