Кейс SaaS · AI-продукт

Gemini Notes — UX-архитектура AI-бота для заметок

Приложение-бот, которое собирает, классифицирует и структурирует заметки из Telegram. Я отвечал за UX-архитектуру, пользовательские сценарии, структуру данных и визуальное единство Web-версии и Mini-App-интерфейса.

  • Роль: UX-дизайн, UI-система, прототипирование
  • Инструменты: Figma, Telegram WebApp API, AI-Prompt Flow
  • Формат: собственный продукт, MVP-релиз
Смотреть итог

Роль и контекст

  • Разрабатывал продукт с нуля — от пользовательских сценариев до финальной логики интерфейсов.
  • Задача: сделать привычный формат «избранного» в Telegram интеллектуальным и удобным инструментом для структурирования личных заметок.
  • Фокус: UX-простота, предсказуемые паттерны, минимум трения и когнитивной нагрузки при частом использовании.

UX-архитектура

  • Разделил сценарии на три ядра: «добавить заметку», «просмотреть / отредактировать», «поиск / фильтры».
  • Проработал маппинг между Telegram-ботом, WebApp и сервером — чтобы пользователь не терял контекст между платформами.
  • Минимизировал шаги: одна команда = одно действие (добавить скриншот, голос, текст и сразу классификация AI).
  • Формат заметок унифицирован — карточная система с тегами, категориями и исходным контентом (“оригинал из Telegram”).
До — обычное «Избранное» в Telegram
Интерфейс Telegram Избранное
После — AI-структурирование в Gemini Notes Web-App
Интерфейс Gemini Notes Web-App

UI-решения

Карточная структура заметок

Каждая заметка имеет компактную карточку с категориями, тегами и оригиналом сообщения. Визуально нейтральный тёмный UI — без отвлекающих акцентов, фокус на тексте и тегах.

Интерфейс карточек заметок в Gemini Notes Web-App

Единая визуальная система

Создан набор токенов (цвета, шрифты, состояния) и сетка для Telegram WebApp и Desktop-версии. Адаптивность без потери иерархии: карточки читаются одинаково в боте и на вебе.

UI-система и визуальные токены Gemini Notes Web-App

Результат

Продукт показал, что сложные AI-сценарии могут быть простыми для пользователя. Навигация стала прозрачной, структура — предсказуемой, интерфейс — консистентным. Приложение воспринимается не как «бот», а как личный помощник, понимающий контекст.