Sumit
A transcription form with clear conditional steps and animated details.
A closer look.
A transcription form for Sumit with conditional form states, smooth transitions, and a black-and-yellow DNA graphic animation. The interface makes a multi-step submission flow feel cohesive and approachable.
- DISCIPLINES
- Interface Design // Web Development
- BUILT WITH
- HTML // CSS // JavaScript
- YEAR
- 2021
Project Gallery
A Conditional Form With a Cohesive Rhythm
Sumit's transcription form combines conditional states, smooth transitions, and a black-and-yellow DNA graphic animation. Built with HTML, CSS, and JavaScript, the interface gives a multi-step submission flow a recognizable visual identity and a connected progression.
The Challenge
A conditional form needs to reveal relevant questions without making the experience feel fragmented. The challenge is to connect changing form states through clear visual continuity, while giving the animated DNA detail a supporting role within the overall transcription submission interface.
The Approach
Organize the submission experience around conditional form states.
Use smooth transitions to connect changes within the flow.
Carry black-and-yellow styling into the animated DNA graphic.
The Deliverables
- A transcription form with a multi-step interface.
- Conditional states connected by smooth visual transitions.
- A DNA graphic animation built with web fundamentals.
The Outcome
The form presents its conditional steps as parts of one approachable experience. A consistent color direction and animated detail give the workflow character while keeping the submission flow at the center.