3022 — сайт интерьерного бюро с портфолио проектов
Мы создали сайт для интерьерного бюро 3022 — студии, в основе которой убеждение, что удобство и выразительность неразделимы. Проект живёт по адресу 30-22.ru: витрина реализованных интерьеров с портфолио проектов, страницами кейсов и авторской визуальной подачей, отражающей подход бюро к проектированию. Сайт собран на WordPress с Carbon Fields и кастомной темой, чтобы контентом легко управляла сама команда студии. Работу выполнила команда полного цикла в партнёрстве с Orbyx.
Задача
Интерьерное бюро продаёт не услугу в вакууме, а вкус, чувство пространства и доверие. Для такой студии сайт — это не формальная визитка, а главная витрина: именно здесь будущий клиент решает, совпадает ли эстетика бюро с тем, как он хочет видеть свой дом или офис. Ключевую роль играют реализованные проекты — фотографии интерьеров, история замысла, детали воплощения. Если портфолио подано вяло, самая сильная работа теряет впечатление.
Философия 3022 строится на убеждении, что удобство и выразительность неразделимы, и это требование сайт должен был предъявить к самому себе. Витрина обязана раскрывать проекты крупно и выразительно, но при этом оставаться удобной в навигации и быстрой на любом устройстве. Нам предстояло перевести подход бюро к проектированию в визуальный язык интерфейса, а не просто разложить фотографии по галерее.
Отдельная задача — управляемость. Портфолио интерьерного бюро живёт: появляются новые объекты, обновляются фотографии, дописываются истории проектов. Сайт нужно было построить так, чтобы студия наполняла его сама, без обращения к разработчикам за каждым новым кейсом и без риска сломать вёрстку при добавлении контента.
Стандартная галерея превращает выразительные интерьеры в безликую сетку миниатюр. Бюро, продающему эстетику, нужна подача, которая раскрывает проекты крупно, задаёт ритм просмотра и с первого экрана передаёт узнаваемый почерк студии.
Выразительные сайты часто грешат тяжёлой загрузкой и запутанной навигацией. Философия 3022 не допускает такого компромисса: сайт обязан быть одновременно красивым и удобным, быстро открываться и одинаково хорошо работать на телефоне и на большом экране.
Портфолио постоянно пополняется, но студия — не веб-разработчики. Без удобной админки каждый новый объект превращался бы в задачу для программиста. Нужен был понятный контур управления проектами, фотографиями и текстами без вёрстки вручную.
Что делает система
Портфолио реализованных проектов
Сердце сайта: каталог реализованных интерьеров с крупными обложками, названиями объектов и переходом к детальным страницам. Проекты выстроены в ритме, который ведёт посетителя по работам студии и с первых экранов передаёт её почерк. Именно портфолио превращает сайт из визитки в аргумент для будущего клиента интерьерного бюро.
Детальная страница проекта
Каждый интерьер раскрывается на отдельной странице: серия фотографий крупным планом, описание замысла и деталей воплощения, характеристики объекта. Формат страницы даёт бюро рассказать историю проекта, а не просто показать картинки, — так посетитель понимает подход студии к пространству и материалам глубже, чем по одной обложке.
Авторская визуальная подача
Оформление сайта — не готовый шаблон, а продуманный визуальный язык, отражающий подход бюро к проектированию. Типографика, ритм блоков, работа с воздухом и крупным фото собраны в единый стиль, где удобство и выразительность не спорят друг с другом. Так бренд 3022 узнаётся ещё до того, как посетитель откроет первый проект.
О студии и подходе
Раздел, где бюро проговаривает свою философию: почему удобство и выразительность неразделимы, как студия работает над проектами, что важно для команды. Для интерьерного бюро доверие складывается из подхода не меньше, чем из картинок, поэтому рассказ о студии стоит рядом с портфолио и усиливает его.
Форма обращения и контакты
Точка перехода от просмотра к разговору: форма обращения с проверкой полей и защитой от спама, контактные данные и способы связи. Посетитель, которого зацепило портфолио, оставляет заявку прямо на сайте, не переключаясь в мессенджеры. Обращения из формы аккуратно доходят до студии, чтобы ни один интерес не потерялся.
Админка на Carbon Fields
Управляющий контур для команды студии: кастомные поля Carbon Fields в админке WordPress описывают структуру проекта — обложку, галерею, описание, характеристики. Добавить новый интерьер — значит заполнить понятную форму, а не верстать страницу. Структура полей защищает вёрстку от поломок и держит все кейсы в едином оформлении.
Адаптивная вёрстка
Сайт одинаково выразителен на большом мониторе и на телефоне: крупные фотографии интерьеров перестраиваются под ширину экрана, навигация остаётся под рукой, тексты читаемы без масштабирования. Значительная часть аудитории смотрит портфолио с мобильного, поэтому адаптивность здесь не опция, а условие того, что работы студии производят впечатление.
Технологический стек
Основа сайта и его CMS. WordPress даёт студии привычную админку, где команда сама наполняет портфолио, обновляет фотографии и правит тексты без разработчиков. Зрелая платформа с богатой экосистемой ускорила запуск и упростила дальнейшую поддержку: обновления, резервные копии и развитие идут по накатанным процессам, а не изобретаются с нуля под один проект.
Инструмент для кастомных полей в админке. Через Carbon Fields мы описали структуру проекта портфолио — обложку, галерею, описание, характеристики — как понятную форму. Студия добавляет новый интерьер, заполняя поля, а не верстая страницу. Так контент отделён от оформления: любой кейс встаёт в единый стиль, а вёрстка не ломается при наполнении.
Язык серверной части WordPress и кастомной темы. На PHP реализована логика вывода портфолио, детальных страниц проектов и обработки формы обращения. Работа на нативном для платформы языке означает предсказуемое поведение, совместимость с экосистемой WordPress и отсутствие лишних прослоек между кодом темы и данными, которыми управляет студия.
Хранилище контента сайта. В MySQL живут проекты портфолио, тексты страниц, значения кастомных полей и обращения из формы. Реляционная база, штатная для WordPress, обеспечивает надёжное хранение и быстрый доступ к данным при выводе каталога и отдельных проектов, а стандартные механизмы резервного копирования защищают наполненное студией портфолио.
Слой, отвечающий за авторскую визуальную подачу. Через CSS мы собрали типографику, ритм блоков, работу с крупным фото и воздухом в единый стиль бренда 3022. Кастомная стилизация, а не готовый шаблон, позволила сайту выглядеть выразительно и узнаваемо, при этом оставаясь лёгким и корректно перестраиваясь под разные экраны.
Интерактив на стороне пользователя. JavaScript отвечает за поведение галерей проектов, плавные переходы, работу мобильного меню и валидацию формы обращения до отправки. Сдержанный, аккуратный интерактив поддерживает выразительность подачи, не перегружая страницу и не мешая быстрой загрузке — ровно в духе принципа студии о единстве удобства и выразительности.
Кастомная тема WordPress вместо готового шаблона. Тема написана под структуру портфолио 3022 и связана с полями Carbon Fields, поэтому дизайн, данные и админка работают как единое целое. Собственная тема дала полную свободу в визуальной подаче бренда и контроль над скоростью — без лишнего кода и ограничений, которыми обрастают универсальные шаблоны.
Как шла разработка
Погружение в бренд
ГотовоРазобрались в философии 3022 и в том, как её показать интерфейсом. Собрали структуру сайта вокруг портфолио, определили, что именно раскрывает подход бюро, и договорились о принципе, где удобство и выразительность идут вместе, а не спорят.
Визуальный язык
ГотовоПроработали авторскую подачу: типографику, ритм блоков, сценарий показа проектов, работу с крупным фото и воздухом. Здесь рождался узнаваемый облик сайта — тот визуальный язык, который передаёт почерк студии ещё до первого открытого кейса.
Каркас на WordPress
ГотовоРазвернули WordPress и заложили кастомную тему под структуру портфолио. Через Carbon Fields описали поля проекта — обложку, галерею, описание, характеристики, — чтобы контент и оформление были разделены с самого начала, а не сшивались вручную под финал.
Сборка страниц
ГотовоСобрали каталог портфолио, детальные страницы проектов, раздел о студии, контакты и форму обращения. Связали вёрстку с полями Carbon Fields, чтобы каждый новый интерьер вставал в единый стиль, а команда студии наполняла сайт без участия разработчиков.
Адаптив и скорость
ГотовоОтладили поведение на телефонах и планшетах, проверили, что крупные фотографии перестраиваются без потери выразительности, и оптимизировали загрузку. Мобильная витрина должна впечатлять так же, как десктопная, — этого требует принцип единства удобства и выразительности.
Наполнение и запуск
ГотовоНаполнили портфолио первыми проектами, передали студии управление контентом через админку и опубликовали сайт по адресу 30-22.ru. Показали команде, как добавлять интерьеры и обновлять фотографии, чтобы витрина жила и пополнялась силами самого бюро.
Результаты
У бюро 3022 появился сайт, работающий главной витриной студии: портфолио реализованных интерьеров подано крупно и выразительно, каждый проект раскрывается на детальной странице, а авторская визуальная подача передаёт подход бюро к проектированию ещё до первого открытого кейса. Философия студии — единство удобства и выразительности — реализована в самом интерфейсе: сайт остаётся быстрым и удобным на любом устройстве, не жертвуя эстетикой ради простоты. Проект живёт по адресу 30-22.ru.
Технически связка WordPress, Carbon Fields и кастомной темы дала студии главное — управляемость. Портфолио пополняется силами команды через понятную админку: новый интерьер добавляется заполнением полей, а не вёрсткой, при этом каждый кейс автоматически встаёт в единый стиль и не ломает страницу. Сайт готов расти вместе с бюро — новые проекты, разделы и материалы подключаются без переработки основы. Проект реализован в партнёрстве с Orbyx.
2,5 месяца
от старта проекта до запуска сайта
30-22.ru
живой сайт бюро в открытом доступе
WordPress
контентом управляет сама команда студии
Портфолио проектов
каждый интерьер с детальной страницей
Сайт бюро 3022 мы делали в партнёрстве с Orbyx. Инженерную часть — кастомную тему WordPress, поля Carbon Fields и вёрстку портфолио — вела наша команда полного цикла, а формат партнёрства помог быстрее пройти путь от подхода студии до живого сайта на 30-22.ru. Публичные бренды в кейсе указываем честно.
Вопросы о проекте
Обсудим похожий проект?
Расскажите о задачах вашего бизнеса — предложим архитектуру и оценим сроки
Телеграмм
Делимся визуально привлекательными фрагментами наших последних веб-проектов.
ВКонтакте
Пишем о интересных технических решениях и вызовах в разработке.
MAX
Демонстрируем дизайнерские элементы наших веб-проектов.
TenChat
Деловые связи, кейсы и экспертные публикации.
Рассылка
© 2025-2026 МАЙПЛ. Все права защищены.