WEB PLATFORM
WEB PLATFORM
A UX revamp for Coherence LAB: Smarter Navigation for a Tool that Transforms Organisations
A UX revamp for Coherence LAB: Smarter Navigation for a Tool that Transforms Organisations
CLIENT
Inuous
PRODUCT
Coherence LAB
YEAR
2025
CLIENT
Inuous
product
Coherence LAB
year
2025
MY ROLE
UX/UI Designer
TEAM
Eunice Biyere (Product Owner), Joel Dolling (Project Manager)
TOOLS
Figma
PLATFORM
Web
Timeline
N/A
MY ROLE
UX/UI Designer
TEAM
Eunice Biyere (Product Owner), Joel Dolling (Project Manager)
TOOLS
Figma
PLATFORM
Web
Timeline
N/A
MY ROLE
UX/UI Designer
TEAM
Eunice Biyere (Product Owner), Joel Dolling (Project Manager)
TOOLS
Figma
PLATFORM
Web
Timeline
N/A
The Project
The Project
Coherence Lab is a tool for organisations to monitor and understand the views of their employees, to ultimately assess the potential of the organisation in delivering upon its vision. Users of the platform can create surveys to send to their teams, the responses from which can be viewed in dashboards.
Coherence Lab is a tool for organisations to monitor and understand the views of their employees, to ultimately assess the potential of the organisation in delivering upon its vision. Users of the platform can create surveys to send to their teams, the responses from which can be viewed in dashboards.
My Role
My Role
Reinventing the navigation pattern present on the site
Producing high fidelity UI to demonstrate the changes
Reinventing the navigation pattern present on the site
Producing high fidelity UI to demonstrate the changes
⛓️💥
⛓️💥
The Problem
The Problem
⏱️
Outdated Design
Outdated Design
The product was outdated, with multiple CI cycles adding features and content that convoluted the UX of the site over time.
The product was outdated, with multiple CI cycles adding features and content that convoluted the UX of the site over time.
🛠️
Usability Issues
Usability Issues
While there was no budget for user testing, a thorough internal review of the platform revealed many usability issues and opportunities.
While there was no budget for user testing, a thorough internal review of the platform revealed many usability issues and opportunities.
Existing Navigation
Existing Navigation
The existing navigation was confusing and unintuitive, often leading to dead ends. The user has no sense of orientation; there is no way of knowing where you came from or how to get back.
The existing navigation was confusing and unintuitive, often leading to dead ends. The user has no sense of orientation; there is no way of knowing where you came from or how to get back.
The second level of the navigation bar appears conditionally, and suggests the user is viewing content nested within the Organisations tab as a whole.
The second level of the navigation bar appears conditionally, and suggests the user is viewing content nested within the Organisations tab as a whole.
Recognising Common Patterns
Recognising Common Patterns
Following Jakob’s Law, we needed to create a more familiar, intuitive experience by adopting common patterns from similar platforms.
Following Jakob’s Law, we needed to create a more familiar, intuitive experience by adopting common patterns from similar platforms.
I took inspiration from tools like Jira and PostHog, both of which use a side navigation panel with segmented controls to organise deeper content.
I took inspiration from tools like Jira and PostHog, both of which use a side navigation panel with segmented controls to organise deeper content.
Posthog (analytics platform) and Jira (project management software) side panels.
Posthog (analytics platform) and Jira (project management software) side panels.
💡
💡
The Solution
The Solution
The platform required a significant update to its navigation pattern to accommodate its features and content and ensure its continued usability.
A reshaped & future-proof navigation system to aid user orientation, accommodate nested content and align with current patterns.
A reshaped & future-proof navigation system to aid user orientation, accommodate nested content and align with current patterns.
Side Nav
Side Nav
I designed a side navigation pattern to align with similar products and aid orientation when accessing nested content.
I designed a side navigation pattern to align with similar products and aid orientation when accessing nested content.
Collapsible Panel
Collapsible Panel
Hovering near the side panel reveals a button to collapse the side panel for a wider view of the screen.
Hovering near the side panel reveals a button to collapse the side panel for a wider view of the screen.
Breadcrumbs
Breadcrumbs
The user can see where they've come from and navigate back there quickly and intuitively.
The user can see where they've come from and navigate back there quickly and intuitively.
Segmented Control
Segmented Control
Nested content is split into logical subheadings which are obviously part of the wider heading.
Nested content is split into logical subheadings which are obviously part of the wider heading.
Profile and Settings
Profile and Settings
These can now be accessed from the bottom of the side panel, removing the need for the top nav bar.
These can now be accessed from the bottom of the side panel, removing the need for the top nav bar.
Gallery
Gallery
Use the handle to view the before vs after of the navigation changes.
Use the handle to view the before vs after of the navigation changes.
Mockup of collapsed side panel allowing wider view of dashboard.
Mockup of collapsed side panel allowing wider view of dashboard.
Responsive design to work on mobile.
Responsive design to work on mobile.
🧨
🧨
Impact
Impact
While these updates have not yet been rolled out to users, some metrics I would track to assess its impact are…
While these updates have not yet been rolled out to users, some metrics I would track to assess its impact are…
⏰
⏰
Time to Task Completion
Time to Task Completion
The time taken for a user to find their intended destination.
The time taken for a user to find their intended destination.
🚩
🚩
Error Rate
Error Rate
The amount of errors, misclicks or hesitation in a user session.
The amount of errors, misclicks or hesitation in a user session.
📄
📄
Qualitative Feedback
Qualitative Feedback
Gaining user feedback on the ease of navigation.
Gaining user feedback on the ease of navigation.
NEXT CASE STUDY
Enhancing the Million Pound House Draw Experience
NEXT CASE STUDY
Enhancing the Million Pound House Draw Experience
NEXT CASE STUDY
Enhancing the Million Pound House Draw Experience
On the hunt for a full time role...
Please feel free to reach out with any questions, opportunities, or unsolved mysteries.
✉️
izzyjames2000@hotmail.co.uk
📞
MOBILE
+44 7503 724752
On the hunt for a full time role...
Please feel free to reach out with any questions, opportunities, or unsolved mysteries.
✉️
izzyjames2000@hotmail.co.uk
📞
MOBILE
+44 7503 724752
On the hunt for a full time role...
Please feel free to reach out with any questions, opportunities, or unsolved mysteries.
✉️
izzyjames2000@hotmail.co.uk
📞
MOBILE
+44 7503 724752
UX/UI Designer
UX/UI Designer
UX/UI Designer