INA GMT+7 (00:00)

Product Design & Design Systems for AI and High-Growth SaaS

We help tech teams turn complex ideas into intuitive, scalable digital products. Engineered with AI-augmented workflows for 2x faster delivery—without compromising on research or WCAG AA accessibility.

Schedule a Strategy Call

GenDeck – AI-Powered Presentation Platform

How to reduce presentation creation time from 3-5 hours to minutes: GenDeck is a SaaS platform solving the non-designer problem (poor PowerPoint results). Design work delivered: 40+ component design system, 4-step template discovery flow (68% reduction from 12 steps), collaborative slide editor with real-time cursor tracking, and WCAG AA accessibility compliance. Measurable Results: 87% user satisfaction on onboarding, 10k+ monthly active users target, 100% WCAG AA compliant.

PRODUCT DESIGN DESKTOP APPS DESIGN SYSTEM
Role
Consulting & UI/UX Designer — responsible for end-to-end product experience, from template discovery to slide editor.
Tools
Figma (design system + high-fidelity). User research + accessibility audit (WCAG AA)
The Problem
Users are stuck with clunky templating tools (Canva, PowerPoint). They need an intuitive flow without compromising between speed and quality. Competitors focus on visual libraries but ignore onboarding friction.
What I Did

Template Discovery System

Redesigned template selection from 12-step wizard to 4-step contextual flow (role-based, industry-based filtering).


Collaborative Slide Editor

Built real-time collaborative interface with live cursor tracking, comment threads, and version history. Designed mobile-optimized editor (not just responsive — purpose-built for touch interactions).


Design System Implementation

Created 40+ reusable components (buttons, cards, inputs, modals) with consistent spacing grid (4px base), typography scale (12-32px), and color system (8 primary colors + semantic palette). Ensured WCAG AA compliance across all interactive elements

Impact
66% Onboarding Step Reduction. 40+ Reusabled Components System. WCAG AA Compliant
GenDeck template discovery interface with role-based and industry-based filtering system for presentation creation GenDeck collaborative slide editor interface with real-time cursor tracking and comment threads for team presentations GenDeck landing page showcasing mobile-optimized editor and design system with 40+ reusable components GenDeck design system component library with buttons, cards, modals following 4px spacing grid and typography scale GenDeck color system and typography scale defining 8 primary colors with semantic palette for consistency GenDeck accessibility audit results showing WCAG AA compliance across interactive elements

Condramo – Web3 Layer 2 Blockchain Landing Page Design

How to differentiate a Layer 2 blockchain platform in a crowded market: Condramo competes with Arbitrum and Optimism on technology parity but needed visual differentiation. Design solution: premium dark-mode landing page with teal/green accents, metric-first feature cards (6,753 TPS), and developer-focused messaging. Measurable Results: 42% improvement in conversion rate, metric visualization highlighting technical superiority, established premium brand positioning against 3 major competitors.

WEB3 DESIGN SYSTEM WEBSITE
Role
Design landing page strategy concept
Tools
Figma, HTML/CSS prototype, design system documentation
The Problem
Condramo's core technology—high-performance Layer 2 infrastructure—was technically solid but visually commoditized. Competing L2s all used similar messaging ("fast, scalable, decentralized"). The challenge: differentiate through design while explaining complex concepts to non-technical audiences (artists, creators) without oversimplifying for developers.
Approach

Landing Page Design

Designed a high-converting, premium dark-mode landing page positioning Condramo's Layer 2 infrastructure as the developer-first, high-performance alternative to Arbitrum and Optimism.


Design System for Technical Clarity

Dark palette (near-black + teal/green accents): Established trust, reduced cognitive load for dense content. Feature cards with metric-first layout: Used data visualization (6,753 TPS, 170,523,234,047 volume) instead of adjectives

Impact
Metric-Frist UX for Developers.
Condramo Layer 2 blockchain landing page with dark mode design and premium positioning against Arbitrum and Optimism Condramo technical architecture showing 6753 TPS throughput with dark palette teal accents for developer trust Condramo developer dashboard interface with metric-first feature cards and data visualization Condramo full-width landing page design system establishing dark palette with near-black and teal-green accents

Sotaque – Modern SaaS platform for language teachers

How to unify fragmented education tools into a single platform: Language teachers juggled Zoom, Google Classroom, WhatsApp, and email. Sotaque consolidates all workflows into one beautiful dashboard with course management, live classes, student tracking, materials library, assignments, real-time chat, and feedback. Design work: 8 core modules, warm/modern visual language, drag-and-drop interactions, emoji-based feedback. Measurable Results: 65% reduction in tool-switching, teacher activation rate improved from 34% to 72%, responsive web design supporting both desktop and mobile instruction.

PRODUCT DESIGN UI/UX DESIGN DESKTOP APPS DESIGN SYSTEM
Role
Lead UI/UX Designer (freelance commercial project)
Tools
Figma (design system + high-fidelity). User research + accessibility audit (WCAG AA). Notion for documentation
The Problem
Language teachers were spending more time managing tools than actually teaching. Students felt disconnected, assignment submissions were scattered, and course feedback was almost non-existent. The client needed a clean, professional platform that felt premium yet approachable — one that teachers would be proud to show their students and that students would actually enjoy using every day.
What I Did
  • Conducted stakeholder interviews and mapped user journeys for both teachers and students.
  • Designed a complete design system with a warm, modern visual language (soft coral accents, clean cards, generous whitespace).
  • Built the core classroom experience: Class Schedule calendar, Materials Library (video/audio/file), Student Track with submission cards, real-time Chat, Forums, and the milestone system.
  • Created the full onboarding flow — from “Register as English/French teacher” to profile setup with photo upload and milestone selection.
  • Designed key micro-interactions: assignment upload with drag-and-drop, emoji-based course feedback modal, and inline audio/video players.
  • Delivered responsive web designs + detailed component specs for the development team.
Impact
Unified 4 Legacy Tools into 1 Dashboard. Fully Responsive Web & Mobile UX.
Sotaque classroom interface with course management, schedule calendar, materials library, and student tracking Sotaque student tracking dashboard with assignment submission cards, milestone tracking, and real-time chat Sotaque onboarding flow with English/French teacher registration and profile setup with photo upload Sotaque materials library with video, audio, file uploads and drag-and-drop assignment interface Sotaque emoji-based course feedback modal and forums module replacing Zoom, Google Classroom, WhatsApp

Enterprise Design Systems & Token Architecture

Design Strategy For Products at Scale. Built on research, accessibility standards, and measurable outcomes.

Serious products require more than just aesthetics. We combine human-centered design strategy with AI-driven velocity to deliver pixel-perfect, accessible, and high-converting products.

01

Data & Behavior-Driven UX

We conduct deep user research and accessibility audits (WCAG AA) to ensure every user flow is logical, frictionless, and optimized for metrics that matter.

02

Design System & Token Architecture

We don't just deliver static screens. We build comprehensive, tokenized design systems in Figma that seamlessly transition into React, Next.js, or Tailwind code.

03

AI-Augmented Velocity

By integrating generative tools into our internal research and prototyping workflow, we eliminate guesswork and ship production-ready designs 2x faster than traditional agencies.

Our Expertise

CORE PRODUCT OFFERINGS

SaaS & Web Application Redesign Transforming complex enterprise workflows into intuitive user experiences.
Design System Architecture Modular, tokenized component libraries for scaling engineering teams.
Mobile & Desktop App Design Purpose-built, native-feeling experiences across iOS, Android, and Web.
MVP Product Sprints Fast-track product validation for AI, Fintech, and Web3 startups.

GROWTH & LAUNCH ASSETS

High-Converting Landing Pages Conversion-driven web design for product launches.
Investor Pitch Decks Storytelling & visual decks that help founders raise capital.
Brand Identity & Tokens Visual style guides built specifically for digital products.