Tom Gillan

Nexus Inclusion

Nexus Inclusion

UX Design

Product

Motion

2025

Nexus Inclusion is a digital product built to help organisations measure, improve, and manage diversity, equity, inclusion, and belonging through practical tools, clear actions, and useful insights.

I worked across product UX, website experience, messaging, and visual design to help shape the product from the ground up creating an experience that felt clear, credible, and easy to use.

The UI design for this project was completed by Duncan Menzies whereas my focus was on strategy, product UX, user experience can motion design.

Overview

Many organisations want to build more inclusive workplaces, but often lack the structure, data, or momentum to make lasting progress.


Nexus Inclusion was created to solve that problem. The platform gives teams a clearer view of where they are today, helps identify areas for improvement, and supports ongoing progress through tools, guidance, and reporting.


As a new product, the challenge was not redesigning an existing experience — it was defining one from scratch.


That meant shaping how the product should work, how it should be understood, and how it should build trust with users from day one. My role focused on turning a complex and sensitive topic into a product experience that felt practical, structured, and easy to adopt.

My approach focused on auditing first and then improving the new MVP product that prioritised key value adding features and usability.

  1. Discovery – Identified usability issues and accessibility barriers within the original Microsoft prototype.

  2. Design thinking – Defined key users and goals through founder workshops, resulting in three proto-personas.

  3. Wireframing & UX design – Developed responsive layouts for desktop, tablet, and pitch-side use.

  4. UI design – Built a dark-mode interface optimised for clarity, accessibility, and data visualisation.

My Contribution

  • Needs analysis and product requirements documentation

  • User flows & information architecture

  • Product UX design

  • Website UX & conversion journeys

  • Messaging and product positioning

  • Motion design & animation

Research & Discovery

Before defining features or interface direction, the first step was understanding the problem space, audience needs, and commercial opportunity.

Because Nexus Inclusion was a new product, this phase focused on identifying where organisations struggled today and what a more useful solution could look like.

I carried out an initial audit covering:


  • Competitor and market review

  • Existing DEI tools and consultancy offers

  • Common gaps in reporting and accountability

  • User expectations for modern B2B platforms

  • Opportunities to simplify a complex topic


This helped shape a clearer product direction and ensured the platform was grounded in strategic thought and documented assumptions.

My approach focused on auditing first and then improving the new MVP product that prioritised key value adding features and usability.

  1. Discovery – Identified usability issues and accessibility barriers within the original Microsoft prototype.

  2. Design thinking – Defined key users and goals through founder workshops, resulting in three proto-personas.

  3. Wireframing & UX design – Developed responsive layouts for desktop, tablet, and pitch-side use.

  4. UI design – Built a dark-mode interface optimised for clarity, accessibility, and data visualisation.

Product Requirements & Feature Definition

Following the research phase, I translated insights into clear product requirements to help move Nexus Inclusion from concept to delivery.

I created feature documentation covering user needs, MVP priorities, functional requirements, reporting needs, and future opportunities. For key modules, this included user stories, use cases, success measures, and the functionality needed for development.

This process created early alignment, reduced ambiguity, and helped ensure the product was practical, purposeful, and ready to scale.

Explainer video

To help sell the idea quickly I storyboarded and produced a motion explainer video that shows the core narrative: people are blocked by digital products, Nexus scans and detects 100 percent of issues, the AI copilot then gives clear fixes, and teams can monitor over time. The video gives a sense of what the product aims to be and achieve even before it existed or the design was finalised. I've included it here in the case study so you too can get an overview quickly and easily of the vision, mission and promise of the product.


The video has a voiceover so please turn on your sound when playing.

My approach focused on auditing first and then improving the new MVP product that prioritised key value adding features and usability.

  1. Discovery – Identified usability issues and accessibility barriers within the original Microsoft prototype.

  2. Design thinking – Defined key users and goals through founder workshops, resulting in three proto-personas.

  3. Wireframing & UX design – Developed responsive layouts for desktop, tablet, and pitch-side use.

  4. UI design – Built a dark-mode interface optimised for clarity, accessibility, and data visualisation.

Product design

The product UX is organised as a workspace with four clear jobs. I designed these flows as UX only and kept components, spacing and colours loose so that the UI designer could skin and systemise them later.

  1. Scanning for accessibility issues

  2. Reviewing issues and managing tasks

  3. Learning how to make fixes

The Learn area reuses the same layout to deliver WCAG explained, compliance guides, developer guides and certificates so teams can upskill inside the tool. This was a key differentiator we added after the audit.

My approach focused on auditing first and then improving the new MVP product that prioritised key value adding features and usability.

  1. Discovery – Identified usability issues and accessibility barriers within the original Microsoft prototype.

  2. Design thinking – Defined key users and goals through founder workshops, resulting in three proto-personas.

  3. Wireframing & UX design – Developed responsive layouts for desktop, tablet, and pitch-side use.

  4. UI design – Built a dark-mode interface optimised for clarity, accessibility, and data visualisation.

Home dashboard

The homepage dashboard was designed to give users a clear view of their inclusion learning and progress each time they logged in. It highlighted active certifications, recommended learning pathways, recently accessed resources, and quick access to core platform tools. The goal was to help users stay engaged, track development, and easily continue their progress.

My approach focused on auditing first and then improving the new MVP product that prioritised key value adding features and usability.

  1. Discovery – Identified usability issues and accessibility barriers within the original Microsoft prototype.

  2. Design thinking – Defined key users and goals through founder workshops, resulting in three proto-personas.

  3. Wireframing & UX design – Developed responsive layouts for desktop, tablet, and pitch-side use.

  4. UI design – Built a dark-mode interface optimised for clarity, accessibility, and data visualisation.

Review issues and manage tasks

A tasks view lets teams see what was found, what is urgent and who owns it. Notifications and weekly reports keep people in the loop. This was important to make the platform useful beyond the audit.

My approach focused on auditing first and then improving the new MVP product that prioritised key value adding features and usability.

  1. Discovery – Identified usability issues and accessibility barriers within the original Microsoft prototype.

  2. Design thinking – Defined key users and goals through founder workshops, resulting in three proto-personas.

  3. Wireframing & UX design – Developed responsive layouts for desktop, tablet, and pitch-side use.

  4. UI design – Built a dark-mode interface optimised for clarity, accessibility, and data visualisation.

Scan feature

Users can scan a URL, an uploaded file, media, Figma links or code. Scan settings let them define depth, devices and compliance targets such as WCAG. Recurring scans can be scheduled for monitoring.


Scan results are grouped by priority, disability type, asset type and fix type. Each issue has a description, a fix and a retest action. This is designed to reduce handover time between content, dev and QA.

My approach focused on auditing first and then improving the new MVP product that prioritised key value adding features and usability.

  1. Discovery – Identified usability issues and accessibility barriers within the original Microsoft prototype.

  2. Design thinking – Defined key users and goals through founder workshops, resulting in three proto-personas.

  3. Wireframing & UX design – Developed responsive layouts for desktop, tablet, and pitch-side use.

  4. UI design – Built a dark-mode interface optimised for clarity, accessibility, and data visualisation.

Learning how to make fixes

The Learn area reuses the same layout to deliver WCAG explained, compliance guides, developer guides and certificates so teams can upskill inside the tool. This was a key differentiator we added after the audit.

My approach focused on auditing first and then improving the new MVP product that prioritised key value adding features and usability.

  1. Discovery – Identified usability issues and accessibility barriers within the original Microsoft prototype.

  2. Design thinking – Defined key users and goals through founder workshops, resulting in three proto-personas.

  3. Wireframing & UX design – Developed responsive layouts for desktop, tablet, and pitch-side use.

  4. UI design – Built a dark-mode interface optimised for clarity, accessibility, and data visualisation.

Marketing site UX

I also designed the structure for the public site. The homepage leads with “The ultimate AI accessibility solution” and two CTAs: get started and scan my website. This follows the pattern identified in the audit and supports both lead capture and product trial. Below that sits a proof and education layer: research, “reach 20% more customers”, AI copilot, solutions by medium and by team, partners and a learning hub. All of these were intentional because they were common to every top competitor and make the product feel enterprise ready.


The sitemap breaks into Product, Solutions, Resources and Partners. Product holds the core features such as automated scanning, AI visual audit, step by step guides, AI code review and the end user widget. Solutions reframes the same offer for websites, digital products, documents and video and media. Resources houses compliance guides, learning centre, WCAG explained, developer tools and support. This lets sales send links to specific contexts without the site feeling custom every time.

My approach focused on auditing first and then improving the new MVP product that prioritised key value adding features and usability.

  1. Discovery – Identified usability issues and accessibility barriers within the original Microsoft prototype.

  2. Design thinking – Defined key users and goals through founder workshops, resulting in three proto-personas.

  3. Wireframing & UX design – Developed responsive layouts for desktop, tablet, and pitch-side use.

  4. UI design – Built a dark-mode interface optimised for clarity, accessibility, and data visualisation.

Pricing Page

The pricing page was designed to help potential customers understand the product offer quickly and compare plans with confidence. I focused on creating a clear structure that balanced transparency with conversion, including pricing tiers, feature comparisons, optional add-ons, and common questions. Strong calls to action were placed throughout the page to encourage users to book a demo or speak with sales. The goal was to reduce hesitation, build trust, and turn interest into qualified leads.

My approach focused on auditing first and then improving the new MVP product that prioritised key value adding features and usability.

  1. Discovery – Identified usability issues and accessibility barriers within the original Microsoft prototype.

  2. Design thinking – Defined key users and goals through founder workshops, resulting in three proto-personas.

  3. Wireframing & UX design – Developed responsive layouts for desktop, tablet, and pitch-side use.

  4. UI design – Built a dark-mode interface optimised for clarity, accessibility, and data visualisation.

Outcome

Nexus Inclusion was a chance to help build a product from the ground up around a meaningful challenge. My role covered product thinking, UX, feature planning, and helping shape a clear experience around a complex topic.


It showed how valuable strong design can be early on. creating clarity, building confidence, and giving a new product a solid foundation to grow from.

My approach focused on auditing first and then improving the new MVP product that prioritised key value adding features and usability.

  1. Discovery – Identified usability issues and accessibility barriers within the original Microsoft prototype.

  2. Design thinking – Defined key users and goals through founder workshops, resulting in three proto-personas.

  3. Wireframing & UX design – Developed responsive layouts for desktop, tablet, and pitch-side use.

  4. UI design – Built a dark-mode interface optimised for clarity, accessibility, and data visualisation.

Other projects

Projects

Award winning

SETU – Award winning university website

Award-winning, best-in-class, universal design website for a new brand and the merging of three colleges to form a new university. Lead UX designer & researcher working with a team of UI designers and developers. Project completed at Kooba.

UX

Website

2023

Sideteams – Community platform for startups

New web app to help freelancers and founders connect and co-found new startups and work together. Worked as an independent product designer liaising with the internal product development team.

UX & UI Design

Product

2023

Want to see more or like to connect?

Want to see more or like to connect?

tomgillandesign@gmail.com

tomgillandesign@gmail.com

Instagram

Instagram

Linkedin

Linkedin