SaaS · Продукт · 2024Концепт-проект

Премиум SaaS-платформа

Концепт продуктового сайта B2B-SaaS уровня Linear/Vercel — дизайн-система, маркетинг и кабинет в едином языке.

Бриф

  • КлиентКонцепт-проект
  • КатегорияSaaS · Продукт
  • Год2024
  • РольПродуктовый дизайн · Фронтенд · Бэкенд
  • Сроки~6 недель
  • СтекNext.js · tRPC · PostgreSQL · Stripe

Описание

Продуктовый сайт и панель управления для B2B-SaaS: от маркетинговой страницы до биллинга и аналитики.

Спроектировать дизайн-систему, которая одинаково работает на маркетинговой странице и в продуктовом кабинете — единый язык, разный контекст.

Процесс

Как мы работали

01
1

Продукт

Пользовательские сценарии, информационная архитектура, ключевые метрики продукта.

02
2

Дизайн-система

Токены, компоненты, темы, 80+ состояний на основе ShadCN.

03
3

Разработка

Монорепозиторий, tRPC, Prisma, CI/CD, сквозные тесты на Playwright.

04
4

Запуск

Лендинг, SEO-разметка, интеграция Stripe и аналитики.

Результат

Подход и метрики

Концепт показывает связку между продуктом и маркетингом: единая дизайн-система с 80+ состояниями компонентов, монорепозиторий, типобезопасный API через tRPC, готовая к продакшну подложка под MVP.

80+ компонентов
Дизайн-система
Монорепо + tRPC
Архитектура
Концепт
Тип