← Назад
MUHOMOR-01BOUTIQUE E-COMMERCE
EDITORIAL LUXURY17KB SHELLPAYLOAD CMS
MUHOMOR-01

Muhomor — Цветочный бутик

Luxury e-commerce для авторского цветочного ателье с editorial-визуалом

17 КБSHELLНачальный JS-шелл
340МСDCLDOMContentLoaded
537МСLOADПолная загрузка
muhomor39.ru
Muhomor — Цветочный бутик — muhomor39.ru
Задача

Muhomor — авторское цветочное ателье в Калининграде. Продукт: сезонные букеты ручной работы класса «люкс», цена выше рынка. Позиционирование — не магазин цветов, а editorial art-объект. Задача: тяжёлые editorial-фотографии + молниеносная загрузка + каталог, который хозяин ателье обновляет сам.

01

Задача

Люксовый продукт требует визуального веса — полноэкранные фотографии, выверенные отступы, минимум лишних элементов. При этом целевая аудитория заходит с мобильного перед праздником — ждать 4 секунды никто не будет. Нужно было примирить editorial-эстетику с перфоманс-бюджетом < 100 КБ.

02

Решение

Архитектура «тонкий шелл + прогрессивная загрузка»: первый экран отдаётся 17 КБ JS, всё остальное подгружается по мере скролла. Payload CMS headless — структурированный каталог с позициями, ценами и фотографиями; хозяин добавляет букет за 2 минуты. Все изображения пережаты до WebP с прогрессивным LQIP-превью (blur placeholder на время загрузки).

03

Результат

Начальный JS-шелл 17 КБ — меньше, чем большинство иконок. DCL 340 мс, полная загрузка с фотографиями 537 мс. Lighthouse Performance 99. Владелец самостоятельно управляет каталогом: сезонные позиции меняются каждую неделю без участия разработчика.

Измеримые результаты
JS-шелл 17 КБ — меньше среднего PNG-изображения
DCL 340 мс при тяжёлом editorial-визуале
Lighthouse Performance 99 / 100
Каталог из 40+ позиций управляется без кода
Время до первого контента < 600 мс
Стек
Next.js 14Payload CMS 3Docker / NginxTypeScriptSCSS Modules
Следующий проект

Нужен похожий результат?

[ Начать проект ]