Making the AI’s draft easier to read, edit, and sign off on
muunai is a startup in Munich building an AI documentation tool for doctors. A doctor records a patient conversation, and the app generates a structured medical report for editing and finalization.
I was one of three designers on a two-month engagement. I owned the redesign of the report page, where doctors review what the AI produced, and the patient info page. I also built the component library that the product lacked.
Role
Timeline
Collaborators
Focus
Problem
My teammates ran task-based sessions with three medical students. Each student reviewed a generated report, edited it, changed its structure, and copied or sent it. Students stood in for doctors, partly because doctors were hard to schedule. None of them had seen the app before, which matched the first-run experience we were redesigning.
The eye icon looked like a privacy blur but hid empty sections.
One student hovered over every icon in the corner before choosing one.
Students were never told the report was AI generated, so Smart Edit options had no clear purpose.
Groundwork
I sketched two layouts, one with the report on the right and one with it in the center. The center version matched the founders’ vision for the product, so it became the wireframe. Recording sat on the left, the checklist on the right, and the report in between.
I explored Smart Edit as a collapsible toolbar above each section, so the options sat beside the text they changed. The founders preferred a dedicated right panel, which now opens from the section header. The checklist moved left to make room.
muunai had a palette and typography but no components. I gathered them into a style guide and defined states for icons and buttons. I then built the components the redesign relied on, including section headers, the Smart Edit panel, and form fields.
The Redesign
A doctor reviews the report, edits it, then finalizes it. The layout guides them through those steps from top to bottom.
Each section opens with a shaded header. A doctor can find the part they need without reading the whole report.
Smart Edit opens from the section a doctor wants to change. When closed, the report has the screen to itself.
Save and send became labeled actions at the end of the report. They sit where the doctor finishes reading.
