Case Study

veltrix-logo

Nesoi.ai

AI-Powered Interactive Course Builder

Under Development

image1

Client

Nesoi.ai

Duration

2 Weeks

Role

End-to-end UI/UX Design

Platform Type

Web Application (Internal Tool)

Scope

UX Strategy, UI Design

Project Summary

Omega Suite is a next-gen investing platform that merges daily AI-powered insights, simplified financial education, and intuitive trading tools — all under one roof. Built for first-time investors to finance-savvy users, this platform reflects a bold vision: to make financial intelligence beautiful, accessible, and deeply personal.

We were brought on to define and design the product from scratch — from onboarding to AI interactions to trading insights — while ensuring a visually premium, intuitive, and modern experience.
image1

Project Goals

  • Design an intuitive, AI-assisted interface for creating video-based courses
  • Enable structured transcript writing with AI augmentation
  • Build modular chapters that can be reordered, customized, and previewed
  • Allow template selection, tone adjustment, and strict narration control
  • Lay groundwork for knowledge base and personalization modules

Discovery Insights

We aligned closely with the client to understand their goal:

“To make internal knowledge sharing as powerful as storytelling.”

    Key insights:

  • Authors needed to create courses quickly, often non-designers
  • Visual consistency and narrative control were both priorities
  • AI needed to assist — not replace — human control
  • UI should feel like a creative tool, not a developer console

Information Architecture

  • Course Title + Setup
  • Transcript Section (AI-enhanced)
  • Chapter Thumbnails + Reordering
  • AI Prompt Area (Tone, Persona, Visual Help)
  • Template Selector
  • Personalization (e.g., Welcome video, Knowledge Base feed)

Key UX Features

Two-Way Tiptap Editor Sync:

JSON + UI remained perfectly in sync — ensuring live updates and content structure integrity

AI Prompt Panel:

Control voice tone, visual type, and narration strictness (e.g., "repeat exactly")

Drag-and-Drop Chapters:

Each chapter behaves like a Lego block — easy to move, duplicate, or delete

Custom Template Picker:

Choose from visual presets or create from scratch

Knowledge Base Input:

AI learns from what the company feeds it — foundational for personalization

image1

Visual Design Direction

  • Soft gradients and rounded containers to feel lightweight
  • Creator-first layout: sidebar for structure, center for focus
  • Modular card system for chapters with tooltips and AI hints
  • Theme adaptable for future white-labeling or enterprise theming

Outcome

The design and module were successfully handed off with pixel-perfect frontend logic in place. Nesoi is continuing internal development and integration — our contribution now forms the core of their course-building engine.

Despite confidentiality limits, the project reflects our ability to combine UX clarity, AI context-awareness, and frontend precision in a lean engagement.

goat developer stars - goat devs - goat dev - g.o.a.t. development

Build Your AI Product with Us

Looking to design an intelligent dashboard or workflow?

We help startups and teams turn complex tools into clear, usable products.