Back to Kontent.ai Projects
🔐
💻 Vibecoding

MFA Self-Service

Kontent.ai

Multi-factor authentication management for enterprise users – the first project where a designer built the entire frontend, establishing the "designer owns frontend" model at Kontent.ai.

MFA Self-Service

🎯 The Challenge

Enterprise users need secure multi-factor authentication management, but traditional handoff between design and development creates delays and friction in delivering this critical security feature.

💻 Significance

This project established the "designer owns frontend" model at Kontent.ai – instead of traditional handoff, I designed AND built the complete frontend while developers handled backend infrastructure. This was a pilot project that proved designers can own frontend delivery with AI assistance.

MFA Setup Flow
MFA setup and management interface
MFA Configuration
Multi-factor authentication configuration screen
MFA Success State
Success state after MFA configuration

🎨 Design Contributions

Designed the complete MFA experience from setup to management.

  • Designed complete MFA setup and management flows
  • Created state management UI (enabled/disabled/enforced states)
  • Designed success notifications and error handling
  • Conducted usability testing revealing terminology issues

🔬 Research Insights

Usability testing revealed important findings that improved the final design.

  • Users confused by "Disabled" label – unclear if it meant "currently off" or "not available"
  • Need for clearer visual feedback during setup process
  • Collaborated with copywriters on improved state label terminology

💻 Frontend Implementation

Built the entire frontend as a designer, establishing a new workflow model.

  • Built entire frontend as a designer while devs handled backend
  • Used AI coding tools (Cursor, Claude Code) with dev buddy support
  • Established workflow that became standard for subsequent projects
  • Proved designers can own frontend delivery with AI assistance

🌊 Impact

This project validated the designer-developer model that became standard practice at Kontent.ai, dramatically reducing handoff friction and enabling faster iteration cycles.

Vlado Krejci | Senior Product Designer