Maple Grill
Одностраничник семейного гриля с дровяным вертелом: меню, акции и три способа получить заказ.
HTML / CSSДизайн-системаАдаптивДоступностьnginx
Открыть проект
31.56.117.181:8080
Одностраничник семейного гриля с дровяным вертелом: меню, акции и три способа получить заказ.
Ресторанному сайту нужно решать одну задачу — довести гостя до заказа, не заставляя его читать. Поэтому страница построена вокруг двух вещей: крупного оффера и понятного меню, разбитого по категориям с ценами.
Айдентику собрали с нуля: тёплая палитра из коры, жара и клёна, характерный Bricolage Grotesque в заголовках, Poppins в тексте и моноширинный IBM Plex Mono для цен — так цифры читаются как в бумажном меню.
Фирменная деталь — раскалённая нить-вертел: она проходит под шапкой, разделяет секции и держит на себе три факта в герое. Одна идея вместо набора случайных украшений.
Сделать сайт, который узнаётся как сайт семейного ресторана, но не выглядит шаблонной сборкой: без стокового героя, без набора одинаковых карточек и без случайной типографики.
Сняли обезличенные параметры жанра — высоту шапки, ширину контейнера, базовый шрифт и температуру палитры, чтобы страница попадала в привычный ритм.
Собрали токены: четыре цвета, три гарнитуры, шкала отступов. Отдельно придумали фирменную деталь — «тлеющий вертел».
Шесть секций: герой с оффером, акции недели, категории меню, способы получения заказа, программа лояльности с моком приложения, футер.
Подобрали снимки со свободной лицензией и сжали их под веб — 724 КБ на всю страницу вместо нескольких мегабайт.
Прогнали страницу через многоагентный разбор: доступность, адаптив, качество CSS и вычитку текста. Из 32 претензий 17 оказались настоящими.
Закрыли все подтверждённые дефекты и развернули на nginx отдельным server-блоком, не задев соседние сайты на том же сервере.