Magic Decor Moscow сайт студии декора с визуальным подбором оформления
Пересобрал сайт студии декора на WordPress: разработал индивидуальную тему, оформил портфолио и добавил визуальный подбор, заявки по понравившейся работе и отправку фотографий пространства.
Задача и решение
Задача: помочь объяснить идею
Magic Decor Moscow оформляет входные группы, витрины, интерьеры и мероприятия, занимается флористикой и озеленением. Одному посетителю нужен праздничный декор ресторана, другому — зелень в офисе, третьему — оформление свадьбы. Каждому важно увидеть своё направление и объяснить, что требуется именно для его пространства.
Изначально ко мне обратились за обновлением главной страницы. Прежний сайт использовал визуальные конструкторы. Мне предстояло сохранить настроение студии — мягкие цвета, выразительные фотографии и лёгкую типографику — и оставить команде возможность самостоятельно менять материалы.
От главной — к полноценному сайту
По мере работы я пересобрал внутренние страницы и продумал приём обращений. Посетитель может выбрать направление по изображениям, сослаться на понравившуюся работу или приложить фотографии своего пространства. Так разговор со студией начинается с понятного контекста.
Визуальное решение
Фотографии задают ритм
Я разработал индивидуальную тему WordPress без визуальных конструкторов. Светлый фон, пудровые оттенки и графитовые акценты оставляют внимание фотографиям. Тонкий Ebbe Thin в заголовках сочетается с Manrope в тексте и элементах управления.
В галереях я сохранил вертикальные и горизонтальные кадры: они не подгоняются под одну одинаковую рамку. Изображение можно открыть, увеличить и перелистнуть. Спокойные переходы и карусель зимних идей помогают рассматривать оформление в своём темпе.
Свой первый экран для телефона
Крупный сезонный экран задаёт настроение с первого взгляда. Для компьютера и телефона я предусмотрел отдельную композицию изображений и настройки кадрирования: важная часть оформления остаётся в кадре, а текст читается поверх фотографии.
Декор и фотографии работ — материалы студии. Среди изображений сайта есть визуальные концепции, в том числе созданные с использованием ИИ. Зимний первый экран показывает идею оформления, а не подтверждённый реализованный объект; такие изображения я не выдаю за выполненные работы.
Визуальный подбор
Я предусмотрел три способа объяснить задачу. Первый — выбрать направление по изображениям и постепенно уточнить запрос.
Четыре коротких шага
В подборе четыре шага: «Оформление», «Объект», «Сроки» и «Контакты». Сначала человек выбирает изображение, затем уточняет пространство и время. Прогресс всегда виден, а при возврате назад ответы сохраняются.
Ветки учитывают задачу: для мероприятия появляются варианты событий, а свадебный запрос не проходит через выбор магазина или офиса. Если человек пока не определился, есть вариант «Нужна помощь с выбором».
В конце — сводка и способ связи
Бюджет, имя, пожелания и фотографии необязательны. Я оставил эти уточнения доступными, но не превратил подбор в длинную обязательную анкету. На последнем шаге видны краткая сводка и выбор связи: телефон, Telegram или email.
Ответы можно раскрыть и изменить перед отправкой. Студия получает контекст запроса, а посетителю не нужно заново пересказывать весь выбор.
«Хочу похожее»
Запрос по выбранной работе
Второй путь начинается прямо в просмотре изображения. По кнопке «Хочу похожее» открывается короткая форма с выбранной работой или концепцией.
Изображение сохраняет контекст обращения: человеку не приходится делать скриншот и объяснять, какую картинку он имел в виду. При необходимости выбор можно убрать.
Фотографии своего пространства
Показать исходные условия
Третий способ — приложить фотографии входа, витрины или интерьера. Я добавил загрузку и в короткую форму, и в финал подбора: исходные материалы приходят вместе с обращением.
Фотографии посетителей хранятся вне публичной части сайта. Посмотреть их могут только сотрудники с доступом к заявке. Можно обратиться и без квиза — через обычную короткую форму.
Работа сотрудников
Структура и самостоятельное управление
Работа вышла за пределы главной. Я оформил страницы направлений: фасады и витрины, корпоративные мероприятия, озеленение, торговые центры, свадьбы и праздничная иллюминация. Страницы о студии и процессе работы помогают понять, кто стоит за оформлением и как начинается сотрудничество.
Команда меняет главную, сезонные предложения, фотографии, галереи, PDF-презентацию и настройки подбора через WordPress. Для обычного обновления материалов не нужно редактировать код.
В отдельном разделе обращений собраны контакты, ответы, выбранное изображение и приложенные фотографии. В карточке виден статус почтового уведомления; сохранённая заявка остаётся доступной и при ошибке отправки письма.
Техническая работа
Индивидуальная тема WordPress написана на PHP, JavaScript и CSS. Я связал формы с обработкой обращений и почтовыми уведомлениями, подготовил техническое SEO и перенёс сайт на основной домен.
При переносе сохранил используемые материалы и нужные адреса, а для изменённых адресов настроил точечные редиректы. Проверил canonical, карту сайта WordPress и структурированные данные страниц, услуг и изображений. Перед переключением сделал резервную копию.
Результат
Запрос на обновление главной вырос в полноценный сайт с продуманным приёмом обращений. Я объединил презентацию студии и несколько понятных способов начать обсуждение: показать направление, выбрать понравившийся образ или прислать фотографии своего пространства.
Студия получает более содержательный запрос, а команда самостоятельно обновляет материалы.