Selected projects

Case Study

A closer look at how I approached the challenge, shaped the user experience, and built the final interface — from early ideas to polished execution.

Problem

Many wellness e‑commerce platforms feel cluttered and emotionally disconnected. Users struggle to navigate, compare products, and feel supported during their journey. My challenge was to design a calm, intuitive experience that builds trust and reduces friction.

Process

Design Decisions

I used deep blacks, purples, and subtle gradients to evoke a cosmic calm. The interface prioritises clarity, emotional connection, and frictionless navigation.

Outcome & Lessons Learned

The final product delivers a tranquil, focused experience. I strengthened my accessibility approach, improved React state management, and refined reusable UI component patterns.

Case Study

The London Museum of Science launched a thrilling new astronomy event and wanted a digital experience that felt magical. The museum needed a landing page that didn’t just inform, but pulled visitors to engagement. Something immersive, atmospheric, and family‑friendly. Their goal was to increase awareness, attract families, and encourage sign‑ups for the event.

Problem

Their existing website announcements weren’t capturing attention — visitors were scrolling past without feeling the excitement. The museum wanted something more immersive — a visually striking, interactive experience that would spark curiosity and encourage visitors to explore further.

Process

Design Decisions

Instead of a static banner, I used motion to create an immediate sense of immersion. The swirling black hole animation acts as a visual anchor, pulling users into the experience and encouraging them to scroll.

Outcome & Lessons Learned

The final landing page successfully delivers an immersive, astronomy‑themed experience that captures users’ attention within the first few seconds. The dynamic black‑hole animation, combined with clear messaging and scroll‑triggered interactions, creates a sense of curiosity and excitement that aligns with the museum’s event. The design communicates key information quickly, making it easy for families to understand what the event is about and how to subscribe.

Case Study

Busy families often struggle to cook healthy meals. The goal of this project was to design a simple, intuitive recipe‑search experience that helps users quickly discover meals based on their preferences.

Problem

Many households have different dietary needs or want to exclude certain ingredients. The problem was to create a simple, intuitive way for users to discover recipes that match their preferences, dietary restrictions, and available ingredients.

Process

Design Decisions

The design of the Food Web App was shaped by the needs of busy families and professionals who want quick, healthy meal ideas without navigating overwhelming interfaces.

Outcome & Lessons Learned

The Food Web App successfully delivers a simple, intuitive way for users to discover recipes that match their dietary needs, ingredient preferences, and available time. By combining a clean layout with powerful filtering options, the app helps busy families and professionals find healthy meal ideas quickly — without the clutter and overwhelm of traditional recipe websites.

Case Study

A small construction business needed a fast, reliable way to generate service quotes while working on the move. Manual calculations were slow and inconsistent, reducing client trust. This project explores a simple, mobile‑friendly solution that supports quick, transparent quoting during site visits.

Problem

The business owner manages all operations alone and has little time for manual calculations. Slow quoting leads to delays, inconsistent pricing, and lost client trust. A faster, more accurate solution was needed.

Process

Design Decisions

The design prioritises quick, simple actions because the business owner works on site... Mobile-first flow: Designed for quick use during site visits. Step-by-step structure: Mirrors how contractors naturally assess jobs. Minimal input: Automatic measurements, simple selectors. Clear hierarchy: Large headings and spacing for fast scanning. Real-world terminology: Uses language contractors already use. Review screen: Builds trust and reduces errors.

Outcome & Lessons Learned

The final prototype delivers a clear, mobile‑friendly quoting flow that supports fast, on‑site use. It simplifies the contractor’s process, reduces manual input, and provides a structured way to capture essential details. The project strengthened my ability to translate real‑world workflows into intuitive digital interactions and helped me refine my approach to designing simple, efficient mobile experiences.