Open to work I'm available for new UX design positions and projects — either remote/hybrid or located near Aarhus, Denmark.
How I can help Download resume Get in touch

KMD XForm Responsive Editor

The legacy form editor couldn’t handle responsive web design, putting the company at risk of falling behind.

Over the course of a few months, I designed a new in-browser technical editor with live previews, enabling consultants to rapidly deliver mobile-ready forms and stay competitive.

  • Tags

  • Product

    KMD XForm

  • Domain

    B2B SaaS — forms and self-service

  • Design task

    Technical editor for creating responsive web forms

  • My role

    Sole inhouse UX designer on small dev team

  • Years

    2014

Challenge

How could we offer clients responsive form solution tools with a short time-to-market? The previous version of the KMD XForm editor wasn't built for the age of responsive web design, where form layout automatically adapts to various screen sizes from smartphones to big desktop displays. To meet market and client demands, that is – in essence to ensure company relevance going forward – it was imperative to quickly develop a tool for creating responsive forms."

Process

In the course of a few months, I wireframed and prototyped designs for a completely new advanced code editor. During the entire process including implementation I worked closely with one of our a talented full-stack developers, with both of us contributing valuable ideas.

Outcome

A powerful in-browser form code editor with a visual live preview helping our consultants quickly and easily deliver responsive form solutions to clients.

The final KMD XForm Responsive Editor design with the ability to edit source code HTML, CSS and JavaScript while live previewing the resulting form on the right.
The final KMD XForm Responsive Editor design with the ability to edit source code HTML, CSS and JavaScript while live previewing the resulting form on the right.
One of the very first Balsamiq sketches with multiple full-height panels.
One of the very first Balsamiq sketches with multiple full-height panels.
Further explorations of a design split into panes.
Further explorations of a design split into panes.
A rough HTML prototype of a three pane design.
A rough HTML prototype of a three pane design.
Open to work I'm available for new UX design positions and projects — either remote/hybrid or located near Aarhus, Denmark.
How I can help Download resume Get in touch

Related cases

View all portfolio entries