Magic Touch
Redesigning the mobile booking experience and provider marketplace for on-demand home services.
Increase in completed bookings through the redesigned checkout funnel within two months of launch.
Percentage of test users successfully completing a service booking on their first attempt without errors.
Reduction in checkout complexity, down from an eight-step legacy system to a simplified booking flow.
Project Overview
Magic Touch is an on-demand home services mobile application that connects customers with local certified professionals for cleaning, plumbing, beauty, and repair services. The client needed to redesign their entire mobile platform to simplify complex booking paths, improve retention among service providers, and establish a premium visual identity.
As the Lead UI/UX and Interaction Designer, I redesigned the user experience and service provider workflows in Figma. By establishing a scalable mobile design system, simplifying the booking funnel into three intuitive steps, and crafting high-fidelity interactive prototypes, I resolved the main friction points that led to user drop-offs.
The Challenge
Solving booking flow drop-offs and streamlining complex provider dashboards.
The legacy Magic Touch mobile app suffered from severe booking friction. Customers had to navigate through eight separate screens to schedule a service, resulting in a 42% booking abandonment rate. At the same time, service providers struggled with an unintuitive scheduling dashboard, leading to high churn rates and missed appointments.
My goals were to streamline the checkout process, design a unified mobile design system to ensure absolute UI consistency across platforms, and create high-fidelity prototypes in Figma to conduct intensive usability tests before handoff.
Design Strategy
Establishing clean visual hierarchy and flexible mobile component tokens.
I initiated the redesign process by constructing a unified design system in Figma. I opted for a clean, neutral-toned zinc base combined with high-contrast teal accents to highlight primary system states, success messages, and main CTA buttons. By mapping components to flexible Figma variable collections, I ensured seamless light and dark mode adaptive styling.
To give the interface a premium, physical feel, I adopted clean geometric layouts, generous white space, and clear typography. Standardizing the mobile card components and navigation patterns helped build user trust, making the search for home services feel clean, modern, and effortless.
Figma Design Token Playground
I built a live interactive component playground showing the Figma design token rendering model. Adjust the parameters below to see how tokens translate directly into react code.
Figma Token Playground
Interact with design tokens to see how Figma variable changes dynamically update production-ready code.
Deep Home Cleaning
Popular serviceProfessional deep cleaning for bedrooms, bathrooms, and kitchen spaces. Standard equipment and eco-friendly cleaning agents included.
The Solution
Developing a 3-step booking funnel and a clear provider schedule dashboard.
The final design centers around a simplified 3-step checkout funnel: category search, slot scheduling, and direct payment. By grouping secondary options and utilizing drawer-style popups for service customization, I reduced the cognitive load significantly. For the service providers, I designed a dashboard featuring visual earnings graphs, quick schedule toggles, and instant booking notifications.
To ensure absolute precision, I built high-fidelity interactive prototypes in Figma, modeling all micro-interactions, swipe gestures, and page transition effects. This comprehensive design specification allowed the engineering team to implement smooth 60fps transitions and fast interactions throughout the app.
"Working with Mousin completely transformed our mobile experience. He designed an elegant, high-fidelity booking flow that feels incredibly premium. Since launching the new designs, our booking conversions have increased by 32%, and customer satisfaction has reached an all-time high. His Figma design system has saved our development team months of work."