SoWhite: Стратегія та ТЗ для e-commerce

SoWhite: Стратегія нового сайту

Аналіз конкурентів, архітектура для SEO та технічне завдання для дизайнера на основі наданих даних.

1. Аналіз конкурентів у ніші Oral Care

Базуючись на вашому списку, конкурентів можна умовно поділити на три ешелони. Для успішного позиціонування SoWhite потрібно орієнтуватися на лідерів у візуальній подачі (DTC-бренди) та медичній довірі.

🏆 Титани ринку

Crest, Supersmile.
Переваги: Величезна довіра, наукова база. Дизайн часто консервативний. На них дивимось для розуміння структури подачі медичної інформації.

🚀 DTC-лідери (Ваш орієнтир)

HiSmile, SNOW, Quip.
Переваги: Потужний маркетинг, інфлюенсери, ідеальний UI/UX, підписки. Дизайн сучасний, яскравий. Сайт SoWhite має перевершувати їх локально.

🌟 Нішеві/Натуральні

Lumineux, somethingnice.
Переваги: Фокус на еко/швидкості. Дизайн "чистий", мінімалістичний. Гарний референс для позиціонування "без болю/натурально".

Оцінка ключових характеристик лідерів для запозичення UX-патернів (оцінка умовна для візуалізації пріоритетів).

2. Структура сайту (Sitemap) для SEO

Дерево сайту має бути "плоским" (користувач і пошуковий робот дістаються сторінки за 2-3 кліки). Структура розроблена з урахуванням вашого брифа.

Головна сторінка (index)
↓
Каталог
Категорія 1
Категорія 2
...Категорія 5
Картка Товару
Інформація
Екосистема
Про нас
Співпраця
FAQ
SEO Блог
Стаття 1
Стаття 2
Основа для органки
Кошик/Оплата
Cart Drawer
Checkout
Сторінка "Дякую"
Службові
Доставка/Оплата
Обмін/Поверн.
Оферта / Privacy

3. Технічне завдання (ТЗ) для дизайнера

Список обов'язкових UX/UI блоків для ключових сторінок. Дизайнер має малювати Mobile First (спочатку мобільна версія, потім десктоп).

🏠 Головна сторінка

  • 1
    Hero блок: Яскравий банер з основним продуктом (або відео на фоні), заголовок (УТП), кнопка "В каталог" / "Купити екосистему".
  • 2
    Стрічка довіри: Логотипи видань (якщо є), або плашки "Рекомендовано стоматологами", "X тисяч клієнтів".
  • 3
    Категорії товарів: Картки з гарними фото 5 розділів (смужки, пасти, щітки тощо).
  • 4
    Блок "Екосистема": Візуальний тизер того, як продукти працюють разом. Кнопка "Дізнатись більше".
  • 5
    Бестселери: Свайпер з 3-4 топовими товарами. Обов'язково плашки знижок (-20%) та рейтинг (зірочки).
  • 6
    Social Proof (UGC): Блок з Instagram, фото/відео відгуки реальних людей ДО/ПІСЛЯ.

🛒 Картка товару (Розширена)

  • 1
    Галерея (Ліворуч): Мінімум 4-5 фото. Товар, макро текстури, товар у використанні, результати до/після.
  • 2
    Інфо (Праворуч): Назва (Н1 для SEO), зірочки відгуків, ціна (стара закреслена/нова), вибір варіанту (смак/кількість).
  • 3
    Кнопка "Купити": Велика, контрастна. Порада: при скролі вниз кнопка має "прилипати" до низу екрану (Sticky Add to Cart).
  • 4
    Блок "Переваги/Склад": Текст розкривається "акордеоном". Обов'язково візуалізувати активні інгредієнти іконками.
  • 5
    Cross-sell: Блок "З цим купують" (доповнення до екосистеми).
  • 6
    Відгуки: Можливість читати і залишати відгуки.

🔄 Сторінка "Екосистема" (Ключова фішка бренду)

Ця сторінка має пояснювати філософію SoWhite. Це не просто магазин, це рутина догляду.

☀️
Крок 1: Ранок

Опис ранкової рутини (паста + щітка).

🍊
Крок 2: Вдень

Догляд після їжі (ополіскувач / флосс).

🌙
Крок 3: Вечір

Основне відбілювання (смужки/капи).

😍
Результат

Підтримка білизни. Кнопка "Купити сет".

4. Фідбек по КП програміста та рекомендації щодо SEO

Аналіз комерційної пропозиції від DASHLY STUDIO (Vercel, Railway, SalesDrive) на $1500.

Технічний стек (Vercel + Railway)

Це сучасний стек (ймовірно Next.js або React). Він забезпечує дуже швидку загрузку сторінок, що ідеально для SEO. Але є важливий нюанс:

  • Кастомна CMS: Оскільки бекенд пишеться з нуля (Railway), вам обов'язково треба проконтролювати, щоб в адмінці були поля для SEO-спеціаліста: Title, Description, H1, можливість прописувати Alt-теги для фото, генерація Sitemap.xml, редагування URL (ЧПУ).
  • Ціна: $1500 за такий кастомний стек — це дуже дешево (зазвичай такі сайти коштують від $3000). Переконайтеся, що це не шаблонна збірка, і вони реалізують дизайн, який намалює ваш дизайнер, "піксель-в-піксель".

Функціонал та Маркетинг

  • Покинутий кошик: В брифі ви вказали збереження кошика. Переконайтеся, що SalesDrive зможе відправляти email/sms клієнтам, які залишили товари в кошику (це повертає до 15% продажів).
  • Колесо фортуни (+$100): Чудова ідея для збору email-бази. Рекомендую погоджуватись.
  • Швидкість: Специфіка Vercel в тому, що картинки мають бути оптимізовані (Next/Image). Пропишіть в ТЗ програмістам вимогу: Google PageSpeed > 85 балів для мобільної версії.
  • Блог: Для SEO вам конче потрібен блог. В адмінці має бути зручний редактор тексту (з можливістю додавати заголовки H2/H3, фото в текст, списки).