01
One step at a time
The flow is divided so visitors can focus only on the decision in front of them.
Aurora Clinic
An appointment journey designed to feel reassuring.
Aurora Clinic shows how a service decision can be organised into clear steps, reducing uncertainty and avoiding too many choices at once.
More than the finished interface, this tour looks at the decisions that shaped the experience.
The challenge
Appointment journeys can become confusing when they reveal too much at once, do not make the next step clear or offer no way to review a choice.
The objective
The experience is designed to guide a choice calmly, without hiding what happens at each stage.
- Make the choice progressive
- Show one step at a time
- Prevent errors before confirmation
- Create clarity and confidence
- Work well on mobile devices
- Support keyboard navigation
The user journey
The flow breaks the decision into a short sequence, with room to check and adjust before finishing.
Choose a specialty
Select a time
Review the choice
Confirm the demo
Key decisions
Each part of the journey reduces uncertainty without making the experience feel heavy.
02
Validation before moving on
Each step checks for a valid choice before making the next one available.
03
Review before confirmation
The final summary lets visitors check the information and go back to make a correction.
04
A transparent confirmation
The interface clearly explains that no real appointment has been made.
What happens behind the interface
The interface keeps each choice in place as the visitor moves through the steps, controls when they can continue and updates the summary automatically.
An accessible three-step appointment journey.
Accessibility and experience
Choices are organised so the experience is understandable and usable by different people and navigation methods.
- Understandable fields
- Keyboard navigation
- A visible focus state
- Clear error messages
- A logical order
- Feedback after every action
Responsive design
On mobile, the journey keeps generous controls, comfortable reading and one step at a time. On larger screens, the same structure gains more breathing room without changing the decision path.
What this demonstrates
The concept values a direct, considered experience from the first choice through to the simulated confirmation.
- A clear journey
- Consistent validation
- Immediate feedback
- A responsive interface
- Attention to accessibility
- An experience with no data storage
The standard behind this project
The demo follows principles that make a digital experience more useful, trustworthy and comfortable to use.
- A clear experience
- Works across screen sizes
- Keyboard navigation
- Feedback after actions
- Localised content
- Predictable behaviour
- No unnecessary complexity
- Clear boundaries for the demo
Technical details
Implementation in focus
- The interactive flow is isolated from the rest of the page, so it loads only where interaction is needed.
- Specialty and time choices remain only for the current visit and update the summary locally.
- The controls use native selection fields, associated labels and visible focus states.
- Each language is kept in dedicated content files, with equivalent routes for the demo.
What this demo does not do
The boundaries are made clear so the experience stays honest about what it demonstrates.
- Does not access a real calendar
- Does not show real professionals
- Does not display prices
- Does not confirm appointments
- Does not send or store data
View the project
Explore the full journey and try the specialty, time and review choices for yourself.
View projectNext project
Continue to the next concept to see how the same care for the experience adapts to another business context.
Explore next project: Três Grãos