Caravita.ru

Информация о проекте

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

Цели создания сайта

• Разработать современный лендинг, отражающий экспертный уровень студии и служащий эффективным инструментом продаж.
• Структурировать портфолио с возможностью детального просмотра каждого проекта.
• Наглядно представить услуги (дизайн-проект, авторский надзор, комплектация, ремонт) с понятными таблицами и указанием стоимости.
• Внедрить интерактивный калькулятор предварительного расчёта стоимости ремонта и квиз для быстрого сбора заявок.
• Обеспечить удобство использования на всех устройствах, особенно на мобильных (адаптация таблиц и калькулятора).
• Предусмотреть возможность дальнейшего расширения функционала (например, добавление новых блоков или мультиязычности).

Решение

В качестве платформы мы выбрали WordPress, чтобы обеспечить максимальную гибкость и возможность кастомизации под любые задачи. На основе предоставленного заказчиком прототипа в Figma был отрисован дизайн, где акцент сделан на чистоте, воздухе и крупных фотографиях проектов — это полностью соответствует стилю дизайн-студии и её портфолио.

Для портфолио мы создали отдельный тип записи с использованием произвольных полей ACF, что позволило гибко управлять заголовками, описаниями и набором фотографий для каждого проекта. Таблицы услуг реализовали через кастомные поля, а для мобильных устройств написали скрипт, который автоматически преобразует их в переключаемые вкладки — это полностью решило проблему неудобного горизонтального скролла. Калькулятор написали на чистом JavaScript с привязкой к данным таблицы; все значения стоимости хранятся в админке и могут обновляться заказчиком самостоятельно. Расчёт происходит мгновенно при вводе площади.

Чтобы дать заказчику контроль над структурой главной страницы, мы внедрили систему индексов для блоков. Каждый блок получил числовой приоритет, и теперь их порядок легко меняется простым изменением цифр в админке — без участия разработчика. Для мобильной версии портфолио фотографии в карточках проектов автоматически группируются в слайдер с точками-индикаторами, что позволило решить проблему неполного отображения всех снимков.