Collinson Group
A microsite of Covid Test Voucher that can be used to pay for COVID-19 tests.
OUR ROLE
User Interface Design
User Experience Design
Wireframaes
Prototyping
CLIENT
ABOUT CLIENT
The Collinson Group is a global company that provides travel and medical assistance services, loyalty and benefits solutions, and insurance products.
Their services are designed to help individuals, businesses, and governments manage risks, improve customer engagement, and enhance the overall travel and healthcare experience.
This perticular product is a microsite for Covid Test Voucher that can be used to pay for COVID-19 tests.
CHALLENGES
It can be challenging to present all necessary voucher details without overwhelming the user with too much information. We needed to find a balance between clear communication of voucher details and keeping the design simple and easy to navigate.
Integrating the voucher redemption process with external systems such as those of the testing centers or labs was quite a challenge for our tech team, such as data validation or integration issues. The team worked closely with these third-party providers to ensure seamless integration.
Ensuring consistency with the branding of the COVID test voucher provider was critical to the success of the microsite. This also involved closely collaborating with the client to understand their brand guidelines and to ensure that the microsite adheres to them.
WHAT WE DID?
The team maintained open communication with the client throughout the project, and worked closely with them to understand their needs and goals. The team also collaborated internally, sharing knowledge and expertise across different areas of the project.
The team prioritized the needs and preferences of users in all design decisions, taking into account different user groups and their specific requirements.
EXPERIENCE MAP
Click on the shapes to know more
RESEARCH
DESK RESEARCH
USER RESEARCH
PROBLEM STATEMENT
CONCEPTUALIZE
INFORMATION
ARCHITECTURE
USER JOURNEY
AVAILABLE SOLUTIONS
IDEATE
LOW FIDELITY
WIREFRAME DETAILED
ARCHITECTURE
LOW FIDELITY
WIREFRAME DETAILED
ARCHITECTURE
DESIGN
HIGH FIDELITY WIREFRAMES
DESIGN SYSTEM
TEST
TESTING APP
CHECKING USER FLOW
PUBLISH
APP REACHES USERS
IDEATE
MAKING APP MORE
USER FRIENDLY
PROJECT BRIEF
“Designing a responsive microsite experience where customers can purchase Covid Test Voucher using their loyalty points”.
EXPECTATIONS
OBJECTIVES
USER PERSONA
Age: 25-40
Job title: Head of marketing
Gender: Male/ Female
About:
User persona represents Typical activities done by passenger while flying.
Tina is a regular air traveller and have unused points on Airline Frequent Flyer Programmes (FFP). Now in post covid scenario taking a Covid Test is a mandate, redeeming FFP points will be a great help. She is usually online his computer/Tablet/ Mobile all day.
Pain point:
I have unused points on Airline Frequent Flyer Program (FFP). How can I use those in this non travelling period ?
Emotion graph:
EMPATHY MAP
- Various points and vouchers available in the cart.
- By not knowing the procedure to redeem the vouchers getting waste.
- How can I choose a Covid Test Voucher ?
- I want to know how it works
- How can I contact help desk and send queries ?
see
Say And Do
Think And Feel
Hear
- I want to buy a Covid Test Voucher using point balance
- I have multiple vouchers available how can I use those ?
- I am not able to book a test from the voucher
- My Voucher code is not working
INFORMATION ARCHITECTURE
Information architecture of Search and select voucher journey of users while using website
CUSTOMER JOURNEY
Low Fidelity Wireframes
Collinson group
A microsite of Covid Test Voucher that can be used to pay for COVID-19 tests.
OUR ROLE
User Interface Design
User Experience Design
Design System Language
Wireframaes
Prototyping
About Client
The Collinson Group is a global company that provides travel and medical assistance services, loyalty and benefits solutions, and insurance products.
Their services are designed to help individuals, businesses, and governments manage risks, improve customer engagement, and enhance the overall travel and healthcare experience.
This perticular product is a microsite for Covid Test Voucher that can be used to pay for COVID-19 tests.
Challenges
It can be challenging to present all necessary voucher details without overwhelming the user with too much information. We needed to find a balance between clear communication of voucher details and keeping the design simple and easy to navigate.
Integrating the voucher redemption process with external systems such as those of the testing centers or labs was quite a challenge for our tech team, such as data validation or integration issues. The team worked closely with these third-party providers to ensure seamless integration.
Ensuring consistency with the branding of the COVID test voucher provider was critical to the success of the microsite. This also involved closely collaborating with the client to understand their brand guidelines and to ensure that the microsite adheres to them.
What We Did?
The team maintained open communication with the client throughout the project, and worked closely with them to understand their needs and goals. The team also collaborated internally, sharing knowledge and expertise across different areas of the project.
The team prioritized the needs and preferences of users in all design decisions, taking into account different user groups and their specific requirements.
Experience Map
Project Brief
“Designing a responsive microsite experience where customers can purchase Covid Test Voucher using their loyalty points”.
Expectations
Objectives
User Persona
Age: 25-45
Gender: Male/ Female
About:
User persona represents Typical activities done by passenger while flying.
Tina is a regular air traveller and have unused points on Airline Frequent Flyer Programmes (FFP). Now in post covid scenario taking a Covid Test is a mandate, redeeming FFP points will be a great help. She is usually online his computer/Tablet/ Mobile all day.
Pain Points:
- I have unused points on Airline Frequent Flyer Program (FFP). How can I use those in this non travelling period ?
Emotion graph:
Empathy Map
- Various points and vouchers available in the cart.
- By not knowing the procedure to redeem the vouchers getting waste.
- I want to buy a Covid Test Voucher using point balance
- I have multiple vouchers available how can I use those ?
- How can I choose a Covid Test Voucher ?
- I want to know how it works
- How can I contact help desk and send queries ?
- I am not able to book a test from the voucher
- My Voucher code is not working
Information architecture
Information architecture of Search and select voucher journey of users while using website
Customer Journey
Low Fidelity Wireframes
OTHER PROJECTS