After relaunching its websites with some new UX and design, UGG’ conversion rate dropped by 50%.
I reviewed the website – using available data (heatmaps) and benchmarking.
The recommendations are currently A/B tested.
During the analysed period, 3865 visits were recorded for the home page.
Device split: 39.8% Desktop/Laptop, 48.9% Mobile, 11.3% Tablet.
43.8% of users didn’t view other pages after visiting the home page.
25% of the users left the website each time they reach a new section of the home page.
Users were also exiting after opening the menu.
–
The desktop heatmap indicates the majority of users are unprepared to scroll beyond the home page break.
100% of users view the page top section when around 75% scroll into the three tiles’ row below (Shop Women, Shop Kids and Shop Men).
25% and less users scroll beyond three tiles’ row to reach the bottom page navigation.
The attention heatmap aligns with the scroll behaviour since the majority of time is spent on the top hero image.
There is little time spent elsewhere on the page.
_
The ‘click’ heatmap also shows that the hero image holds the user attention. The hero image’s CTA (Shop Women’s Casuals) sees little to no interaction.
The hero image’s CTA sees the most interaction of all the page’s CTAs– though the header navigation receives the most interaction.
The hero image’s carousel has engagement forward, but not back.
43.8% of users who view the home page view no other page within their session.
Struggle is observed when users click on the hero image – expecting it to be clickable.
Those users potentially want to shop for the products displayed in the picture or for some related items.
Regardless, after clicking multiple times without outcome, users exit.
–
Users were also observed exiting after opening the menu and didn’t navigate elsewhere.
This is the typical behaviour of users who cannot find what they are looking for.
The portal helps recruitment agents to file, follow and match long-term job seeker demands and employer offers.
The scenario of use of the recruitment platform was created during workshops with the main shareholders.
The scenario was transcripted into a document and shared with agents to collect their feedback.
The steps of the job-seekers and employers are identical.
Each step is concluded by either a validation or an achieving/rejection of the demand or offer.
Validating a step unlocks the following one.
The MVP goes up to the job-seeker / job offer matching.
_
_
Promotion of Nivea Invisible for Black & White – the deodorant which cares for you and for your clothes.
We created the microsite for The N°1 Accessory campaign. Customers could receive samples, take part in a competition to create and win a Black & White outfit.
When scrolling, the Black and White Dress flies from one section to another and guides the user through the different campaign aspects: Campaign presentation, products, free samples, competition to win a black & white outfit, commercial and member registration.
Goal
Our users
Structure
Persona 1
The user is looking for simple and friendly medical information:
Gentle pedagogy:
A template to inform: Neutral, easy to update, and versatile for creative ideas.
FAQs integrated into content:
§0: Discharge intro.
§1: What is discharge and relevant question(s)/link(s).
§2: Why is there discharge and relevant question(s)/link(s).
§3-4: Discharge evolution (during periods and pregnancy) and relevant question(s)/link(s).
§5: Related article listing (Discharge during pregnancy, Discharge during periods, When Discharge becomes colourful).
§6: Product carousel.
The user is looking for specialist guidance and hasn’t seen a specialist yet:
The friendly specialist ‘chatbot’:
An engaging template led by questions. Those expand into versatile drop-down areas for creative ideas.
Content = FAQs:
§0: Discharge, Canesten specialist introduction and link(s) to the relevant page(s).
§2: FAQs and link(s) to relevant page(s).
§3: Related article listing (Discharge during pregnancy, Discharge during periods, When Discharge becomes colourful).
§4: Product carousel.
Persona 3
The user wants to feel normal and reinsured by other women:
Reinsuring community:
Quotes and video for testimonials.
Creative spaces for social ideas.
SEO friendly (using people’s voice and way to formulate issues).
Content with FAQs followed by FAQs recap:
§0: Discharge introduction and link(s) to relevant page(s).
§1: Statement 1 – What is discharge, testimonials and relevant link(s).
Statement 2 – Why is there discharge, testimonials and relevant link(s).
Statement 3 – Discharge ‘issues’, testimonials and relevant link(s).
§2: Related article listing (Discharge during pregnancy, Discharge during periods, When Discharge become colourful).
§3: Product carousel.
Narrative
Step by step.
Product presentation.
Design of the MVP for the Fribourg+ app.
After many collaborations with celebrity chefs, Knorr gives the power back to real cooks. We captured the moment of satisfaction while eating great Knorr home-cooked food.
We created lots of wonderful real food moments with Knorr at the heart.
The campaign develops through the year on the Knorr website, Twitter, YouTube, Facebook, Instagram and by email.