Основная задача которая была поставлена заказчиком — сочно показать все меню ресторана. Фотографии блюд очень разные по цветовой гамме и соотношению сторон, названия могут быть как короткими, так и длинными, описание может быть весьма подробным, а может и отсутствовать совсем. Исходя из таких входных данных было принято решение использовать динамично генерируемые плитки разной ширины. Названия блюд помещены поверх фотографий и занимают столько строк, сколько нужно. Это позволяет сделать ровные ряды плиток без ступеней. Если в категории у блюд отсутствуют фотографии (например, новая категория создана и заполнена блюдами, но фотограф еще не предоставил фото), то в настройках этой категории можно переключить плиточный вывод блюд на табличный.
Сайт полностью адаптивный и корректно отображается во всех современных версиях браузеров на настольных мониторах, планшетах и смартфонах. Административная панель позволяет с легкостью управлять контентом сайта: добавлять и удалять позиции меню, корректировать цены, создавать страницы мастер-классов и добавлять галереи фотографий. Проведены все основные этапы SEO-оптимизации.
Видео демонстрирует динамику элементов интерфейса и адаптацию при изменении ширины экрана.
Адрес сайта: kioto-rest.ru
Поделиться ссылкой на страницу: