UX Design UI Design User Research
![](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/7580db2a-5aa3-4f74-8e48-74cecef62952_rw_1200.jpeg?h=425c493ebfcd491071a9a51984d558b1)
During my time at Compare the Market, I had the incredible opportunity to work as a UX Designer for a 13-month placement year. Collaborating with an exceptional team, I learned invaluable lessons that have greatly enriched my skillset.
While a significant portion of my work remains confidential, I am delighted to share some of my publicly accessible projects below. If you would like to see more designs from my tenure at Compare the Market, please feel free to reach out to me.
BARBIE Landing Page
![](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/b2c837dc-b01c-4834-91cb-e124a7b4fbf3_rw_1920.png?h=b330522222f2f569acfa30db60c80856)
A landing page was created in partnership with Warner Brothers Studios and Compare the Market to support the BARBIE campaign. Social media content directed users to the landing page on comparethemarket.com to showcase different insurance options.
I collaborated with product managers and marketing in a larger team. I worked on creating the landing page with the UI designer and UX copywriter, incorporating feedback from the UX team and developers.
The landing page saw a large number of visits, with Meerkat Movies playing a major role in boosting the BARBIE movie box office.
Initial Ideas
![Ideas](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/a7874b30-f051-46fd-b429-d085d057c683_rw_1200.png?h=6e1d27a1bce8eca029322133bd101cc5)
Ideas
![Initial Ideas in Context](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/59ecb0ab-e874-4505-9835-4d127055f9da_rw_1920.png?h=b4d6a5a4ac63ad25ae0b0177dcd54ede)
Initial Ideas in Context
![Initial Ideas in Context](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/37b37f3a-c355-4366-9c29-229dc13a92c4_rw_1200.png?h=38bf2d99e335af329185791fdf62dc66)
Initial Ideas in Context
Development
![Full Figma Page](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/a884a693-582b-471d-af7d-157d79be4352_rw_1920.png?h=b9f42b99d19a26a31ddb9b6109ef1b63)
Full Figma Page
![Mobile Development](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/a19f45bb-647c-426a-adce-853e9762a604_rw_1200.png?h=5d3eb905336e97a92a9a5882347ec9ad)
Mobile Development
![Cards and Assets](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/b65c9ee6-1c9d-44e7-95a4-68d60f65903f_rw_1920.png?h=a4a86915840ddb290e5a7d0096de15e9)
Cards and Assets
![Adding Copy](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/74809d55-10f8-482a-8937-e38c553922c4_rw_1920.png?h=acb8140fb9d958da09fe0562463a1ad1)
Adding Copy
![Working with Devs](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/d4d46970-0957-470e-bec9-475b1e39cd68_rw_1200.png?h=fa5071ebdbda440776399b383f428b98)
Working with Devs
![Feedback from WB](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/0e4edc5c-ddbc-44b5-9539-47a4ba191eda_rw_1200.png?h=7d59aa861e8022a2034e2279c0ece65e)
Feedback from WB
![Feedback Implemented](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/186eb410-8dfa-49eb-b886-078fcbc14319_rw_1200.png?h=17864fa64152653f603b989813c49331)
Feedback Implemented
![Working with Devs](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/0e2195cf-bda2-44e9-bf7b-fdad39a88f1e_rw_1200.png?h=03d1e4f6aa7d6e9bb6c3250738d0eca5)
Working with Devs
![Working with Devs](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/461b2aff-467e-483a-adb4-d576cbd504b3_rw_1200.png?h=faa7f37e2b3befe53038a8b4ed64d43c)
Working with Devs
Travel Insurance Date Picker
![](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/75ecd5e9-28dc-4545-95e0-f0623f5189b9_rw_1920.png?h=6dd3e20d45e14f6dbf3acd306ad5dd7d)
One of my initial assignments was to redesign the date picker for the travel insurance process, because the previous design was causing confusion and accessibility issues for users.
Left is the final design that is now live on the site. This was only after conducting A/B testing and ensuring that it not only improved the users' journey but also complied with accessibility regulations.
Development
![Previous Designs](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/6cbe1323-2bac-4f8c-8d6b-f69a71314d61_rw_1920.png?h=ef05ee618ff69ff49f756e021ef1a324)
Previous Designs
![Research](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/5ddaad63-2f05-45ea-b0a9-58f0c7e141d2_rw_1920.png?h=4390e8ae4a210079bb5f6d440f9c45bf)
Research
![Experimentation](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/cd62937e-830d-4f9b-87e0-1763fb5ae8b6_rw_1920.png?h=a4628c9b32dfca14255caef53dddafb0)
Experimentation
![Final Designs](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/04b4f870-6b67-453c-8d8a-ecf6d9f4cc76_rw_1920.png?h=1eafabdf77fb35ba64c884287a726b24)
Final Designs
![Approved Designs](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/7b6747c6-679a-4c02-996d-fa5ed2fea124_rw_1200.png?h=42f54a39a92c1daf590a840e15aac392)
Approved Designs
Final Design
![Final Design - Closed](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/a18a727e-a56d-41e1-84b3-db7ac1ed9c14_rw_1920.png?h=7e4a11cb7541f29bfbe3d8e111d45703)
Final Design - Closed
![Final Design - Open](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/0ad1392a-8dbc-4fd4-80fc-8554f30aa658_rw_1920.png?h=6f262e11b818bd0758826e533bae2116)
Final Design - Open
![Final Design - Open](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/50df1b04-b85e-44ca-abfb-65817d339534_rw_1920.png?h=26664acadcb387f448e2f91de2c0ff4c)
Final Design - Open
Roof and Room Illustrations
![](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/9143a30a-ef11-463c-9981-8cd878b6a78c_rw_1200.png?h=4ef582b93e11e9268c704f7de86d159c)
Due to my expertise in illustration gained from my Graphic Communication and Illustration degree, I was assigned the responsibility of revamping the home images to align with the new design system.
On the left side, you can find the previous images which were considered too vibrant and didn't match the new minimalistic and sleek design of the updated design system. My goal was to maintain the rooms' easy recognition while adding a touch of intrigue and modernity to the designs.
Development
![Initial Ideas / Sketches](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/5c3563aa-0896-4a34-aef3-149558a58ef5_rw_1920.png?h=a01f959c6cd29a002fb3f55694149af7)
Initial Ideas / Sketches
![Initial Ideas / Sketches](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/bda54d8d-fefb-4c5d-9549-71c40df4cdbf_rw_1200.png?h=07430d6b957df5b97c6852984a72afb7)
Initial Ideas / Sketches
![Initial Ideas / Sketches in Context](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/ccb9354e-65a4-4277-9dbc-12a427a19a80_rw_1200.png?h=608faf69a5bfcd9b3c98982fe30fd0df)
Initial Ideas / Sketches in Context
![Developed Illustrations](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/c9e6d21c-c575-42b9-9171-b6c6d18300cf_rw_1920.png?h=495c8adc8e15b55c25d2deb2052fd201)
Developed Illustrations
![Finalised Illustrations in Context](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/ad491a3e-adbe-4f6e-8611-89f2c07d3e6a_rw_1920.png?h=7eb7e3e22027ce368d5deb0c521c9e54)
Finalised Illustrations in Context
![](https://cdn.myportfolio.com/8db555a3-e4b4-4d17-8d54-6d263f1d62c2/092cff71-ba1a-49f0-b74a-f2d68c1effa8_rw_1920.jpg?h=3d7727b22c132cf50e0f9266d8485336)
I was also given the responsibility of revamping the roof images in a similar fashion. The design needed to be simple and straightforward, with a minimalistic touch.