Miscellaneous

Short projects for various brands such as UGG, Nivea, Canesten and more

UGG’s ecommerce website optimisation.

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.

Client
  • Deckers
Role
  • Quantitative analysis
  • UX
  • UI

Heatmaps

SessionCam observations’ abstract

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.

Recruitment portal matching candidate demands and employer offers.

The portal helps recruitment agents to file, follow and match long-term job seeker demands and employer offers.

Client
  • Liip & 0 chomeurs
Role
  • UX
  • Semantic
  • UI

Service blueprint

Scenario of use of the recruitment platform

The scenario of use of the recruitment platform was created during workshops with the main shareholders.

  • Primary users: Agents (welcome desk agent, job seeker agent, employer agent)
    They work for 0 chomeurs recruitment agency – an agency in charge of dealing with long-term job-seekers.
    There are several types of agents, some are at the reception of the agency, some look after employers and their job offers, and some manage job-seekers and their job demands.
  • Secondary user: Employer
    They offer jobs and use 0 chomeurs recruitment agency to find relevant job seekers.
    At 0 chomeurs, they are looked after by the agent.
  • Secondary user: Jobseeker
    They look for a job and use 0 chomeurs recruitment agency to find it.
    At 0 chomeurs, they are looked after by the agent.

Scenario validation

The scenario was transcripted into a document and shared with agents to collect their feedback.

User flow

Job-seeker and employer journeys are mirroring each other.

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.

Interface

Candidate and employer pages mirror each other

The MVP goes up to the job-seeker / job offer matching.

_

_

Nivea Black & White, n°1 accessory

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.

Client
  • Sapient Nitro
Role
  • Creative
  • UX
  • UI

Strategy

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.

Canesten online articles

Goal

  • Create a narrative, using existing components, to inform about discharges and product utilisation.
  • To be simple, reinsuring and answering questions.

Our users

  • Women between 18-34 who experience thrush for the first time.
  • They need to understand their symptoms and what to do.
  • They need to understand that there is nothing to worry about.

Structure

  • Level 1: Discharge introduction with links to level 2.
  • Level 2: Discharge during periods with links to level 1 and 2.
  • Level 2: Discharge during pregnancy with links to level 1 and 2.
  • Level 2: When Discharge becomes colourful with links to level 1 and 2.
Client
  • Mullen Lowe
Role
  • UX

Discharge hub

Persona 1

The user is looking for simple and friendly medical information:

“I need simple and good vibe 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 pregnancyDischarge during periodsWhen Discharge becomes colourful).
§6: Product carousel.

Persona 2

The user is looking for specialist guidance and hasn’t seen a specialist yet:

“I want to talk with a specialist rather than read clinical documentation.”

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 pregnancyDischarge during periodsWhen Discharge becomes colourful).
§4: Product carousel.

Persona 3

The user wants to feel normal and reinsured by other women:

“I need to hear real women’s stories/experiences/tips, as well as, medical information.”

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 pregnancyDischarge during periodsWhen Discharge become colourful).
§3: Product carousel.

How to use

Narrative

Step by step.

Functional

Product presentation.

Fribourg+ is an app to collect points and redeem vouchers while shopping in the town of Fribourg.

Design of the MVP for the Fribourg+ app.

Client
  • Liip & Fribourg+
Role
  • UX
  • UI / art direction

Journey

Buyer/merchant journey

User stories

As a buyer, I want…

  • … to download quickly, and without using too much data the F+ app, so that I can install the app when I am paying for my goods at the shop.
  • … to find my F+ QRcode, so that I can collect and complete my vouchers when paying the merchant.
  • … , when paying the merchant, I easily want to find my completed vouchers for a specific merchant, so that I can redeem them.
  • … to view my completed vouchers, so that I can plan to use them next time I am shopping.

Information architecture

Interface

That knorr moment.

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.

Client
  • Maynard Malone
Role
  • Creative
  • UX
  • UI / art direction

Start of the year

  • Campaign introduction.
  • Competition (name your That Knorr Moment).
  • Samples (share samples).
  • Knorr tutorials by Influencers; And Knorr Foodies recruitment.

Summer

  • Summer campaign with a ‘friendly’ twist.
  • Food kits giveaways
  • Foodies’ recipes
  • Ephemeral pop-up restaurants.

Winter

  • Winter campaign with a festive twist.
  • Special foodie guests’ recipes to celebrate Christmas.
  • Competition (Festive lottery to win Ultimate Knorr Moments).
  • Samples.