TripBoom — авторские туры по Приморью
Одностраничный сайт для организатора авторских туров по Приморью. Каталог маршрутов, расписание и отзывы подтягиваются из Google-таблицы, заявка собирается пошаговой формой и уходит в мессенджеры. Заменил прежний сайт на WordPress.
Открыть сайт вживую →
Задача
У клиента был сайт на WordPress, который было неудобно и долго обновлять (каталог туров, даты выездов). Нужен был быстрый, лёгкий лендинг с упором на фотографии Приморья, понятной формой бронирования и возможностью править контент (туры и расписание) самостоятельно, без захода в админку и без программиста.
Решение
Собрали статичный одностраничник вместо WordPress: один HTML-файл с ассетами, без CMS и базы данных — отсюда быстрая загрузка и простой хостинг. Каталог туров, расписание и отзывы выводятся из Google-таблицы: сайт читает её через gviz (CSV) и подставляет данные на страницу; редактирование контента сводится к правке таблицы. На случай недоступности таблицы предусмотрен локальный фолбэк (data.js). Заявку оформляет пошаговая форма из трёх шагов (выбор тура → дата и число участников → контакты): на отправке формируется готовое сообщение и открывается выбранный мессенджер, контакт уходит организатору в Telegram/WhatsApp/MAX. Прописали SEO-разметку и микроразметку schema.org (TravelAgency, TouristTrip, ItemList, Offer, PostalAddress), Open Graph и Twitter-карточки для красивых превью в соцсетях и мессенджерах. Перенесли проект на боевой домен, прежний WordPress-сайт сохранили в бэкап.
Технологии
Статичный HTML/CSS/JS (без CMS), интеграция с Google Sheets через gviz (CSV) для туров, расписания и отзывов, локальный фолбэк data.js, schema.org JSON-LD, Open Graph и Twitter Cards, адаптивная вёрстка. Размещён как статика на хостинге, отправка заявок в мессенджеры через deep-link (Telegram/WhatsApp/MAX).
Что сделали
- ✓ Одностраничный сайт на статичном HTML без CMS — лёгкий и быстрый, заменил прежний WordPress
- ✓ Каталог туров, расписание и отзывы подтягиваются из Google-таблицы (gviz/CSV) — клиент правит контент сам, без админки
- ✓ Локальный фолбэк каталога (data.js) на случай недоступности таблицы
- ✓ Пошаговая форма бронирования из трёх шагов: выбор тура, дата и число участников, контактные данные
- ✓ Заявка уходит организатору в мессенджеры — на отправке открывается выбранный канал с готовым сообщением: Telegram (@TB_Anton), WhatsApp, MAX; на сайте также email (tripboom@yandex.ru) и ВКонтакте
- ✓ Адаптивная вёрстка под мобильные (медиазапросы)
- ✓ SEO: meta description, Open Graph и Twitter-карточки для превью в соцсетях и мессенджерах
- ✓ Микроразметка schema.org: TravelAgency, TouristTrip, ItemList, Offer, PostalAddress
- ✓ Блок отзывов (тянется из таблицы) со ссылкой на сообщество ВКонтакте
- ✓ Раздел с политикой обработки персональных данных
Соберём ваш проект за дни
Напишите в Telegram — разберём задачу и скажем честно, что нужно, а что лишнее.
Обсудить проект