Развёрнутый кейс
Отрасль
Другое
Год
2026
Длительность
2
Спецтехника — аренда спецтехники
Многостраничный лендинг для регионального производителя в Калужской области и на юго-западе Подмосковья — аренда спецтехники, бетон с собственного завода, строительство ангаров, монолитные работы, фундаменты под ключ. Site-as-a-system: одна страница-витрина с продающими блоками, 29 SEO-страниц под низкочастотные запросы вида «доставка бетона в Обнинске», админка для редактирования контента без редеплоя, сайтмап и robots для попадания в поисковую выдачу. Дизайн — индустриальный brutalist в палитре CAT (жёлтый/чёрный), с поддержкой светлой и тёмной темы и автоматическим следованием системным настройкам пользователя.
§ 04 · Стек технологий
Технологии
Задача
Клиент — стройкомпания полного цикла со своим бетонным заводом и парком из 20+ единиц техники. Нужен сайт, который:
- продаёт услуги напрямую;
- индексируется в Яндексе и Google по низкочастотным запросам «услуга × город»;
- управляется заказчиком (контакты, реквизиты, SEO-мета);
- держит региональную идентичность — упор на Калугу, Обнинск, Балабаново и Наро-Фоминский район.
Дизайн
Сознательный отход от шаблонной «вашего лидера на рынке стройуслуг» эстетики. Поставлен brutalist-industrial характер: рубленая типографика Anton с предельным трекингом, моноширинный JetBrains Mono для технических и нумерных подписей, фоновая сетка, диагональные «warning tape» полосы как сквозной узнаваемый элемент, толстые рамки и смещённые brutal-тени
Реализованы три цветовые темы: Светлая / Тёмная / Авто.
Архитектура контента и SEO
Информационная структура спроектирована под поисковую выдачу:
- Главная — все блоки на одной странице: Hero с фотокарточкой техники и кратким прайсом, О компании, Услуги, Преимущества, Процесс работы, География, Контакты.
- Каталог /uslugi — точка входа для всех услуг.
- Страница услуги /uslugi/<slug> — Аренда спецтехники, Доставка бетона, Строительство ангаров, Монолитное строительство, Фундаменты под ключ.
- Услуга × город /uslugi/<service>/<city> — 20 комбо-страниц («Доставка бетона в Обнинске», «Аренда спецтехники в Калуге» и т.д.) с автоподстановкой города в падежах (локатив / генитив / аккузатив) для
естественного русского текста.
- Город /g/<city> — все услуги в конкретном городе с локальным контекстом (плечо доставки, особенности).
- Динамический sitemap.xml — 29 URL, генерируется на лету.
- robots.txt — разрешает индексацию /uslugi/ и /g/, закрывает /admin/ и пользовательские кабинеты, указывает sitemap.
Каждая страница имеет уникальный <title>, meta description и keywords под целевую фразу. Хлебные крошки, перелинковка «эта услуга в других городах» и «другие услуги в этом городе» — для распределения PageRank
внутри сайта.
Технический стек
- Backend: Ruby on Rails 8.0, SQLite, Sidekiq + Redis, Devise, CanCanCan, RailsSettings, Shrine.
- Frontend: Tailwind CSS v4 с кастомным @custom-variant dark для управления темой, Hotwire (Turbo + Stimulus), Importmap-rails (без сборки JS — модули отдаются Propshaft напрямую из app/javascript/ и
vendor/javascript/).
- Шрифты: Anton (display), DM Sans (body), JetBrains Mono (mono) через Google Fonts с preconnect.
- Деплой: Docker Swarm с Traefik в роли reverse-proxy и letsencrypt, multi-stage Dockerfile с slim Ruby-образом, jemalloc для оптимизации памяти.
- Производительность: Importmap + Propshaft = нет билд-шага в Docker-сборке, JS-модули кешируются браузером по digest-у, картинки лежат локально (/images/stock/) — никакой зависимости от внешних CDN.
Что получили
Сайт-инструмент, на котором заказчик может:
- принимать звонки и письма по прямым ссылкам в один тап с любой страницы,
- редактировать контакты и реквизиты без программиста,
- ловить трафик по 29 SEO-страницам в целевом регионе,
- демонстрировать «индустриальный» характер компании с первого взгляда.
Клиент — стройкомпания полного цикла со своим бетонным заводом и парком из 20+ единиц техники. Нужен сайт, который:
- продаёт услуги напрямую;
- индексируется в Яндексе и Google по низкочастотным запросам «услуга × город»;
- управляется заказчиком (контакты, реквизиты, SEO-мета);
- держит региональную идентичность — упор на Калугу, Обнинск, Балабаново и Наро-Фоминский район.
Дизайн
Сознательный отход от шаблонной «вашего лидера на рынке стройуслуг» эстетики. Поставлен brutalist-industrial характер: рубленая типографика Anton с предельным трекингом, моноширинный JetBrains Mono для технических и нумерных подписей, фоновая сетка, диагональные «warning tape» полосы как сквозной узнаваемый элемент, толстые рамки и смещённые brutal-тени
Реализованы три цветовые темы: Светлая / Тёмная / Авто.
Архитектура контента и SEO
Информационная структура спроектирована под поисковую выдачу:
- Главная — все блоки на одной странице: Hero с фотокарточкой техники и кратким прайсом, О компании, Услуги, Преимущества, Процесс работы, География, Контакты.
- Каталог /uslugi — точка входа для всех услуг.
- Страница услуги /uslugi/<slug> — Аренда спецтехники, Доставка бетона, Строительство ангаров, Монолитное строительство, Фундаменты под ключ.
- Услуга × город /uslugi/<service>/<city> — 20 комбо-страниц («Доставка бетона в Обнинске», «Аренда спецтехники в Калуге» и т.д.) с автоподстановкой города в падежах (локатив / генитив / аккузатив) для
естественного русского текста.
- Город /g/<city> — все услуги в конкретном городе с локальным контекстом (плечо доставки, особенности).
- Динамический sitemap.xml — 29 URL, генерируется на лету.
- robots.txt — разрешает индексацию /uslugi/ и /g/, закрывает /admin/ и пользовательские кабинеты, указывает sitemap.
Каждая страница имеет уникальный <title>, meta description и keywords под целевую фразу. Хлебные крошки, перелинковка «эта услуга в других городах» и «другие услуги в этом городе» — для распределения PageRank
внутри сайта.
Технический стек
- Backend: Ruby on Rails 8.0, SQLite, Sidekiq + Redis, Devise, CanCanCan, RailsSettings, Shrine.
- Frontend: Tailwind CSS v4 с кастомным @custom-variant dark для управления темой, Hotwire (Turbo + Stimulus), Importmap-rails (без сборки JS — модули отдаются Propshaft напрямую из app/javascript/ и
vendor/javascript/).
- Шрифты: Anton (display), DM Sans (body), JetBrains Mono (mono) через Google Fonts с preconnect.
- Деплой: Docker Swarm с Traefik в роли reverse-proxy и letsencrypt, multi-stage Dockerfile с slim Ruby-образом, jemalloc для оптимизации памяти.
- Производительность: Importmap + Propshaft = нет билд-шага в Docker-сборке, JS-модули кешируются браузером по digest-у, картинки лежат локально (/images/stock/) — никакой зависимости от внешних CDN.
Что получили
Сайт-инструмент, на котором заказчик может:
- принимать звонки и письма по прямым ссылкам в один тап с любой страницы,
- редактировать контакты и реквизиты без программиста,
- ловить трафик по 29 SEO-страницам в целевом регионе,
- демонстрировать «индустриальный» характер компании с первого взгляда.
/ Следующий кейс может быть вашим
Похожая задача?
Обсудим за один день.
- Ответ < 2 часов
- Оценка < 24 часов
- Старт < 1 недели