May, 2026
Development of the survey
The survey is an important section of our mood plateform because it’s help our clients to get feedbacks from the users during their journey.
Project Context
As part of a product optimization initiative for the Mood platform, I was tasked with designing the survey component. It allows each client to display the questions that match their own needs and collect the answers that matter to them.
Together with my Product Manager, we gathered client needs and grouped them into categories, each one translating into a dedicated question type: free text, star rating, 0 to 10 slider, image-based choice for movies and series, single choice, and multiple choice.
Based on this scoping, my core challenge was:
How can we design a single survey module flexible enough to cover every question type our clients need, while keeping the experience clear and consistent for users?
Stacks used
Skills mobilised
Ux design
Information architecture
Design system
Design QA
Scalable components
Ia assisted design
User testing
Cross-functionnal collaboration
My process
01
Scoping & Discovery
Worked with my PM to gather client needs and group them into the six question types the component had to support.
02
Market Benchmark
Studied how direct and indirect competitors design their surveys and question formats to identify market standards.
03
Rapid Iteration
Used Claude, fed with the best UX references from Mobbin, to generate quick design directions and share them early with my PM and Lead Designer.
04
Testing & Validation
Reviewed the screens with the team to identify what worked and what didn't, ruling out weak directions to focus on a feasible solution.
05
Documentation
Wrote the component specs to track how our design choices evolved, then documented its behavior and usage for design and development teams.
06
Implementation Tracking
Supported the web developers and QA from integration through to production to ensure design consistency.
Design Decisions
I have decided that the survey should relies on a single modular component that adapts to the six question types identified from client needs: free text, star rating, 0 to 10 slider with a graduated scale, image selection for movies and series, single choice with radio buttons, and multiple choice with checkboxes. All types share the same base layout and spacing, so users always know how to respond, whatever the format.
Rather than building six separate components, I designed one master component whose answer area changes according to the question type/ the device/ and with dark and white mode. This keeps the design system lean and makes it easy to extend if a client requests a new format.
KPIS
The screens
Obsessed with...
Navigation
Designed, written and developed with love © 2026 Nicolas Briot, All rights reserved.
May, 2026
Development of the survey
The survey is an important section of our mood plateform because it’s help our clients to get feedbacks from the users during their journey.
Project Context
As part of a product optimization initiative for the Mood platform, I was tasked with designing the survey component. It allows each client to display the questions that match their own needs and collect the answers that matter to them.
Together with my Product Manager, we gathered client needs and grouped them into categories, each one translating into a dedicated question type: free text, star rating, 0 to 10 slider, image-based choice for movies and series, single choice, and multiple choice.
Based on this scoping, my core challenge was:
How can we design a single survey module flexible enough to cover every question type our clients need, while keeping the experience clear and consistent for users?
Stacks used
Skills mobilised
Ux design
Information architecture
Design system
Design QA
Scalable components
Ia assisted design
User testing
Cross-functionnal collaboration
My process
01
Scoping & Discovery
Worked with my PM to gather client needs and group them into the six question types the component had to support.
02
Market Benchmark
Studied how direct and indirect competitors design their surveys and question formats to identify market standards.
03
Rapid Iteration
Used Claude, fed with the best UX references from Mobbin, to generate quick design directions and share them early with my PM and Lead Designer.
04
Testing & Validation
Reviewed the screens with the team to identify what worked and what didn't, ruling out weak directions to focus on a feasible solution.
05
Documentation
Wrote the component specs to track how our design choices evolved, then documented its behavior and usage for design and development teams.
06
Implementation Tracking
Supported the web developers and QA from integration through to production to ensure design consistency.
Design Decisions
I have decided that the survey should relies on a single modular component that adapts to the six question types identified from client needs: free text, star rating, 0 to 10 slider with a graduated scale, image selection for movies and series, single choice with radio buttons, and multiple choice with checkboxes. All types share the same base layout and spacing, so users always know how to respond, whatever the format.
Rather than building six separate components, I designed one master component whose answer area changes according to the question type/ the device/ and with dark and white mode. This keeps the design system lean and makes it easy to extend if a client requests a new format.
KPIS
The screens
Obsessed with...
Navigation
Designed, written and developed with love © 2026 Nicolas Briot, All rights reserved.
May, 2026
Development of the survey
The survey is an important section of our mood plateform because it’s help our clients to get feedbacks from the users during their journey.
Project Context
As part of a product optimization initiative for the Mood platform, I was tasked with designing the survey component. It allows each client to display the questions that match their own needs and collect the answers that matter to them.
Together with my Product Manager, we gathered client needs and grouped them into categories, each one translating into a dedicated question type: free text, star rating, 0 to 10 slider, image-based choice for movies and series, single choice, and multiple choice.
Based on this scoping, my core challenge was:
How can we design a single survey module flexible enough to cover every question type our clients need, while keeping the experience clear and consistent for users?
Stacks used
Skills mobilised
Ux design
Information architecture
Design system
Design QA
Scalable components
Ia assisted design
User testing
Cross-functionnal collaboration
Design Decisions
I have decided that the survey should relies on a single modular component that adapts to the six question types identified from client needs: free text, star rating, 0 to 10 slider with a graduated scale, image selection for movies and series, single choice with radio buttons, and multiple choice with checkboxes. All types share the same base layout and spacing, so users always know how to respond, whatever the format.
Rather than building six separate components, I designed one master component whose answer area changes according to the question type/ the device/ and with dark and white mode. This keeps the design system lean and makes it easy to extend if a client requests a new format.
KPIS
The screens
Obsessed with...
Navigation
Connexions
CV
Design, writing and developp with love © 2026 Nicolas Briot, All rights reserved.