Страницы собирались отдельно
Устаревшая подача, статичная структура и много ручной работы при добавлении новых программ.
↗разрозненный контент
↗неудобное масштабирование
↗технологии своего времени
Мр.Владимир
Кейс / Сайт для бизнеса
Сайт авторских путешествий «Город 812»
Атмосферный сайт о Петербурге, который не просто показывает маршруты, а передаёт характер города. Динамический каталог, продуманная структура и удобное управление контентом через WordPress.
100%
адаптивная вёрстка
6
маршрутов в демо-каталоге
CMS
WordPress и ACF PRO
1 сек
скорость загрузки
О проекте
Петербург, который хочется не посмотреть, а прожить
«Город 812» — сайт авторских путешествий по Санкт-Петербургу и Ленинградской области. Его задача — познакомить человека не только с набором экскурсий, но и с подходом команды: камерными группами, продуманными маршрутами и вниманием к деталям.
Я переосмыслил структуру, собрал новую визуальную концепцию, подготовил адаптивную вёрстку и перенёс проект на WordPress. Получился не статичный лендинг, а система с каталогом туров, фильтрами, детальными страницами и заявками в админ-панели.
Дизайн и разработка проекта
Новый взгляд
Вернулся к старому проекту — и собрал его заново
Первая версия решала задачи своего времени. Для актуального кейса я не стал делать косметическое обновление: заново выстроил сценарий пользователя, визуальный язык и WordPress-архитектуру.
Одна система для всех маршрутов
Единый дизайн, структурированные поля, автоматический каталог и понятный сценарий заявки.
↗современный editorial-дизайн
↗WordPress + ACF PRO
↗тема без конструктора
Задачи
Не просто каталог экскурсий, а приглашение в путешествие
01
Передать характер
Показать Петербург живым и личным, без типовой туристической подачи.
02
Объяснить формат
Быстро раскрыть подход команды, особенности поездок и преимущества маршрутов.
03
Упростить выбор
Добавить подбор туров по составу группы и длительности путешествия.
04
Показать детали
Уместить программу, фотографии, условия и FAQ без визуальной перегрузки.
05
Упростить управление
Дать возможность добавлять туры из WordPress без редактирования макета.
06
Убрать зависимости
Сделать самостоятельную тему без Bricks, Elementor и родительского шаблона.
Решения
От первого впечатления до заявки в админ-панели
01
Визуальная концепция
Крупная типографика, спокойная природная палитра, атмосферные фотографии и детали, напоминающие карты и путевые заметки.
02
Каталог и фильтры
Подбор по аудитории и длительности с понятным пустым состоянием.
03
Страница маршрута
Параметры, программа по дням, галерея, состав услуги, FAQ и заявка.
04
Главная страница
Последовательный путь от знакомства с проектом к выбору поездки.
05
ACF PRO
Все данные маршрута вынесены в отдельные и понятные поля.
06
Рабочие заявки
Обращения проходят проверку и сохраняются в отдельном разделе WordPress.
07
Самостоятельная тема
Дизайн больше не зависит от Bricks или другого конструктора страниц.
08
Мобильный сценарий
Навигация, карточки, формы и программа удобны на небольших экранах.
Дизайн
Современный Петербург без открыток и клише
Вместо гербов, вензелей и туристических коллажей — спокойная редакционная подача. Сайт воспринимается как приглашение к личному знакомству с городом.
Палитра
Бумага#F3F0E7
Чернила#132B3A
Терракота#D5523C
Золото#C8A33A
Типографика
Петербург
хочется прожить
Выразительная антиква задаёт настроение, нейтральный гротеск отвечает за интерфейс и длинный текст.
Принципы
01крупные поля и воздух
02асимметричная сетка
03номера разделов и линии
04живые фотографии города
Сценарий
От первого впечатления до заявки — без лишних шагов
Пользователь последовательно знакомится с подходом, сужает выбор и получает достаточно информации для решения.
01
Почувствовать атмосферу
Первый экран объясняет, чем проект отличается от обычной экскурсии.
02
Задать параметры
Посетитель выбирает аудиторию и длительность путешествия.
03
Сравнить маршруты
Карточки показывают формат, цену, длительность и короткое описание.
04
Изучить программу
На странице тура собраны дни, условия, фотографии и ответы.
05
Оставить заявку
Выбранный тур уже подставлен — остаётся указать контакты и даты.
Интерфейс
Один визуальный язык на каждом шаге
Главная, страница маршрута и административная часть собраны в одной логике — от знакомства до ежедневной работы с контентом.
01
Главная страница
атмосфера, подбор и маршруты
02
Страница тура
решение о поездке
03
Админ-панель
простое управление контентом
Удобство с двух сторон
Понятно путешественнику. Удобно владельцу.
Проектирование не заканчивается внешним видом: сценарий управления сайтом продуман так же внимательно, как публичная часть.
Для путешественника
Быстро выбрать и уверенно оставить заявку
✓выбор по формату и длительности
✓параметры сразу на карточке
✓подробная программа по дням
✓прозрачный состав услуги
✓удобный просмотр с телефона
✓короткий путь до заявки
Для владельца
Добавлять маршруты без работы с вёрсткой
✓отдельный раздел «Туры»
✓единая структура материалов
✓редактирование через ACF PRO
✓галереи, FAQ и программа
✓заявки внутри WordPress
✓нет привязки к конструктору
ACF PRO · Под капотом
Один шаблон — разные маршруты
Для туров создан отдельный тип записи и набор структурированных полей. Дизайн живёт в теме, данные — в плагине: редактор работает с содержанием, а не с макетом.
WordPress
Контент и пользователи
единая административная среда
Gorod 812 Core
Туры, поля и заявки
CPT, таксономии и ACF
Тема Gorod 812
Шаблоны и дизайн
PHP, HTML, CSS и JavaScript
Технологии
Стек проекта
WordPress
Админ-панель, маршрутизация, медиатека и управление контентом.
PHP
Динамические шаблоны и серверная обработка заявок.
HTML + CSS
Семантическая адаптивная вёрстка и собственная дизайн-система.
JavaScript
Мобильное меню, фильтры и интерактивные элементы.
CPT + Taxonomies
Туры, аудитории, направления и форматы путешествий.
Результат
Готовая система презентации туров
Проект получил цельную визуальную концепцию, понятный пользовательский сценарий и техническую основу, которую можно поддерживать и расширять без конструктора.
↗Главная ведёт от знакомства к выбору и заявке
↗Каталог и страницы формируются динамически
↗Контент редактируется через ACF PRO
↗Фильтры помогают быстро сузить выбор
↗Обращения сохраняются в админ-панели
↗Интерфейс адаптирован под мобильные устройства
↗Тема не зависит от Bricks или Elementor
↗Добавлены базовые шаблоны WordPress
Следующий этап
Архитектура уже готова к расширению
При необходимости проект можно превратить в полноценный сервис бронирования, не меняя его базовую контентную модель.
01
Календарь
Даты, расписание и доступные места.
02
Оплата
Онлайн-оплата или предоплата тура.
03
Интеграции
Уведомления в Telegram и передача в CRM.
04
SEO-подборки
Посадочные страницы направлений и форматов.
05
Мультиязычность
Версия проекта для иностранных гостей.
Нужен сайт для туров, экскурсий или travel-проекта?
Разработаю структуру, дизайн и WordPress-систему, которой удобно пользоваться и посетителю, и владельцу сайта.