Xfers Website

Xfers, 2018

With its new vision on creating the trusted, digital financial ecosystem in SEA, Xfers' website content were no longer relevant to visitors. Its products and services had moved far beyond what was offered when Xfers first started so a new homepage is due for revamp. 

How might we present relevant content to merchants and individual users?

 

My role

  • Define flows of key features that delivers on the user stories and business objectives

  • User interviews and cardsorting

  • Heuristics analysis

  • IA and tree testing

  • Wireframing and prototype

Previous Xfers website

Context​​

While Xfers had made a change in their business direction, the website failed to stay relevant with the lack of product updates.

 

​The content structure was unclear and disorganised which left users feeling confused and frustrated.

User interview insights​​

  • Lack in brand trust

  • Site feels merchant-focused

  • Brand awareness low, users were not clear what Xfers does

  • Content is vague and disorganised

IMG_4386.JPG
IMG_4393.JPG

Cardsorting with users

Site map​​

Upon understanding the concerns of visitors, we create a draft of the new site map to cater for two main audiences:

  1. Personal (Individual users)

  2. Merchants (Business users)

This way, we can direct users to the relevant information. A round of stakeholders interview was also held to better understand the vision and mission of the company in order to translate that onto our website.

Illustrations will also be introduced to support the Xfers brand value of trust and security.

Screenshot 2018-12-19 at 4.40.20 PM.png

Wireframing and Tree testing​​

After doing the first round of IA, Tree-testing was conducted to ensure users found it easy to navigate without confusion. A discussion on the content was then held before digitising the final IA for the team to prepare design and building.

Screenshot 2018-11-28 at 1.04.51 PM.png
Screenshot 2018-12-18 at 6.29.39 PM.png

Design​​

After doing the first round of IA, a discussion on the content was held before digitising the final IA for the team to prepare design and building.

Landing Page2.png

Xfers Homepage (After)

Xfers Homepage (Before)