Кейс · 2025

Mary And Design

Сайт и панель управления для студии дизайна интерьеров

Роль: Дизайн и разработка под ключ
Что сделали: Сайт и панель управления
Сайт: mary-and.ru

Задача

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

Поэтому сайт мы делали сразу вместе с панелью управления и закладывали в неё всё, что живёт и меняется: от текстов и фотографий до фирменных цветов.

Публичная часть

Одностраничный сайт с портфолио, тарифами и этапами работ. Светлая и тёмная темы, две языковые версии, адаптив от широкого монитора до телефона.

Раздел «О нас»: карта регионов и счётчики опыта. Данные для карты редактируются в панели.
Портфолио: проекты, порядок которых владелец меняет перетаскиванием.
Цены: сравнительная таблица тарифов. Состав и стоимость правятся без разработчика.
Этапы работ: последовательность от консультации до реализации.

Панель управления

Главная часть работы, которой не видно снаружи. Девятнадцать разделов, через которые владелец меняет сайт, не открывая код.

Содержимое

Главный экран
О студии
Проекты и фотографии
Этапы работ
Документы

Коммерция

Тарифы и матрица цен
Дополнительные услуги
Города и районы
Статистика по регионам

Оформление

Цвета темы
Шрифты
Логотипы
Фавикон
Фоновый эффект

Служебное

SEO и метатеги
Контакты и соцсети
Доступы к сервисам
Пользователи
Настройки

Двухфакторная авторизация
Вход в панель защищён одноразовым кодом поверх пароля — TOTP, как в банковских приложениях.
Хостинг виден из панели
Панель ходит в API провайдера и показывает серверы, базу, домены и сроки продления. Владельцу не нужен отдельный кабинет.
Оформление без разработчика
Цвета, шрифты, логотипы и фавикон меняются прямо из панели. Смена фирменных цветов не требует нашего участия.
Две темы и четыре размера экрана
Светлая и тёмная темы нарисованы и свёрстаны полностью, от десктопа до телефона. Панель управления тоже адаптивная.
Свой бэкенд
База на PostgreSQL, файлы в объектном хранилище S3, миграции схемы, логирование запросов.

Оформление: логотипы для светлой и тёмной темы, фавикон, акцентный цвет с живым превью и по восемь шрифтов на заголовки и текст.
Состояние хостинга прямо в панели: серверы, база, домены и сроки продления — без похода в кабинет провайдера.
Тарифы: матрица услуг по пакетам, каждая строка сразу на двух языках.
Проекты: порядок меняется перетаскиванием, фотографии уходят в объектное хранилище.
Вход: пароль, затем одноразовый код из приложения-аутентификатора.
С телефона доступны те же разделы — панель адаптивная.