Functional Header
Technical details
Client
Quidco
Team
1 Product Designer, 1 Product Owner, 2 Engineers
Duration
3 Weeks
Year
2024
Category
Web
Skills
Data Analysis
Research
Wireframing
User Interface
Interaction Design
Design System
Tools
Figma
UserZoom
Jira
Miro
Microsoft Clarity
Project overview
During the Contentful migration, we updated our navigation header; however, it was only accessible to our acquisition customers. As a result, our authenticated customers experienced inefficiency in user experience and functionality, which involved addressing several key issues:
Restoring the search functionality
Implementing clear navigation links
Display of account balance
Access to users favourite retailers
Adding a profile drop-down menu with quick navigation links for improved user experience.
One of the primary challenges of this project served as a bottleneck, leading to delays in the deployment of other projects. As a result, we were under a tight deadline to address it.
My role in this project was to implement a cohesive and a user-centric design strategy, ensuring a seamless integration of these features and functionality across authenticated and unauthenticated customers.
The steps I took
Summary
01.
Define the problem
Set the foundational framework for crafting a successful solution.
02.
Data Analysis
Utilise available insights to inform decision-making throughout the design process.
03.
Research
Performed an open card sorting exercise followed by survey.
04.
Ideation
Encourages creativity, explores innovation, and facilitates problem-solving.
01.
Define the problem
Similar to my approach in other projects, I prefer to incorporate the the "Build-Measure-Learn" framework, a well-regarded concept introduced by Eric Ries. This methodology allowed me to develop successful solution quickly, efficiently, and with a user-centric approach.
02.
Data Analysis
In the discovery phase, I included valuable insights from tools like Microsoft Clarity, a behavioral analytics platform. This tool offered detailed statistics, heatmaps, behavioral recordings, and click-through rates, allowing me to confidently validate my design decisions.
03.
Research
In preparation for our project, I conducted thorough research, including an open card sorting exercise involving 45 participants, followed by a survey sent to a total of 100 users. This comprehensive research approach provided me with valuable insights and data directly from our target users.
04.
Ideation
With the use of data-driven insights, we conducted a mini collaborative ideation workshop. Through brainstorming, sketching, and exploration of ideas, we successfully tackled the design challenge. This process enabled us to thoroughly evaluate and refine our concepts in a comprehensive and creative manner.
Final designs
DESIGN
Functional Header
Technical details
Client
Quidco
Team
1 Product Designer, 1 Product Owner, 2 Engineers
Duration
3 Weeks
Year
2024
Category
Web
Skills
Data Analysis
Research
Wireframing
User Interface
Interaction Design
Design System
Tools
Figma
UserZoom
Jira
Miro
Microsoft Clarity
Project overview
During the Contentful migration, we updated our navigation header; however, it was only accessible to our acquisition customers. As a result, our authenticated customers experienced inefficiency in user experience and functionality, which involved addressing several key issues:
Restoring the search functionality
Implementing clear navigation links
Display of account balance
Access to users favourite retailers
Adding a profile drop-down menu with quick navigation links for improved user experience.
One of the primary challenges of this project served as a bottleneck, leading to delays in the deployment of other projects. As a result, we were under a tight deadline to address it.
My role in this project was to implement a cohesive and a user-centric design strategy, ensuring a seamless integration of these features and functionality across authenticated and unauthenticated customers.
The steps I took
Summary
01.
Define the problem
Set the foundational framework for crafting a successful solution.
02.
Data Analysis
Utilise available insights to inform decision-making throughout the design process.
03.
Research
Performed an open card sorting exercise followed by survey.
04.
Ideation
Encourages creativity, explores innovation, and facilitates problem-solving.
01.
Define the problem
Similar to my approach in other projects, I prefer to incorporate the the "Build-Measure-Learn" framework, a well-regarded concept introduced by Eric Ries. This methodology allowed me to develop successful solution quickly, efficiently, and with a user-centric approach.
02.
Data Analysis
In the discovery phase, I included valuable insights from tools like Microsoft Clarity, a behavioral analytics platform. This tool offered detailed statistics, heatmaps, behavioral recordings, and click-through rates, allowing me to confidently validate my design decisions.
03.
Research
In preparation for our project, I conducted thorough research, including an open card sorting exercise involving 45 participants, followed by a survey sent to a total of 100 users. This comprehensive research approach provided me with valuable insights and data directly from our target users.
04.
Ideation
With the use of data-driven insights, we conducted a mini collaborative ideation workshop. Through brainstorming, sketching, and exploration of ideas, we successfully tackled the design challenge. This process enabled us to thoroughly evaluate and refine our concepts in a comprehensive and creative manner.
Final designs
DESIGN
Functional Header
Technical details
Client
Quidco
Team
1 Product Designer, 1 Product Owner, 2 Engineers
Duration
3 Weeks
Year
2024
Category
Web
Skills
Data Analysis
Research
Wireframing
User Interface
Interaction Design
Design System
Tools
Figma
UserZoom
Jira
Miro
Microsoft Clarity
Project overview
During the Contentful migration, we updated our navigation header; however, it was only accessible to our acquisition customers. As a result, our authenticated customers experienced inefficiency in user experience and functionality, which involved addressing several key issues:
Restoring the search functionality
Implementing clear navigation links
Display of account balance
Access to users favourite retailers
Adding a profile drop-down menu with quick navigation links for improved user experience.
One of the primary challenges of this project served as a bottleneck, leading to delays in the deployment of other projects. As a result, we were under a tight deadline to address it.
My role in this project was to implement a cohesive and a user-centric design strategy, ensuring a seamless integration of these features and functionality across authenticated and unauthenticated customers.
The steps I took
Summary
01.
Define the problem
Set the foundational framework for crafting a successful solution.
02.
Data Analysis
Utilise available insights to inform decision-making throughout the design process.
03.
Research
Performed an open card sorting exercise followed by survey.
04.
Ideation
Encourages creativity, explores innovation, and facilitates problem-solving.
01.
Define the problem
Similar to my approach in other projects, I prefer to incorporate the the "Build-Measure-Learn" framework, a well-regarded concept introduced by Eric Ries. This methodology allowed me to develop successful solution quickly, efficiently, and with a user-centric approach.
02.
Data Analysis
In the discovery phase, I included valuable insights from tools like Microsoft Clarity, a behavioral analytics platform. This tool offered detailed statistics, heatmaps, behavioral recordings, and click-through rates, allowing me to confidently validate my design decisions.
03.
Research
In preparation for our project, I conducted thorough research, including an open card sorting exercise involving 45 participants, followed by a survey sent to a total of 100 users. This comprehensive research approach provided me with valuable insights and data directly from our target users.
04.
Ideation
With the use of data-driven insights, we conducted a mini collaborative ideation workshop. Through brainstorming, sketching, and exploration of ideas, we successfully tackled the design challenge. This process enabled us to thoroughly evaluate and refine our concepts in a comprehensive and creative manner.
Final designs
DESIGN