Show me

all projects

Storyboards
Hargreaves Lansdown
Moshun Earth
Gendo AI
Deep
Oütlas
Kenoteq
Adi Dassler
Protect Our Winters

Gendo AI

Design Systems

1

PROCESS

• Reviewed project brief and accessibility compliance goals
• Audited existing UI for accessibility and design consistency
• Held kickoff meeting with design, dev, and compliance teams
• Researched inclusive design patterns and WCAG 2.1 standards
• Analysed competitor design systems for accessibility integration
• Sketched component ideas and mapped UI inconsistencies
• Collaborated with engineering to assess feasibility and semantic structure
• Created initial component wireframes and flows
• Presented to stakeholders for feedback
• Built mid-fidelity interactive prototypes using accessible markup
• Conducted usability testing with users of varying abilitiesIterated based on testing insights and technical constraints
• Developed high-fidelity UI aligned with brand and accessibility standards
• Finalised components in Zeroheight with accessibility documentation
• Delivered to engineering with coded guidelines and dev pair sessions

2

Discovery

RESEARCH ACCESSIBLE DESIGN SYSTEM PATTERNS

To understand how large organisations successfully embed accessibility into their design systems, I analysed mature systems such as the BBC GEL and IBM Carbon. Both place accessibility at the core — not as an afterthought, but as a design foundation.

I was especially interested in how they combine semantic structure, ARIA attributes, and clear documentation to support consistent, accessible component implementation across teams.

WHAT I TOOK AWAY

From BBC GEL:
‍
• Prioritise clear guidance over visual flourish
• Build for lowest common denominator tech (screen readers, keyboard nav)
• Accessibility is enforced at the principle level, not just the component level
From IBM Carbon:
‍
• Robust, component-level accessibility checklists
• Built-in keyboard interaction guidance
• Code examples with live ARIA behaviour baked in

‍These systems informed my direction for Hargreaves Lansdown — particularly in how we could structure documentation, support devs, and scale inclusive design without duplicating effort.

COMPETITOR AUDIT: FINANCIAL SERVICES

I also looked at digital products from key financial competitors. Despite modern branding, many fell short on:
‍
• Focus indicators and tab navigation
• Form field accessibility (labels, error messaging)
• Colour contrast compliance

This confirmed an opportunity: Hargreaves Lansdown could differentiate through accessibility leadership.

3

DESIGN

This is some text inside of a div block.

4

PROTOTYPE

This is some text inside of a div block.

5

TEST

This is some text inside of a div block.

6

ACCESSIBLITY

This is some text inside of a div block.
Hamish clearly knows what he's doing! He dove straight into our product documentation with an experienced eye and clear direction. Ours was a whole new kind of generative AI product, and yet Hamish helped us with thoughtful, well structured documentation which has already proven an tremendous asset. A pleasure to work with, and I couldn't recommend him enough.

The Gendo AI Documentation Project aims to create comprehensive and user-friendly product documentation for Gendo AI, a cutting-edge browser-based tool for architects and interior designers. This project will produce a detailed Interface Manual using Notion, designed to enhance user experience, streamline internal communication, and support the ongoing development of the platform. The documentation will serve as a critical resource for both end-users and the internal development team, fostering better understanding of the tool's capabilities and promoting more efficient collaboration between designers and developers.

Key Objectives:

  1. Develop clear and accessible documentation for Gendo AI's interface and features
  2. Improve communication between design and development teams
  3. Enhance user adoption and satisfaction with the Gendo AI tool
  4. Support the refinement and optimization of Gendo AI's foundational code
HUX
I collaborate with awesome leaders working to restore. Let's build.
‍
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

SOCIAL