Редактор документов с базой знаний: 23 блока, 140 адаптированных экранов для Mobile и версионирование

Редактор документов с базой знаний: 23 блока, 140 адаптированных экранов для Mobile и версионирование

Контекст

Weeek - Российский аналог Clickup, Asana и Notion или же B2B SaaS-платформа для управления задачами, проектами и командами, с базой знаний, CRM и аналитикой. 968 000+ пользователей, 30 000+ активных команд

Задача

Спроектировать и запустить в прод раздел «База знаний» с блочным редактором (прямо как в Notion) встроенный в проекты и задачи Weeek. Важно было обеспечить кроссплатформенный UX в iOS и Android через WebView и проектировать новые сценарии, не сбивая релизы

Команда

1 дизайнер, CEO

Моя роль

Продуктовый дизайнер

Фичи

  • Блочный редактор — набор блоков, чтобы документ можно было собирать как конструктор

  • Кроссплатформенность через WebView — единые паттерны и поведение в iOS/Android: клавиатура, фокус, скролл, панели действий, контекстные меню, практически все markdown блоки из Web и правила форматирования

  • Совместное редактирование

  • История версий и откат

  • 15+ ключевых сценариев редактора — создание/редактирование/просмотр, вставка и преобразования, контекстные действия, состояния загрузки/ошибок, работа с длинными документами

  • Документы внутри проектов и задач — отдельный раздел в другом разделе, те же документы только привязанные к контексту проекта, а не “вики” формату

❇️ Результат

Запустил в прод базу знаний как отдельное направление в тарифной сетке Weeek: команды получили место, где можно хранить и вести документацию. Благодаря базе знаний сервис был успешно внедрён в стратегическом направлении — в 20+ крупных российских университетов


Также заложил основу для масштабирования редактора через расширяемую блочную модель, обеспечил единый UX на iOS и Android через WebView (что позволило сократить время проектирования/разработки в 2 раза вместо создания двух отдельных нативных решений) и добавил безопасные правки через историю версий и откат

🤓 Выводы

За время работы над проектом я существенно прокачал навыки в области документации и текстовых редакторов. У продукта уже были сильные конкуренты, поэтому их постоянный анализ, даже без исследований, закрепил у меня множество передовых практик. Именно они помогают создавать решения, которые команды с гигабайтами документации выберут для ведения базы знаний в Weeek как российской платформе

Create a free website with Framer, the website builder loved by startups, designers and agencies.