Веб-дизайн
Frontend
WordPress
CRM
Брендинг
01 — Контекст
Когда масштаб бизнеса опережает сайт
Sinkov Eco — это не просто ландшафтный дизайн. Это сложные инженерные решения, премиальный сервис и активно растущая франшиза.
Бизнес вырос, и старый сайт перестал отвечать его статусу. Компании требовалась масштабная, логичная и быстрая платформа, которая будет говорить на одном языке с крупными заказчиками, владельцами дорогих резиденций и будущими партнерами по франшизе. Требовалось не просто освежить визуал, а создать полноценный digital-инструмент для продаж.
Клиент
Объём
Стек
Сайт
02 — UX и Структура
Разделяй и властвуй
Главный вызов проекта: каталог из 29 объемных услуг. Если вывалить их общим списком, пользователь мгновенно потеряется.
На этапе проектирования мы приняли решение жестко сегментировать аудиторию прямо в интерфейсе. Мы развели сценарии пользователей на два независимых потока:
• B2C («Для жизни»): Частные резиденции, усадьбы, где важен комфорт, эстетика и персональный подход.
• B2B («Для бизнеса»): Коммерческая недвижимость, парки, где на первый план выходят сроки, смета, гарантия приживаемости и повышение капитализации объекта.
Каталог услуг собрали в раскрывающийся список (expandable services). Пользователь может переключаться между вкладками и изучать все 29 направлений, не совершая лишних переходов и не уходя с главной страницы.
74.2% пользователей заходят на сайт с телефона. Поэтому десктопная версия получила строгую журнальную сетку, а мобильная — интуитивно понятные свайп-карусели. Интерфейс должен подстраиваться под привычки, а не ломать их
03 — Визуальный язык
Bento-сетки и премиальный минимализм
Sinkov — это дорогой продукт, и дизайн должен был транслировать спокойную уверенность без лишнего визуального шума. Мы взяли за основу существующий брендбук (шрифты Intro и Panton, фирменный глубокий зеленый #17321B) и переложили его на современный веб.
• Bento UI: Вместо классических длинных текстовых «простыней» мы упаковали информацию в аккуратные Bento-сетки. На одном экране помещается много смыслов, но глаз за них не цепляется и не устает.
• Mobile-first портфолио: Около 80% трафика приходится на смартфоны. Если на десктопе кейсы выстроены в стильную сетку, то на мобильных устройствах мы реализовали плавные swipe-карусели. Четыре мощных кейса на экран — ровно столько нужно, чтобы доказать экспертизу, не перегружая пользователя.
04 — География проекта
Бесшовная работа с франшизой
Компания присутствует в 11 городах России — от Новороссийска до Тюмени. Было критически важно показать масштаб федеральной сети, а не прятать список филиалов мелким шрифтом в подвале.
При первом заходе на сайт пользователя встречает аккуратный попап с выбором города. Выбор моментально сохраняется в Cookie и закрепляется в шапке сайта.
Если пользователь закрывает окно без выбора, система по умолчанию подставляет Москву, но ставит внутреннюю техническую пометку, что город не был выбран сознательно. Эта, казалось бы, небольшая деталь кардинально меняет качество общения менеджера с клиентом на следующем этапе.
05 — Разработка и CRM
Чистая интеграция под капотом
Проект разрабатывался на связке WordPress + кастомные модули. В отличие от конструкторов вроде Tilda, закрытая архитектура которых не позволила бы реализовать нужный нам функционал, WP дал полный контроль над технической частью. Для ускорения верстки мы использовали инструментарий BeBuilder, но собирали каждый блок с нуля, без шаблонов.
Самая важная часть работы скрыта от глаз пользователя — это настройка умного маппинга заявок в Bitrix24:
Никаких 29 разных форм: Мы написали логику передачи данных на Vanilla JS. Город пользователя (из Cookie) и адрес страницы, на которой он находится (чтобы понять, какая услуга его интересует), подставляются в скрытые поля Contact Form 7.
Автоматическое распределение: Данные автоматически мапятся в нужные поля Bitrix24 прямо из админки WordPress, без прямого вмешательства в PHP-код.
Система антидубль: Если клиент с одним и тем же номером оставляет несколько заявок, CRM не плодит дубликаты, а дополняет уже существующую карточку. Менеджер получает идеально чистый, информативный лид.
Завершает процесс эстетичный Success-modal (всплывающее окно успешной отправки). Никакого стандартного системного текста под формой — только фирменный стиль на всех этапах.
06 — Пасхалка
ИИ и 15 минут цифровой магии
В пространстве дизайна и технологий ODAA мы любим применять нестандартные подходы. Страница 404 — обычно самое унылое место на сайте.
Задачи делать кастомную страницу ошибки не было, но мы решили превратить ее в уникальную фишку. Всего за 15 минут с помощью нейросетей мы сгенерировали 2D-спрайты персонажа и окружения, а затем собрали из них полноценную мини-игру в жанре runner.
В результате случайная ошибка превратилась в точку удержания внимания. Пользователи задерживаются на сайте, чтобы поиграть, что в перспективе дает положительный сигнал поведенческим факторам для SEO.
07 — SMM и упаковка
Единый визуальный почерк
До старта проекта соцсети Sinkov велись в разных, несвязанных между собой стилях. Оставить их в таком виде после релиза премиального сайта было бы ошибкой.
Мы разработали новую визуальную систему для социальных сетей, которая стала прямым продолжением веб-дизайна. Выверенная типографика, плашки, правильная работа с фотографиями объектов — теперь бренд узнается с первого взгляда на любой площадке.
08 — Итоги
Работа еще продолжается
Проект успешно уже перенесен с технического домена на основной sinkoveco.ru. Заказчик получил не просто обновленный дизайн, а масштабируемую бизнес-систему, которая:
1. Исключает путаницу в услугах благодаря жесткой B2B/B2C сегментации.
2. Экономит часы работы отдела продаж за счет умной передачи данных в Bitrix24.
3. Полностью готова к дальнейшему росту и масштабированию контента.
10 — Команда
Кто делал
Илья Труфанов
Виктория Седляр
Вероника Зайцева
Андрей Ардашов
11 — Конец
Если вам близок такой подход
Нужен сайт, где дизайн не отрывается от бизнеса — где понятна структура, нормально работают заявки, не стыдно показать клиенту? Напишите нам.
