Johnson Matthey is a global leader in sustainable chemicals, using over 200 years of scientific expertise to create cleaner, healthier, and more efficient solutions.

Highlight(s)

Services

Branding

Industry

Beauty/Cosmetics

Client

GreenGlow Organics

My Role

UX Designer

Highlight(s)

Services

Branding

Industry

Beauty/Cosmetics

Client

GreenGlow Organics

Live Project

Visit live website

My Role

UX Designer

PROJECT TYPE

Corporate, commercial website

yEAR

2024

team

Michael, Jude, Roshan

Project 1
Project 2
Project 3
Project 4
Project 5
Project 6

“ I led key areas of the end-to-end website transformation in close collaboration with a cross-functional team, reshaping the information architecture, user journeys, and visual design to better support complex scientific content and business goals. Through user research and iterative prototype testing, we validated critical design decisions and refined the experience based on real feedback. I also established a scalable UI library from scratch, creating reusable components and clear design standards. Partnering closely with developers, I facilitated continuous reviews and usability checks to ensure a seamless build process and successful launch. ”

I led key areas of the end-to-end website transformation in close collaboration with a cross-functional team, reshaping the information architecture, user journeys, and visual design to better support complex scientific content and business goals. Through user research and iterative prototype testing, we validated critical design decisions and refined the experience based on real feedback. I also established a scalable UI library from scratch, creating reusable components and clear design standards. Partnering closely with developers, I facilitated continuous reviews and usability checks to ensure a seamless build process and successful launch. ”

photo of mountain
bird's eye view photograph of green mountains
mountain near on body of water photo
1 / 5

I led key areas of the end-to-end website transformation in close collaboration with a cross-functional team, reshaping the information architecture, user journeys, and visual design to better support complex scientific content and business goals. Through user research and iterative prototype testing, we validated critical design decisions and refined the experience based on real feedback. I also established a scalable UI library from scratch, creating reusable components and clear design standards. Partnering closely with developers, I facilitated continuous reviews and usability checks to ensure a seamless build process and successful launch. ”

Dev ready documentation

Built 100 hrs of information architecture for the dev team

The end-to-end website transformation in close collaboration with a cross-functional team, reshaping the information architecture, user journeys, and visual design to better support complex scientific content and business goals. Through user research and iterative prototype testing, we validated critical design decisions and refined the experience based on real feedback. I also established a scalable UI library from scratch, creating reusable components and clear design standards. Partnering closely with developers, I facilitated continuous reviews and usability checks to ensure a seamless build process and successful launch.

“ I led key areas of the end-to-end website transformation in close collaboration with a cross-functional team, reshaping the information architecture, user journeys, and visual design to better support complex scientific content and business goals. Through user research and iterative prototype testing, we validated critical design decisions and refined the experience based on real feedback. I also established a scalable UI library from scratch, creating reusable components and clear design standards. Partnering closely with developers, I facilitated continuous reviews and usability checks to ensure a seamless build process and successful launch. ”

Project 1
Project 2
Project 3
Project 4
Project 5
Project 6

Johnson Matthey partnered with Foolproof to deliver a much-needed digital transformation. Over the years, the organisation had built up multiple disconnected and outdated websites that were difficult to maintain and lacked a consistent global voice. The goal was to unify this fragmented digital landscape into one cohesive, modern platform that clearly reflected the brand’s leadership in sustainable technology.

With company, research, and product information spread across numerous sources, the UX challenge was substantial. I led key areas of the information architecture redesign, structuring complex scientific and technical content into clear, intuitive journeys. The focus was to create a scalable global experience that aligned regional stakeholders while improving clarity, usability, and long-term maintainability.

The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #2
The image featured at the top of the about us page #2
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #2
The image featured at the top of the about us page #1

Enhanced outdated Sky Q platform by optimizing areas for upselling additional services and package deals.

Designed and animated discovery areas on the device to improve user engagement.

Conducted multiple tests to ensure clarity and usability, helping users understand offers and features better.

The image featured at the top of the about us page #1

Enhanced outdated Sky Q platform by optimizing areas for upselling additional services and package deals.

Designed and animated discovery areas on the device to improve user engagement.

Conducted multiple tests to ensure clarity and usability, helping users understand offers and features better.

The image featured at the top of the about us page #1
The image featured at the top of the about us page #2
The image featured at the top of the about us page #1
The image featured at the top of the about us page #2

Managed areas from inception to completion, maintaining ongoing communication with Product Owners. Released complex UI tests and components to the library.

Developed conceptual ideas for broadband, supported by thorough research, to explore new opportunities. Conducted competitive research, launched new products, and improved usability in various areas.

Conducted over 15 UserZoom tests with live users to refine and implement best UX practices.

Interaction Clarity Driving Measurable Impact


  • Identified friction in product comparison and ambiguous selection feedback within the carousel.

  • Recommended a simple blue shading enhancement to the radio button selection state, strengthening visual feedback and reducing ambiguity.

  • This lightweight refinement generated a +1.2 percentage point uplift in CVR compared to the version without shading.

Analyze 01
Initial grind
The live experience limited speed comparison visibility and required excessive scrolling to add products to the basket, increasing friction and contributing to user drop-off.
What was live
Build 02
Quick iteration
Outcome 03
Boost in completed actions
Petra Peussa

It’s been great working with you — thank you for all your hard work on Broadband. I’m really excited about what we’ll achieve together. Your suggestion to add simple blue shading to the radio buttons drove a +1.2% CVR uplift vs. the version without shading. It’s a great example of how your UX expertise directly impacts business results, and I’d love for you to continue sharing the insight and context behind these decisions so we can keep learning from you.

Project Manager (Sky team)

The image featured at the top of the about us page #1
The image featured at the top of the about us page #1

20 product card ideas post

3D Gradient Waves
The image featured at the top of the about us page #1
The image featured at the top of the about us page #2
The image featured at the top of the about us page #1
The image featured at the top of the about us page #2
Priya Khanna

In my time working with you I have seen you grow and take up new responsibilities quickly. You have shown tremendous potential and picked up key skills like research, client management and managing a vertical of work by yourself. I am super proud of you and of working with you in Broadband. You did and continue to do amazing work there! My project management, including adherence to timelines and client interaction: I have never had issues with your timeliness. I have given feedback to you on small areas on client interaction which I can see you have taken seriously and started upskilling in that area to good results. I do know that clients find it comfortable to interact with you and you have managed work by yourself without any issues so that is absolutely brilliant!

Principal Designer

Overview
Kim’C Market is a live e-commerce grocery platform facing measurable UX performance challenges across its shopping experience. A 58.04% bounce rate and 1.76% conversion rate indicated friction from first impression through checkout, with limited visibility into long-term retention behavior. The project focused on analyzing real user data and business constraints to identify 10 prioritized UX insights and actionable recommendations, aligned with established UX best practices and Google Material Design standards, to improve clarity, confidence, and conversion across the journey. The project focused on analyzing real user data and business constraints to identify 10 prioritized UX insights and actionable recommendations, aligned with established UX best practices and Google Material Design standards, to improve clarity, confidence, and conversion across the journey.
Stakeholder
This project involved ongoing collaboration with stakeholders to align UX findings with business goals and technical feasibility. Insights were shared through regular check-ins, requiring clear communication, evidence-based recommendations, and thoughtful navigation of difficult conversations around usability issues.
Problem
⚡️ The Challenge: How might we reduce friction and improve conversion across the shopping journey? High bounce rates suggested weak first impressions, while low conversion pointed to breakdowns during consideration and checkout. The lack of retention insights further emphasized the need for an end-to-end UX evaluation focused on reducing cognitive load, improving transparency, and supporting confident decision-making. The project focused on analyzing real user data and business constraints to identify 10 prioritized UX insights and actionable recommendations, aligned with established UX best practices and Google Material Design standards, to improve clarity, confidence, and conversion across the journey.
The image featured at the top of the about us page #1
The image featured at the top of the about us page #2
The image featured in the middle of the about us page

Services

Services are designed with simplicity and effectiveness in mind. We offer a comprehensive range of solutions tailored to meet your design needs.

Branding

Logo Design / Brand Guidelines / Collateral Design / Rebranding Services

UX & UI Design

User Research and Analysis / Wireframing and Prototyping / User Interface Design / User Experience Testing / Responsive Design Solutions

Motion & Animation

Motion Graphics Design / Animated Explainer Videos / Interactive Presentations

Mobile

iOS App Development / Android App Development / App Prototyping and Testing / App Maintenance and Updates

The image featured at the bottom of the about us page

How We Work

Join us in exploring a digital creative process where simplicity enhances the beauty and efficacy of every design endeavor.

01

Discover Needs

We delve deep into understanding your brand, target audience, and objectives, unraveling the insights that will shape our creative journey.

02

Design Experience

Armed with insights, our design experts bring concepts to life, seamlessly blending aesthetics and functionality for a visually stunning and user-centric experience.

03

Refine Feedback

We iterate tirelessly, refining our designs based on feedback, ensuring every pixel and interaction aligns perfectly with your brand identity and user expectations.

04

Deliver Project

The culmination of our collaborative efforts results in the delivery of a polished, cohesive digital experience that not only meets but exceeds your expectations.

Designing Success

See how we've turned ideas into reality. Dive into the stories of successful product designs that make a difference.