Перейти до вмісту

Лендинги · Sutara (Швейцарія)

Лендинг швейцарського nutraceutical-бренду 1:1 з макета: кейс Sutara

Лендинг преміального швейцарського бренду добавок, зібраний 1:1 з Figma

Nutraceuticals · преміальні швейцарські добавки, ринок Європи
НішаNutraceuticals · преміальні швейцарські добавки, ринок Європи
РоботаЛендинг преміального швейцарського бренду добавок, зібраний 1:1 з Figma
ОбсягПовноекранний перший екран · блок «Про бренд» · продуктовий блок SG7 від Sefira Sport · Sport Night Recovery · сімейні вітаміни Sefira · форма звернення · підвал із двома брендами й підпискою · окрема мобільна ітерація · повне вимкнення анімації за налаштуванням системи
Строклендинг під ключ
СтекVite / React 19 / TypeScript / Tailwind CSS v4 / motion
Рік2026
01

ВИКЛИК

Що мав вирішити проєкт.

Виробник добавок продає довіру раніше, ніж продукт. Покупець дивиться, звідки сировина, хто стоїть за брендом і чи це взагалі справжня швейцарська компанія. У бренда був готовий макет у Figma і не було сайту, тому все це лишалося картинкою, яку не бачить ні Google, ні потенційний партнер. Додаткова складність: під одним дахом два бренди, Sutara і Sefira Sport з продуктом SG7, і обидва мали поміститися на одну сторінку, не перетворивши її на каталог.

02

РІШЕННЯ

Що побудували й навіщо.

Зібрали лендинг точно за макетом, без власних трактувань: це була вимога клієнта, а дизайн затвердили й зафіксували до першого рядка коду. Кольори й розміри брали прямо з Figma, а не на око, тому фірмовий зелений на сайті той самий, що в брендбуці. Анімація тільки при наведенні та при прокрутці, і вона повністю вимикається для тих, хто попросив систему прибрати рух. Мобільну версію робили окремою ітерацією, а не стиснутим десктопом. Пізніше сторінка доросла ще на два блоки: Sport Night Recovery і сімейні вітаміни Sefira.

МАТЕРІАЛИ ПРОЄКТУ

Екрани та взаємодія, а не слова про концепт.

Відкривайте кадри на весь екран. Гортайте стрілками клавіатури або свайпом.

03 · РЕЗУЛЬТАТ

Що змінилося після запуску.

Сайт живе на швейцарському домені sutarahealth.ch англійською. Збірка важить 135 КБ у gzip, тому сторінка відкривається швидко навіть із телефона. Дизайн пройшов три ітерації до згоди клієнта. Пошукові роботи AI, зокрема GPTBot і OAI-SearchBot, уже читають карту сайту.

0111

Секцій на сторінці

02135 КБ gzip

Вага збірки

033

Ітерацій дизайну

041:1

Відповідність макету

ОБГОВОРИТИ САЙТ

Маєте ідею продукту або нового сайту?

Опишіть функціонал, аудиторію та результат, який хочете отримати. Допоможемо сформувати структуру, етапи розробки та реалістичний формат запуску.

  • Відповідь протягом робочого дня
  • Чіткий перший етап
Повернутися до всіх кейсів