The process
As it was a testing assignment, I was the only one doing all the research and design itself.
The challenge
I was asked to create a customer journey map and 2 different types sign up pages in 24 hours.
Why Maroo?
Maroo is the company that gave me a test assignment and I have done quite a bit of work on it so I decided why not share it on my website too.
The goal
To make the website (sign up part) more accessible and to improve the customer conversion rate by making users trust the website more.
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.
Kate ( business owner) CJM
Lucy ( bride to be ) CJM
Before
After
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.
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.
Thank you for your time reviewing my work on the redesign of Maroo! If you'd like to see more or get in touch, my contact information is provided below.
Email: alexandraousasha@gmail.com
Website: https://shuttersmile.me/ux-home
Colors and design ideas
What I learned:
Thank you!
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.
Step 1
Step 2
Step 3
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.
Step 1
Step 2
Step 3
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.
