kleindesigned logo
[recent work.]
[recent work.]

An information architecture revamp to deliver updated content and a revised information architecture to enhance the user experience.

[ information architecture. ]

The Challenge

How can we create a smooth and informative user experience that caters to each of our user groups?

The Actions

Research

Please note: Although there are limited images or data shown due to confidentiality, my design process, the way I think and how I work is seen throughout the project.

The discovery stage looked at understanding user needs and the website's existing structure. To gather insights, I conducted user interviews, surveys, and usability testing sessions. With a focus on information architecture (IA), I conducted tree testing to evaluate how easily users could find desired information. This exposed potential flaws in the navigation structure. I also competed a comprehensive content audit and analysed existing website content.

Tasks
  • User research: Conducted interviews, surveys, or usability testing to understand user pain points and behaviours.
  • User journey mapping: Mapped out the steps users take to complete tasks on the website.
  • Content audit: Analysed existing website content.
  • Card sorting: Organised website content based on user logic to inform IA development.
  • Tree testing: Evaluated the ease of users finding information within the website's IA structure.

Content tree listing all navigation options and paths
Content tree listing all navigation options and paths

Analysis

The content audit analysis involved evaluating existing content for relevance and accuracy. User research insights, from interviews, surveys, and usability testing, was then analysed to identify themes and user pain points. I used affinity mapping, a technique that groups related findings together. This process helped identify patterns and focus on key user needs, which will inform the development of a revised information architecture and updated content strategy.

Tasks
  • User research analysis: Synthesised findings from interviews, surveys, and usability testing to identify user needs and pain points.
  • Content audit analysis: Evaluated existing website content.
  • Affinity mapping: Organised user research findings into groups to identify patterns and user needs.
  • Information architecture (IA) development: Defined the structure and organisation of information on the website.
  • Content strategy development:  Planned the creation, editing, and organisation of website content.

Design

I created initial wireframes to outline basic page layouts and information hierarchy. To cater to the needs of three distinct user groups, I created multiple low-fidelity design variations. These variations were then presented in design feedback sessions with various teams. These sessions resulted in valuable discussions and user input allowing for continuous refinement of the low-fidelity prototypes. This back-and-forth process ensured the designs were well-developed and ready for user testing, a crucial step in validating the effectiveness of the revised information architecture and content strategy.

Tasks
  • Wireframing: Created low-fidelity sketches to explore different layout options.
  • User flow development: Defined the steps users take to complete tasks on the website.
  • Prototyping: Created interactive mockups to simulate the website's functionality.
  • Design iteration: Refined designs based on user feedback and testing.
  • Visual design: Established the website's visual style, including colours, typography, and imagery.
  • Usability testing: Conducted user testing sessions to evaluate the usability of the prototypes.

Low-Fidelity mock-ups of each age
Low-Fidelity mock-ups of each age

Delivery, Report & Presentation

I compiled a comprehensive report outlining the key findings and insights learned from the research. This report was then presented to key stakeholders, ensuring all decision-makers were aware of the project's valuable takeaways.

Tasks
  • Prepared a report on the findings and insights
  • Presented to key stakeholders
  • Delivered the design to the Website team

Low-Fidelity mock-ups the retirement path
Low-Fidelity mock-ups the retirement path

Learning and challenges

Learning how Optimal Workshop (a tool for tree testing that helps you evaluate the findability and hierarchy of content on your website) functioned was a big learning curve as I hadn't used the software before. It's very intuitive and easy to use and resulted in some great insights after running tests with users.

The Result

While the project  didn't progress to development due to a company-wide shift in priorities, the UX process delivered valuable insights. By prioritising user needs throughout the design process, we were able to identify key pain points and develop a revised information architecture and content strategy that catered to three distinct user groups. This user-centric approach was well-received by the Design, Web, and Product teams, who appreciated the comprehensive research and clear direction provided by the project. Though the final product won't be implemented for now, the groundwork laid through the UX process ensures the website improvements can be revisited and implemented when priorities realign.

Another kleindesiged. experience

[More Recent work.]

Check out some more of my latest projects for a glimpse into my ongoing pursuit of exceptional user experiences.

[user journey map.]

Customer journey

The aim of this project was to provide the business with a visually pleasing journey map to help understand every aspect of their customers journey. This includes all the touch points, emotions and actions from start to finish.

Deliverables

  • Research & Analysis
  • Workshops
  • User Interviews
  • Journey map
  • Report & Presentation
Sticky notes of information captured during workshops with usersThe sign up journey map with swim lanes for touch point, action and emotion
[digital design.]

Digital design & logo design

I aim to create memorable, unique, and effective designs that represent your brand and capture users attention.

Deliverables

  • Logo Design
  • Website Design & Development
  • Illustrations
  • Graphic Design
Brains Trust Logo showing an illustrative brain wearing glassesIllustration of a kombi used as a mobile design studio