Roche Dia:gram

Roche Dia:gram

Transforming Wander Kit’s digital presence with strategic UI/UX design, seamless web development, and innovative digital design solutions for their travel cosmetic kits.

Transforming Wander Kit’s digital presence with strategic UI/UX design, seamless web development, and innovative digital design solutions for their travel cosmetic kits.

Client

Client

Roche

Roche

Year

Year

2025

2025

Skills

Skills

Overview
Overview

To transform Dia:gram into a clear, purposeful platform - one that surfaces relevant content, simplifies discovery, and empowers every stakeholder in diagnostics to find what they need, when they need it.

To transform Dia:gram into a clear, purposeful platform - one that surfaces relevant content, simplifies discovery, and empowers every stakeholder in diagnostics to find what they need, when they need it.

The Challenge
The Challenge

Wander Kit faced challenges with an outdated website that did not effectively highlight their product range. The existing UI/UX design lacked user engagement elements, resulting in a high bounce rate and low conversion rates. Their digital presence needed a comprehensive overhaul to improve brand perception and increase online sales.

Wander Kit faced challenges with an outdated website that did not effectively highlight their product range. The existing UI/UX design lacked user engagement elements, resulting in a high bounce rate and low conversion rates. Their digital presence needed a comprehensive overhaul to improve brand perception and increase online sales.

Understanding The Problem
Understanding The Problem

CozyPlace (Before Redesign)
CozyPlace (Before Redesign)
The Solution (After Redesign)
The Solution (After Redesign)

We conducted thorough market research and user testing to understand Wander Kit’s target audience and their preferences. Based on insights gathered, Our digital design strategy focused on creating visually appealing product displays, integrating high-quality images, and implementing a cohesive brand identity across the website. In parallel, our web development team ensured seamless functionality, mobile responsiveness, and integration of robust e-commerce features like secure checkout and personalized recommendations.

1. Website Consolidation

1. Website Consolidation

2. One-Page Booking System

2. One-Page Booking System

2. One-Page Booking System

3. Mobile-First Design

3. Mobile-First Design

The Result
The Result

Usability Testing
Usability Testing

Business Impact
Business Impact

Branding
Branding

Design System
Design System

Grid System

Grid System

Mobile-First Approach

Mobile-First Approach

Learnings & Next Steps
Learnings & Next Steps
Learnings & Next Steps

PORTFOLIO

CHECK OUT SOME MORE

CHECK OUT SOME MORE

Furniture Website

Furniture Website

Furniture Website

UI/UX

Web Design

Redesigning Ngee Ann City's Website

Redesigning Ngee Ann City's Website

Redesigning Ngee Ann City's Website

UI/UX

Web Design