Кейс: Розробка інтернет-магазину преміальної моди Sourcez

Клієнт

Sourcez — преміальний fashion-ритейлер з Кіпру з жіночими та чоловічими колекціями провідних дизайнерів. Його сайт має поєднувати естетику luxury-бутика зі зручним онлайн-шопінгом і розрахований на міжнародну аудиторію.

Задачі

Для преміального бренду вітрина має відкриватися миттєво й виглядати бездоганно на будь-якому екрані. Sourcez вирішив запускатися у дві черги: спочатку швидка платформа-каталог, потім повноцінний онлайн-магазин у тому самому дизайні — без повторної роботи над інтерфейсом.

Аудиторія — жінки й чоловіки 25–45 років, які купують дизайнерський одяг, взуття та аксесуари, fashion-ентузіасти, постійні клієнти з профілем і списком вподобань, а також мобільні користувачі.

Швидкість вітрини: каталоги та сторінки брендів відкриваються без затримок.
Єдина дизайн-система: один набір компонентів для обох черг проєкту.
Зручність на телефоні: адаптив від 360 до 1920 px, встановлення сайту як застосунку.
Основа для продажів: підготовка картки товару, кошика й оформлення замовлення до релізу магазину.

Рішення

Структура вітрини. Спроєктували розділи жіночого й чоловічого одягу, новинок і дизайнерів, фільтри, сортування, пошук і сценарії від вітрини до кошика.
Дизайн-система на компонентах. Зібрали токени й компоненти на Radix UI і shadcn/ui з анімаціями Framer Motion, із точним відпрацюванням мобільної версії.
Каталог на Next.js. Серверний рендеринг і інкрементальне оновлення сторінок, дані каталогів, профілів і списків вподобань у Supabase, розміщення на edge-мережі Vercel.
Сайт як застосунок. PWA зі встановленням на телефон, роботою офлайн і кешуванням критичних ресурсів; пріоритетне завантаження медіа.
Друга черга на React. Перенесли той самий UI-кит і зверстали картку товару, кошик та оформлення замовлення для майбутнього релізу магазину.

Результати

+49% швидше TTFB завдяки серверному рендерингу на Vercel і HTTP/3.
PageSpeed 95+ на ключових шаблонах: каталог, сторінка бренду, картка товару.
Більше переглядів за сесію завдяки чистому інтерфейсу та швидкій навігації.
PWA: встановлення на телефон, офлайн-режим, кешування.
Дизайн-система готова до релізу магазину без дублювання робіт.

Технічна інформація

Платформа: Next.js 14.2.32 і React, Tailwind CSS, Radix UI, shadcn/ui, Framer Motion, хостинг на Vercel.
Інтеграції: Supabase і PostgreSQL (дані, авторизація, сховище), GA4, Google Tag Manager.

Кожен проєкт унікальний. Давайте прорахуємо ваш.

Залиште заявку — і отримаєте чіткий розрахунок вартості вже сьогодні.

Розрахувати мій проєкт