Кто клиент
Флористическая студия Festique из Майами с офлайн-точкой и доставкой по Флориде. Основатели — выходцы из Казахстана, запустили бизнес в США и сделали ставку на онлайн-продажи через сайт. Специализация — свежие букеты и аренда декора для свадеб и корпоративов.

Что не работало
Сайт на конструкторе тормозил до 8-10 секунд на десктопе, на мобильных — ещё медленнее. SEO-инвестиции сливались впустую из-за низких показателей в Google PageSpeed — поисковик не индексировал страницы или ранжировал в конце выдачи.

К чему хотели прийти
Быстрый лендинг с показателями Lighthouse выше 90, современный дизайн, резиновая адаптация под все устройства, возможность редактировать контент без разработчиков. Запуск за 4 недели с учётом дизайна.

Требования заказчика

• Лендинг с формой заявки на консультацию
• Lighthouse Performance не ниже 90
• Идеальная мобильная адаптация
• Админ-панель для редактирования товаров
• SEO-оптимизация из коробки
• Загрузка сайта до 2 секунд

Ограничения

• Жёсткий дедлайн: 2 недели на разработку после дизайна
• Фиксированный бюджет: под ключ без этапов согласований
• Большой объём фото на странице: каталог из 50+ композиций в высоком разрешении

Исследование и формулировка гипотез
Провели аудит старого сайта через Lighthouse — Performance 62. Главная проблема — тяжеловесные скрипты конструктора и изображения по 5-8 МБ без сжатия. Гипотеза: серверный рендеринг (SSR) на Next.js + автоматическая оптимизация контента даст прирост скорости в 4-5 раз. Риск: клиенту нужна админка, но времени на сложный CMS нет — решили через интеграцию с Airtable, где они уже вели учёт.

Дизайн и UX-паттерны
Дизайнер создал минималистичную концепцию с крупными фото букетов, нежными пастельными тонами и воздушными отступами — упор на эстетику без перегруза элементами. Прототипировали резиновую сетку под 320px (мобильные), 768px (планшеты) и 1920px (десктоп) — верстка растягивается плавно без брейкпоинтов. Добавили плавные анимации для ощущения динамики. На выходе — 12 экранов в Figma за 2 недели.

Разработка и интеграции
Реализовали frontend на Next.js 13 с App Router — каждая страница рендерится на сервере, HTML отдаётся браузеру готовым, что ускоряет First Contentful Paint до 0,8 сек. Разбили JavaScript на чанки через динамический импорт — код формы заявки грузится только при клике на кнопку "Заказать", а не при загрузке страницы. Backend на Nest.js + PostgreSQL для хранения заявок, каталог товаров подтягивается из Airtable через API — клиент редактирует товары в привычной таблице, изменения попадают на сайт за 10 секунд. Самая нетривиальная задача — автосжатие фото через Sharp: админ загружает PNG 10 МБ, backend конвертирует в WebP с отличным качеством и весом в 20-50 раз меньше.

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

• "Форма быстрой заявки" — всплывающая модалка с телефоном и комментарием, валидация в реальном времени, отправка в Telegram владельцу через бота
• "Фильтр по цене" — ползунок от $50 до $500, каталог перестраивается без перезагрузки страницы через серверные компоненты Next.js
• "Категории товаров" — букеты / композиции для дома / декор для мероприятий, переключение через табы с анимацией
• "Календарь аренды" — выбор дат для декора свадеб, занятые слоты выделены серым, интеграция с Google Calendar владельца
• "Админ-панель на Airtable" — владелец редактирует названия, цены, описания и загружает фото прямо в таблице, синхронизация с сайтом через webhook
• "Автосжатие фото" — загрузка PNG/JPEG до 20 МБ, backend конвертирует в WebP 200-300 КБ, генерирует превью для карточек, исходники хранит в S3
• "Галерея с лайтбоксом" — клик на букет открывает полноэкранный просмотр с зумом, пролистывание стрелками
• "SEO-метатеги" — автогенерация title/description для каждого товара на основе названия и категории, Open Graph для соцсетей

Результаты
Запустили сайт за 4 недели точно в дедлайн. Скорость выросла в 5 раз, SEO-показатели достигли максимальных значений.​
Дизайн и визуальная подачаУстаревший интерфейс конструктора заменили на минималистичный дизайн с крупными фото и воздушными отступами. Визуальная концепция теперь отражает позиционирование бренда.
​
Показатели производительности
Lighthouse Performance вырос с 62 до 99 баллов, Best Practices с 69 до 96, SEO — с 92 до 100 баллов. Время загрузки на 3G сократилось с 8-12 секунд до 1,8 секунды.
​
Адаптивность и управление
Резиновая верстка корректно работает на всех устройствах — от смартфонов до широких мониторов. Владелец редактирует каталог через Airtable за 2 минуты без обращения к разработчикам.
​
Что дальше: Возможные доработки — интеграция онлайн-оплаты и система лояльности.

Результаты

© ИП Журавленко Артем Николаевич
ОГРНИП 325911200053358
ИНН 027816447864

О ПРОЕКТЕ

Mini Apps
Web приложения
Кейсы
О нас

КОНТАКТЫ

г. Симферополь, ул. Екатерининская, д. 40, стр. 1, эт. 3, оф. 15
+7 960 495 60 61
info@unitech.team

ИНФОРМАЦИЯ

Политика конфиденциальности
Программа партнерства

Разработка сайта