Create a customer journey map and 2 different types of sign up pages in 24 hours for a SaaS product.
Challenge
To make the sign up part of the website more accessible and to improve the customer conversion rate by making users trust the website more.
Goal
After
Before
Team
My role
Solo Project
UX UI designer
Scope
2 weeks
Kate ( business owner) CJM
Lucy ( bride to be ) CJM
User Persona
After conducting some research I came up with two types of personas.
Customer Journey Map (CJM)
Creating 2 different personas helped me understand how different types of customers experience using the current website.
According to WCAG which are a series of recommendations to make websites more accessbile, the current color theme is considered to be very poor when it comes to contrast checking.
Especially with small texts like on buttons.
Below there is an example of my re-design with the current colors.
Below there is an example of my re-design with the current colors.
That is why I decided to change the main color of these pages with a gradient, at the same time keeping the old color but making the text more accessible.
Sign up page that looks more accessible but at the same time keeping the current brand color.
I am not sure why, my portfolio website shows different colors but of course they are the same, you can actually check this case study with a working prototype on figma.
Anyway, this is a mobile version.
Anyway, this is a mobile version.
And here you can see another idea (using different fonts, colors and style ) of the mobile version.
With this project I learnt how to work even faster because I only had 24 hours and it was very stressful because the result of this job could finally change my unemployment status which didn't happen. I also got a lot of feedback from my friends UXers and learnt more about shadows, alignment and accessibility.
Colors and design ideas
What I learned:
Thank you!
Step 1
Step 1
Step 2
Step 2
Step 3
Step 3