Skip to content

Landing pages · Sutara (Швейцарія)

Sutara: a Swiss nutraceutical landing built 1:1 from the design file

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

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

CHALLENGE

What the project had to solve.

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

02

SOLUTION

What we built and why.

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

PROJECT MATERIALS

Screens and interactions, not mock claims.

Open the images full screen. Use arrow keys or swipe to move through the gallery.

03 · RESULT

What changed after the launch.

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

0111

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

02135 КБ gzip

Вага збірки

033

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

041:1

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

DISCUSS A WEBSITE

Have an idea for a product or a new website?

Describe the functionality, audience, and result you want. We will help shape the structure, development stages, and a realistic launch format.

  • A reply within one business day
  • A focused first step
Back to all cases

Choose the format that is easier for you. The contact page lets you leave the task in writing; booking lets you pick the time yourself.

Leave a taskBook a time