Fielmann Sight-Check App
Designed a concept for an app to guide users through the app setup of an eyesight check.
Date
2023
Role
UX Design & Prototyping
Client
Fielmann AG
Situation
Fielmann was exploring a digital eyesight check — an app that lets users test their vision from home. But before any test can deliver reliable results, users need to complete a precise setup: positioning their phone at the correct distance, aligning it properly, and ensuring adequate lighting conditions.
This setup phase is deceptively tricky. Users aren't in a controlled clinical environment — they're in their living room, possibly unsure how far away to stand or whether their lighting is good enough. If the setup fails, the test results are unreliable, and the entire experience loses credibility. The challenge was to design a guided flow that makes this technically demanding setup feel effortless and intuitive.
Situation
Fielmann was exploring a digital eyesight check — an app that lets users test their vision from home. But before any test can deliver reliable results, users need to complete a precise setup: positioning their phone at the correct distance, aligning it properly, and ensuring adequate lighting conditions.
This setup phase is deceptively tricky. Users aren't in a controlled clinical environment — they're in their living room, possibly unsure how far away to stand or whether their lighting is good enough. If the setup fails, the test results are unreliable, and the entire experience loses credibility. The challenge was to design a guided flow that makes this technically demanding setup feel effortless and intuitive.
Situation
Fielmann was exploring a digital eyesight check — an app that lets users test their vision from home. But before any test can deliver reliable results, users need to complete a precise setup: positioning their phone at the correct distance, aligning it properly, and ensuring adequate lighting conditions.
This setup phase is deceptively tricky. Users aren't in a controlled clinical environment — they're in their living room, possibly unsure how far away to stand or whether their lighting is good enough. If the setup fails, the test results are unreliable, and the entire experience loses credibility. The challenge was to design a guided flow that makes this technically demanding setup feel effortless and intuitive.
Task
As the UX designer on this project, I was responsible for:
User flow design: Creating a step-by-step guided flow that walks users through device alignment, distance positioning, and lighting checks — clearly and without friction.
Prototyping: Building interactive Figma prototypes that could simulate the full setup experience, including voice prompts and real-time feedback.
Usability validation: Partnering with a UX researcher to plan and conduct usability testing, using the prototypes to uncover problems and refine the experience.
Iterative refinement: Translating test findings into concrete design improvements across multiple rounds.
Task
As the UX designer on this project, I was responsible for:
User flow design: Creating a step-by-step guided flow that walks users through device alignment, distance positioning, and lighting checks — clearly and without friction.
Prototyping: Building interactive Figma prototypes that could simulate the full setup experience, including voice prompts and real-time feedback.
Usability validation: Partnering with a UX researcher to plan and conduct usability testing, using the prototypes to uncover problems and refine the experience.
Iterative refinement: Translating test findings into concrete design improvements across multiple rounds.
Task
As the UX designer on this project, I was responsible for:
User flow design: Creating a step-by-step guided flow that walks users through device alignment, distance positioning, and lighting checks — clearly and without friction.
Prototyping: Building interactive Figma prototypes that could simulate the full setup experience, including voice prompts and real-time feedback.
Usability validation: Partnering with a UX researcher to plan and conduct usability testing, using the prototypes to uncover problems and refine the experience.
Iterative refinement: Translating test findings into concrete design improvements across multiple rounds.
Action
Grounding the design in existing research Before jumping into screens, I reviewed findings from previous research studies and analyzed comparable apps in the health-tech space. This helped me anticipate where users would likely struggle — ambiguous distance instructions, confusion about lighting requirements, and uncertainty about whether they had completed a step correctly.
Designing a guided, step-by-step flow I designed the user flow in Figma with a clear priority: one task per screen, logical progression, and immediate feedback. Each step addressed a specific setup requirement — device alignment, distance, lighting — with clear visual and voice prompts so users always knew what to do next and whether they were doing it right.
Testing with the Wizard of Oz method To validate the flow before any development investment, I partnered with a UX researcher to plan and run a usability study. I built interactive prototypes and operated them behind the scenes during testing — manually triggering distance measurements and lighting checks to simulate the real app behavior. This "Wizard of Oz" approach gave users a realistic experience and produced honest, actionable feedback without requiring a functional backend.
Iterating based on real user behavior The usability sessions revealed concrete friction points: steps that felt unclear, voice prompts that confused rather than helped, and moments where users weren't sure if they had completed a task. Together with the UX researcher, I assessed the findings, prioritized changes, and refined the flow — simplifying instructions, removing unnecessary steps, and adjusting the guidance tone to feel supportive rather than clinical.
Action
Grounding the design in existing research Before jumping into screens, I reviewed findings from previous research studies and analyzed comparable apps in the health-tech space. This helped me anticipate where users would likely struggle — ambiguous distance instructions, confusion about lighting requirements, and uncertainty about whether they had completed a step correctly.
Designing a guided, step-by-step flow I designed the user flow in Figma with a clear priority: one task per screen, logical progression, and immediate feedback. Each step addressed a specific setup requirement — device alignment, distance, lighting — with clear visual and voice prompts so users always knew what to do next and whether they were doing it right.
Testing with the Wizard of Oz method To validate the flow before any development investment, I partnered with a UX researcher to plan and run a usability study. I built interactive prototypes and operated them behind the scenes during testing — manually triggering distance measurements and lighting checks to simulate the real app behavior. This "Wizard of Oz" approach gave users a realistic experience and produced honest, actionable feedback without requiring a functional backend.
Iterating based on real user behavior The usability sessions revealed concrete friction points: steps that felt unclear, voice prompts that confused rather than helped, and moments where users weren't sure if they had completed a task. Together with the UX researcher, I assessed the findings, prioritized changes, and refined the flow — simplifying instructions, removing unnecessary steps, and adjusting the guidance tone to feel supportive rather than clinical.
Action
Grounding the design in existing research Before jumping into screens, I reviewed findings from previous research studies and analyzed comparable apps in the health-tech space. This helped me anticipate where users would likely struggle — ambiguous distance instructions, confusion about lighting requirements, and uncertainty about whether they had completed a step correctly.
Designing a guided, step-by-step flow I designed the user flow in Figma with a clear priority: one task per screen, logical progression, and immediate feedback. Each step addressed a specific setup requirement — device alignment, distance, lighting — with clear visual and voice prompts so users always knew what to do next and whether they were doing it right.
Testing with the Wizard of Oz method To validate the flow before any development investment, I partnered with a UX researcher to plan and run a usability study. I built interactive prototypes and operated them behind the scenes during testing — manually triggering distance measurements and lighting checks to simulate the real app behavior. This "Wizard of Oz" approach gave users a realistic experience and produced honest, actionable feedback without requiring a functional backend.
Iterating based on real user behavior The usability sessions revealed concrete friction points: steps that felt unclear, voice prompts that confused rather than helped, and moments where users weren't sure if they had completed a task. Together with the UX researcher, I assessed the findings, prioritized changes, and refined the flow — simplifying instructions, removing unnecessary steps, and adjusting the guidance tone to feel supportive rather than clinical.
Result
The iterative design and testing process produced a guided setup flow that significantly reduced user uncertainty and friction:
A clear, validated user flow that guides users through a technically complex setup — device alignment, distance, and lighting — step by step, with confidence.
Actionable usability insights from Wizard of Oz testing that identified and resolved real barriers before development, saving time and cost.
Refined voice and visual prompts that users could follow without hesitation, based directly on observed behavior rather than assumptions.
A solid foundation for development — the validated prototype and documented findings gave the team a clear, research-backed direction for the next phase.
This project showcased my ability to take a technically constrained problem, make it tangible through prototyping, and validate it through hands-on research — all within a collaborative, iterative process.
Result
The iterative design and testing process produced a guided setup flow that significantly reduced user uncertainty and friction:
A clear, validated user flow that guides users through a technically complex setup — device alignment, distance, and lighting — step by step, with confidence.
Actionable usability insights from Wizard of Oz testing that identified and resolved real barriers before development, saving time and cost.
Refined voice and visual prompts that users could follow without hesitation, based directly on observed behavior rather than assumptions.
A solid foundation for development — the validated prototype and documented findings gave the team a clear, research-backed direction for the next phase.
This project showcased my ability to take a technically constrained problem, make it tangible through prototyping, and validate it through hands-on research — all within a collaborative, iterative process.
Result
The iterative design and testing process produced a guided setup flow that significantly reduced user uncertainty and friction:
A clear, validated user flow that guides users through a technically complex setup — device alignment, distance, and lighting — step by step, with confidence.
Actionable usability insights from Wizard of Oz testing that identified and resolved real barriers before development, saving time and cost.
Refined voice and visual prompts that users could follow without hesitation, based directly on observed behavior rather than assumptions.
A solid foundation for development — the validated prototype and documented findings gave the team a clear, research-backed direction for the next phase.
This project showcased my ability to take a technically constrained problem, make it tangible through prototyping, and validate it through hands-on research — all within a collaborative, iterative process.
Protoype in Origami
Design Process
Exploration
Screencast of prototype made in Origami