максим/ разработчик
Все работы

PULSE

SaaS-сервис

Технологичный SaaS: встроенный интерфейс, вкладки, счётчики и выбор интеграций.

Открыть демо
Тип проекта
SaaS-сервис
Моя роль
Концепция и frontend-разработка
Реализованный стек
Next.js / React / TypeScript
Статус
Concept Project
Desktop: PULSE, SaaS-сервис
Объём работы

Concept Project. Метрики и AI-подсказки демонстрационные. Реальные интеграции, AI, API и аккаунты не подключены.

Задача

Собрать главную аналитического продукта с работающим превью непосредственно в первом экране.

Проблема

Нужно показать продукт и его данные без привычной схемы с заголовком по центру и скриншотом снизу.

Решение

Вертикальная типографика рядом с повёрнутой панелью приложения, плавающие уведомления и контрастные лаймовые метрики на тёмном фоне.

Функциональность

  • Три вкладки данных
  • Анимированные счётчики
  • Столбчатая визуализация активности
  • Переключение демонстрационных интеграций
  • Секция workflow

Процесс разработки

  1. 01

    Выбрана тёмная палитра с лаймом и лавандой.

  2. 02

    Собрана диагональная продуктовая композиция.

  3. 03

    Добавлены вкладки и локальные состояния интеграций.

Мобильная
версия.

На небольшом экране меняются сетка и навигация. Ниже - скриншот страницы на телефоне шириной 390 пикселей.

Попробовать интерфейс
Mobile: адаптивный интерфейс PULSE на экране 390 пикселей

Что получилось

Создана экспериментальная главная SaaS с интерактивным превью на локальных данных.

Обсудить похожий проект
STUDIO / 09Сервис онлайн-записи