House of Fraser Microsite

Party Organiser, designed for one of the UK's premium department stores.

Client: House of Fraser
Services: Web Design | UX Research | UI

My role

Creative concept | Market analysis | Feature Prioritisation | Surveying | User interviews | User Journeys | User Scenarios | User Stories | Site Map |  Task Analysis | Wireframing | Prototyping | Usability testing
Creative concept
Market analysis
Feature Prioritisation
Surveying
User interviews
User Journeys
User Scenarios
User Stories
Site Map
Task Analysis
Wireframing
Prototyping
Usability testing

The challenge

Design a microsite that would help people to organise parties 🥳🎈🎉 and thereby enhance their regular purchase of items for parties through this microsite.

Competitors

What is the existing solutions on and what kind of services they deliver to customers? Where are their weaknesses and what are they doing well? What can we learn about their business models?

User research

I conducted several interviews to map out people’s behaviours and needs, purposes, motivators and pain-points in throwing parties.

Key Persona

One of personas delivered together in brief. I selected him as the key one, as he shared needs and pain points of most of the people I interviewed.

Will

37 years old | Real Estate Agent | Party beast

Pain points

Confusing navigation in similar websites
Splitting costs
It can take a long time to organise a party!

Needs

Find information about the products
Get inspiration and tips for the parties

My solution

Inspiring users by a wide range of diverse, and beautiful party themes so that they could organise an event and would like to share it with friends.

Developing a convenient solution for splitting the check fairly so all the guests can participate in costs.

Using patterns to create a useful and intuitive checkout process. ​

Tracking guests & receiving alerts if additional party supplies need to be purchased

Task analysis & card sorting

Task analysis helped to understand the steps people usually do to organise a party – including their fears and emotion rail coaster seen from their perspective.

Card sorting helped in structuring the navigation of the site and general search engine, by capturing the common logic, which helps to bring an intuitive way of displaying informational pieces.

User Flows

Out of the pieces of information I gathered, I created user flows and sitemap.

Create a party
Invite Guests
Checkout process
Split a bill
Create a Party
Invite Guests
Check-out Process
Split a bill
Site map

Prototyping & iterating

The prototype was based on sketches made on the paper. After the first iteration based on a few testing sessions (with users matching personas), I could move to the digital prototype.

I repeated the process of testing and iterating. Why so? Every session like this helps to recognise potential problems that real user might face. We can improve the design before moving it to live environment. This process helps to make a strong, meaningful and so-called user friendly design.

Second iteration

Fourth iteration

Second iteration

Fourth iteration

Outcomes & deliverables

By each step, I was adding details: pictures, styling and more content, carefully observing the behaviour of attendants. After the several prototype testing sessions, the feedback was positive: user flows were clean as well as archiving the goals became easy, also the look and feel were perceived as pleasant.

Matching House of Fraser’s branding

Generally, I kept the style similar to the client’s major website with some small exceptions.