DESKTOP / MOBILE WEBSITE

Xero • Homepage Redesign

As a component of my course at Academy Xi, I completed a live client project in six weeks to redesign Xero's homepage.

The client's primary objective was to look for any pain points and improvement on their Homepage to help users locate important information, as well as driving conversions.

Objectives

In our initial meeting with the Xero team, they highlighted the misalignment between their homepage experience and their business goals. Xero's objectives for their homepage were as follows:

PRIMARY

  1. Understand the role the homepage plays in helping users locate important information

  2. Understand the role the homepage plays in driving conversion

  3. Look for opportunities to improve the experience and any pain points

SECONDARY

  1. Compare how Xero's front door experience to its competitors

  2. Identify user types and if opportunities of personalisation exist

Design Process

I actively participated in every stage of the design process, starting from the initial client briefing session to the final client presentation. During this journey, we undertook various tasks, which encompassed:

  1. Conducting a comprehensive competitor analysis to gain insights into the market landscape and identify opportunities for differentiation.

  2. Performing qualitative interviews with users to gather valuable feedback, understand their needs and pain points, and inform the design direction.

  3. Facilitating ideation sessions to foster creative thinking, generate innovative ideas, and explore different design possibilities.

  4. Conducting user testing sessions to validate design concepts, gather user feedback, and refine the interface based on user preferences and expectations.

  5. Collaborating with a group of stakeholders to collectively create wireframes, ensuring a collaborative and consensus-driven approach.

  6. Developing high-fidelity prototypes to provide a realistic representation of the final product, allowing stakeholders and users to visualise the intended user experience.

By actively engaging in these tasks, we ensured a holistic involvement in the design process, enabling a comprehensive understanding of user needs and aligning the final design solution with client expectations

Key Deliverables

  1. Competitors analysis report

  2. User Insights

  3. Wireframes

  4. Hi-Fi Prototypes

User Testing

We conducted user testing sessions involving 3 small business owners and 2 accountants/bookkeepers to gain valuable insights.

Based on the data collected, we created an affinity map that helped identify consistent themes and pain points experienced by users when interacting with Xero's homepage. This analysis enabled us to better understand user needs and challenges, guiding our efforts to address these issues and improve the overall user experience on the homepage.

USER INSIGHTS

Iterations

In response to user feedback, we implemented a significant enhancement by to current Homepage's elements.

Proposed Solutions

During our proposal to the Xero team, we recommended several features to enhance the user experience:

  1. Redesigning the top navigation by incorporating a search bar to improve navigation efficiency.

  2. Introducing step-by-step call-to-action elements to guide users through the desired actions in a clear and intuitive manner.

  3. Redesigning the footer to reduce its size and optimise space allocation.

  4. Introducing a quiz feature to assist users in identifying the most suitable products that meet their specific needs.

  5. Incorporating real testimonials and awards callouts to instill trust and credibility among users.

  6. Introducing a live chat function to provide real-time assistance and support to users.

By implementing these proposed features, we aim to enhance usability, engagement, and trust, ensuring a seamless and positive user experience on the Xero platform.

DESKTOP WEBSITE

MOBILE WEBSITE

Reflections

Key learnings from this project include:

  1. Prioritising user testing results: Throughout the design process, it is crucial to consistently refer back to user testing insights. By designing with the user in mind, we can ensure a seamless and user-friendly experience on the website. User feedback also helps prevent designing based on personal biases or assumptions, fostering a user-centric approach.

  2. Efficient time management: Given the limited timeframe of 6 weeks, effective time management becomes paramount. By carefully planning and allocating time for each task, we can maintain project progress and ensure timely delivery of high-quality outcomes.

  3. Leveraging past business experiences: Learning from previous experiences, both successes and failures, provides valuable insights. By analysing what has worked well in the past and understanding areas for improvement, we can make informed design decisions and create a stronger, more effective solution.