Обсудить задачу
ПозвонитьОбсудить задачу
Кейс · Тольятти

MICA PLACE — цифровая платформа для бренда украшений

Как сайт локального бренда украшений превратился из онлайн-витрины в собственную площадку для товаров, персональных продуктов, мастер-классов и работы с клиентами.

Коротко

Задача и результат

Главное о проекте — до технических подробностей.

Что было нужно

Разделить готовые изделия и персональные продукты на разные сценарии

Что сделали

Каталог украшений, персональные продукты, мастер-классы, события и собственная система управления контентом для локального бренда из Тольятти.

Как проверили

Публичные маршруты и страницы событий возвращают HTTP 200

Интерфейс

Скриншоты работающего проекта

Показываем реальные публичные экраны. Закрытые кабинеты, переписки и персональные данные в галерею не попадают.

Главная страница цифровой платформы MICA PLACE
Публичная главная страница micaplace.ruОткрыть публичный экран →
Каталог украшений MICA PLACE на мобильном экране
Мобильный сценарий каталога украшенийОткрыть публичный экран →
01

От онлайн-витрины к цифровой площадке

Обычный лендинг не покрывал реальные процессы локального бренда.

Первоначальная задача выглядела как создание современного сайта для локального проекта украшений. Анализ показал, что обычной связки «главная, каталог, контакты» недостаточно: бизнес одновременно работает с готовыми изделиями, индивидуальными заказами, персональными разборами, мастер-классами, событиями и контентом о натуральных камнях. Архитектуру требовалось заложить так, чтобы новые направления добавлялись без полной переделки сайта.

02

Сначала процессы — затем интерфейс

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

01

Анализ бизнеса

Разделили готовые украшения, персональные заказы, разборы, мастер-классы, события и контент на самостоятельные рабочие сценарии.

02

Архитектура

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

03

UX и UI

Спроектировали отдельные воронки, мобильные карточки, формы, CTA и умеренные состояния интерфейса с поддержкой reduced motion.

04

Разработка

Реализовали публичные страницы, каталог, формы, страницы событий, защищённый раздел персональных разборов и серверную обработку данных.

05

Административная система

Собрали управление товарами, мероприятиями, отзывами, фотографиями, текстами, заявками и персональными разборами.

06

Запуск и развитие

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

Принцип проекта

Не подгоняем бизнес под ИТ. Подстраиваем ИТ под бизнес.

Посмотреть MICA PLACE
03

За каждым украшением стоят два человека

MICA PLACE создали Таня и Ирина. Они работают с натуральными камнями, создают украшения вручную и проводят тематические мастер-классы.

Готовые украшения

Каталог строится вокруг фотографии, понятного описания, натуральных камней, характеристик, стоимости и следующего действия. Визуальная часть здесь является элементом UX, а не декором.

Персональный продукт

Направление /personal/ не смешано с обычным каталогом: оно объясняет индивидуальную работу, собирает исходные данные и переводит клиента в отдельный сценарий общения.

Мастер-классы и события

Афиша использует компактные карточки-превью, а полное описание, дата, время, место, стоимость, программа, материалы и CTA размещаются на отдельной странице события.

04

Персональные разборы без раскрытия данных клиента

Закрытый результат связан с предсказуемым кодом и выдаётся сервером после проверки доступа.

Код состоит из восьми букв и цифр без неоднозначных символов. Администратор может создать или заменить PDF, открыть его для проверки, скачать либо отключить доступ. Файлы хранятся вне публичного web-каталога; содержимое персональных разборов в кейсе не публикуется.

05

Событие — самостоятельная сущность

Платформа работает не только с товарами: опубликованное мероприятие получает собственный URL и остаётся в архиве после завершения.

Пример из production

«7 центров силы»

Дата и время
19 апреля 2026 · 15:00
Место
Тольятти, Комзина, 6, гостиница «Парк Отель», White room
Стоимость
2500 ₽ · VIP-пакет 3000 ₽

На отдельной странице сохранены описание встречи и программа с персональным чакроанализом, подбором камней и созданием браслета.

Другой формат контента

«Матрица судьбы. Энергия реализации»

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

Кейс описывает мероприятия как функции платформы и не заменяет их актуальные страницы на сайте заказчика.

06

Сайт, которым заказчик может управлять самостоятельно

Административная панель повторяет логику проекта и не требует редактирования файлов или структуры хранилища.

Украшения

Название, категория, цена, камни, описание, характеристики, наличие, статус, порядок и фотография.

Мероприятия

Афиша и полная страница события управляются одной записью: содержание, дата, место, цены, места, галерея и SEO.

Отзывы и истории

Публикация контролируется статусами и точками показа; отзыв о мастер-классе может быть связан с конкретным событием.

Персональные разборы

Коды, активность и защищённые PDF управляются из отдельного раздела без публикации закрытых данных.

Страницы и медиа

Тексты, CTA, видимость блоков, фотографии и дополнительные контентные блоки сгруппированы по публичным страницам.

Заявки

Персональные заказы и заявки на события поступают с контекстом сценария и получают рабочий статус.

07

Контекстный переход в мессенджер и mobile-first UX

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

Telegram-ссылка формируется с типом сценария и идентификатором сущности. Карточки, формы, меню, изображения и CTA проверяются на мобильных экранах; имена, даты, телефоны и персональные коды нормализуются или валидируются без агрессивных масок, мешающих autofill. Анимации остаются умеренными, а для prefers-reduced-motion предусмотрен спокойный режим.

08

Что изменилось после запуска

Только то, что клиент может увидеть и проверить в повседневной работе.

01

Несколько направлений бизнеса объединены на одной площадке

02

Каталог и персональный заказ не смешиваются в одну воронку

03

Каждое опубликованное событие получает отдельную страницу

04

Персональные PDF доступны только по валидному коду

05

Заказчик управляет основным контентом через административный интерфейс

06

Платформа может развиваться без отдельного сайта под каждое новое направление

09

Разработка полного цикла — не только передача HTML

Бизнес-задача → анализ → архитектура → UX → дизайн → разработка → административная система → запуск → наблюдение → итерации.

Бизнес-задачаАнализАрхитектураUX и UIРазработкаАдмин-панельЗапускИтерации
10

Не сайт по шаблону, а решение вокруг бизнеса

MICA PLACE показывает клиентскую разработку цифрового продукта, тогда как help.zeadmin.ru — внутреннюю автоматизацию поддержки.

Команда отвечала за анализ задачи, архитектуру, UX, UI, разработку, административную часть, адаптивность, интеграционные сценарии, SEO-архитектуру и дальнейшие итерации. Вместе эти проекты демонстрируют единый контур: инфраструктура, автоматизация, интеграции и разработка.

11

Как убедились, что всё работает

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

12

Подтверждённый контур платформы

Показываем продуктовые части системы без персональных данных, закрытых материалов, учётных данных и вымышленных метрик роста.

Бизнес-задачаАрхитектураUX и UIВеб-платформаАдмин-панельTelegramЗащищённые PDF
14

Связанные услуги

Подробный состав, условия и стоимость направлений, использованных в проекте.

Связанная услуга

Разработка и сопровождение веб-систем

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

Подробнее об услуге →
Связанная услуга

Автоматизация бизнес-процессов

Разбираем ручной процесс, убираем лишние шаги и автоматизируем устойчивую схему: заявки, согласования, документы, уведомления, обработку файлов и контроль сроков. Интеграции, боты и AI подключаем как отдельные компоненты только там, где они дают измеримый эффект.

Подробнее об услуге →
Связанная услуга

Корпоративные порталы и внутренние системы

Разрабатываем порталы, личные кабинеты, системы заявок, согласований, документов и специализированные CRM. Начинаем с одного рабочего процесса и ролей, запускаем MVP, связываем его с 1С, сайтом и другими системами и затем развиваем по данным использования.

Подробнее об услуге →
Связанная услуга

IT-аудит

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

Подробнее об услуге →
Связанная услуга

Интеграция 1С, CRM, сайтов и API

Проектируем и внедряем управляемый обмен между системами компании. Связываем 1С, CRM, сайт, кассу, платёжные каналы и API, предусматриваем журнал, повторные попытки, уведомления и ручной сценарий на случай сбоя.

Подробнее об услуге →
Без сложного технического задания

Обсудить задачу

Напишите своими словами, что не работает или что нужно запустить. Сергей Кутрань уточнит необходимые детали и предложит понятный следующий шаг.