«Сайт неаполитанской пиццерии на четырёх языках — и меню, которое уходит сразу в вёрстку и в печать.»
CHETOLLE — пиццерия неаполитанской пиццы. Сделали сайт с нуля: дизайн-концепт, структура, вёрстка и запуск на четырёх языках — английском, итальянском, французском и испанском. За несколько месяцев команда из семи человек прошла путь от первого макета до готового мультиязычного сайта с меню в двух форматах — на экране и в печати.
Летом 2023 начали с референсов и дизайн-концепта, проработали структуру. Прошли через несколько концептов главной и собрали финальный десктопный макет, затем сверстали сайт и страницу «Меню». Параллельно написали текст о неаполитанской пицце — история продукта как часть имиджа пиццерии.
Референсы и мудборд проекта CHETOLLE — визуальные ориентиры для дизайна сайта пиццерии.
Один из ранних концептов главной — «Real Italian pizza from a stone oven».
Финальный десктопный макет CHETOLLE: меню пиццы, спецпредложения, happy hour и фирменные пиццы.
Расскажите о задаче — предложим архитектуру решения. Без шаблонных КП и абстрактных смет: конкретика на старте.
Английская, итальянская, французская и испанская версии работают параллельно. Верстали их по одной и тестировали каждую отдельно — баги ловили по каждой версии, а блоки, меню и навигация держатся одинаково во всех четырёх.
Мобильная версия CHETOLLE — меню и спецпредложения, один из языковых вариантов.
Меню и материалы готовили сразу под два сценария — сайт и печать: помимо онлайн-меню сделали баннер для стенда и тейбл-тент. Вёрстка с начала учитывала оба формата, поэтому обновление цен не требовало переделки.
Кроме главной и меню — страницы «О нас», «Контакты», «О неаполитанской пицце», технические страницы «404» и «Спасибо». Прописали мету и канонические адреса для всех языковых версий.
Разъехавшиеся блоки и переводы правили итерационно — каждое обновление контента проверяли во всех четырёх версиях, чтобы не ломать уже сданные языки.
Меню существовало в двух форматах одновременно. Заранее заложенная структура позволила обновлять цены и позиции один раз — изменения уходили и в сайт, и в печатный макет.