Dima Markus

Front-end engineer and product designer

Case study2022-presentApr 14, 2026

TruAgents

Co-founding and building an AI-native customer engagement platform, owning product design and the full front-end from concept through launch.

Industry

AICustomer engagementRegulated software

Tech stack

Next.jsTypeScriptReactGraphQLTailwind CSS

TruAgents

Overview

TruAgents is an AI-native customer engagement platform built for teams that need personal customer communications at scale. The product spans email, SMS, and voice, with workflow, guardrail, and conversation-history surfaces designed to make AI-assisted outreach feel useful, controlled, and production-ready.

I co-founded the company and owned the product design and entire front-end. That meant moving between product strategy, UX, information architecture, component design, front-end architecture, and launch execution without handing the hard parts off to someone else.

What made it hard

  • Greenfield product with no existing UI system or product constraints to inherit
  • AI behavior had to feel powerful without feeling unpredictable
  • Trust-sensitive and regulated use cases demanded clarity, guardrails, and operator confidence
  • The product and marketing surfaces both needed to evolve quickly as the company sharpened its positioning

What I owned

  • Product design for core workflows, navigation, page structure, and interaction patterns
  • Front-end architecture in TypeScript, React, Next.js, and GraphQL
  • Reusable component patterns and design-system decisions that reduced duplicated work
  • Rapid prototyping with the CEO to turn product ideas into testable flows and shipped features
  • Marketing pages and supporting web properties as the product story matured

Key decisions

Make complex AI workflows feel operable

Instead of presenting the product like a black-box AI demo, I focused the interface on operator confidence. The UI needed clear workflow states, understandable controls, and review surfaces that made personalization, channel selection, and launch decisions feel manageable.

Build a reusable UI foundation early

Being the only front-end engineer meant every shortcut would become expensive later. I built reusable React components and system patterns early so the app and marketing surfaces could evolve without rewriting the same interface decisions over and over.

Use design to accelerate engineering

Because I owned both sides, I could move directly from product idea to prototype to production UI. That cut handoff time, made edge cases visible earlier, and let us make faster decisions without losing quality.

Outcomes

  • Supported millions of personalized interactions across diverse user groups
  • Shipped two major product versions
  • Reduced development time by roughly 30% through reusable components, design-system thinking, and tighter design-to-code loops
  • Accelerated delivery by more than 6 months through strong framework choices and pragmatic implementation decisions
  • Improved page-performance metrics by roughly 30% through focused front-end optimization

Why it matters

TruAgents is the clearest example of how I work at my best: founder-level ownership, product design depth, and hands-on front-end execution in the same project. It is also the project that most directly reflects the kind of senior and staff front-end work I want to keep doing, where UI quality, architecture, and product judgment all matter at the same time.