+371 20 212 368 Связаться

Piciņa

Разработка сайта · Екабпилс

Меню, доставка и контакты на одной понятной странице

Клиент — пиццерия Piciņa в Екабпилсе.

Адаптировали WordPress-сайт под ежедневные задачи пиццерии: посетитель сразу видит меню и цены, условия доставки, адрес, часы работы и телефон. Отдельно переработали мобильную версию и загрузку страницы.

Открыть сайт Получить предложение
Сайт Piciņa на компьютере, планшете и телефоне

Задача

Чтобы меню находили до звонка

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

1 страница всё важное в одном месте
3 экрана компьютер, планшет и телефон
HIT кэш полной страницы
1 URL в карте сайта для поиска

Структура

Четыре шага от первого экрана до заказа

Навигация ведёт к нужному блоку на той же странице — без лишней загрузки.

Начало

Бренд и основное предложение.

Меню

Пиццы, закуски, напитки и цены.

Доставка

Условия и действие для заказа.

Контакты

Адрес, телефон, часы и маршрут.

Что сделали

Что разработали и адаптировали

Дизайн, структуру и работу сайта разработали под задачи Piciņa.

Визуальная подача

Разработали оформление и главную страницу Elementor: тёмный фон, красные акценты, крупные заголовки и композиция под продукты.

Меню

Организовали разделы пицц, закусок и напитков. Названия, состав и цены быстро читаются и на небольшом экране.

Мобильный первый экран

Создали отдельные декоративные слои для мобильной версии и настроили позиции, затемнение и читаемость для разных экранов.

Мобильное меню

Сохранили название и цену в одной строке, а длинный список категорий напитков сделали компактной сеткой в две колонки.

Доставка и контакты

Выделили условия доставки, телефон, адрес, часы работы и маршрут на одной странице.

Управление

Контент редактируется в WordPress и Elementor; для блоков меню используются решения WP Cafe.

Адаптация

Мобильная версия — не уменьшенная страница для компьютера

На телефоне меняются не только колонки. Декоративные элементы первого экрана создаются заново и размещаются под размер экрана, цены остаются читаемыми, а длинный список категорий занимает заметно меньше места.

≤ 767 px
  • Отдельная компоновка для телефонов и планшетов
  • Контрастный слой для читаемого текста
  • Название и цена в одной строке
  • Категории в компактной сетке

Скорость и поиск

Меньше лишних ресурсов, быстрее повторная загрузка

Тема и конструктор загружали файлы, которые не нужны главной странице. Создали отдельный модуль оптимизации: он отдаёт сохранённую копию страницы, отключает лишние ресурсы и очищает кэш после изменений.

Кэш полной страницы

Готовый HTML для анонимных посетителей с автоматическим обновлением после редактирования.

Локальные шрифты

Barlow, Permanent Marker и Roboto загружаются с самого сайта.

Очистка ресурсов

На главной не загружаются неиспользуемые файлы Revolution Slider и корзины WooCommerce; некритичные скрипты отложены.

Чистая карта сайта

Для поиска оставлена только опубликованная главная; технические записи меню не создают индексируемые страницы.

Техническое решение

Технологии

WordPress управляет контентом, а отдельные модули PHP, JavaScript и CSS решают задачи мобильной версии, скорости и индексации.

WordPress Elementor WP Cafe PHP JavaScript CSS

Нужен сайт ресторану или кафе?

Сделаем понятное меню, мобильную версию и быстрый сайт, которым удобно управлять. Ответим в течение одного рабочего дня.

Начать проект Открыть сайт

Вопросы и ответы

О разработке

Почему сайт сделан одностраничным?

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

Что KVANTS адаптировал для мобильных устройств?

Композицию первого экрана, строки цен, отступы меню и сетку категорий напитков для телефонов и планшетов.

Какие улучшения скорости внедрены?

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

Другие проекты

Посмотрите также эти проекты.