UI / UX Design
View design file →
Spins
One app, everything covered, from paying bills to getting around. Rides, car rental, deliveries and utility payments in a single super-app.
Year :
2026
Industry :
Mobility & Payments
Client :
Spins
Project Duration :
1 Months
Role :
Product Designer
Team :
Solo designer × client product team
Tools :
Figma
Platform :
iOS · Android
View more shots in the gallery →
Snapshot
Product: Spins, a mobility and payments super-app: rides, car rental and purchase, deliveries, food and utility bills in one place.
Client: Confidential mobility client. Full app designed across two complete themes.
My role: Product designer, information architecture, wireframes, high-fidelity UI in light and dark.
Delivered: 50+ screens across six service lines, from map-first ride booking to bill payments.
Project Health
Overview
Getting around and paying for essentials is spread across too many single-purpose apps, one for rides, one for rentals, one for power, one for food. Spins bundles those jobs behind one wallet, one activity history and one home screen. Its onboarding says it plainly: “One App, Everything covered. From paying bills to getting around, sorted.”
For the business, the super-app structure is a retention engine: every additional service a customer adopts raises the cost of leaving. The design challenge is keeping that breadth legible, six services that feel like one product.
6+
Services in one app
50+
Screens designed
2
Full themes, light and dark
The Problem
Each service a customer adds today means another app, another payment setup, another history to check. Context dies between them, the ride app doesn’t know you just paid a bill, and the rental service makes you re-enter the card you used yesterday.
How might one app carry six different services without the home screen becoming a junk drawer?
Constraints
Two full themes: light and dark, as equal citizens, not an inverted afterthought.
Map-first flows: booking had to keep live trip context visible through every state, from search to rating.
Service breadth vs. clarity: six service lines competing for one home screen.
Research & Insights
Discovery with the client mapped the service portfolio and its priorities, and a competitive review of single-purpose apps, ride-hailing, rentals, bill payments, identified what each does well that a super-app must not lose. The controlling insights:
Users navigate super-apps through a services grid, not a feed, recognition beats discovery when the jobs are concrete.
Trip context must persist: from “searching for ride” through “driver is here” to rating, users need the same card updated, not five new screens.
Payment reuse is the super-app’s glue: one saved payment core across rides, rentals, food and bills is what makes the bundle feel like one product.
Goals & Objectives
Give every service one consistent home, wallet and activity history.
Design a map-first ride experience that keeps trip context visible from booking to rating.
Make vehicle rental and purchase trustworthy with specifications, availability and clear pricing.
Keep bill payments fast enough to finish in seconds.
Process
Every flow was first laid out as a complete grayscale wireframe kit, home, profile, ride booking, rental, bills and the services grid, to validate the architecture while it was cheap to change. The high-fidelity pass then delivered the entire app twice, as a full light theme and a full dark theme built from the same structure.
Wireframes
Key Design Decisions
1. A services grid as the home, not a feed
Feeds demote concrete jobs to scroll positions. Spins leads with current activity, the ride in progress, the bill due, followed by a recognizable grid of services. The accepted trade-off is a home screen that promotes less and completes more: utility over engagement theater.
2. One persistent trip card across every booking state
Searching, driver assigned, arriving, in-trip, complete, one card morphs through the journey instead of five screens replacing each other. The map stays put; only the card’s state changes. This is the pattern that makes a map-first app feel calm instead of jumpy.
3. One payment core shared by all six services
Cards, history and confirmation patterns are a single system reused by rides, rentals, food and bills. Users learn the payment flow once; every service after that feels familiar on first use, the interaction-level version of the super-app promise.
The Solution
Home hub with current activities, suggested actions and recent history.
Ride booking with tiers (Standard, Wait & Save, Priority Pickup), live driver tracking and post-ride ratings.
Car marketplace for renting and buying, with specifications, availability and featured vehicles.
Services grid spanning rides, delivery, rentals, vehicle sales, food orders and bill payments.
Bill payment center covering electricity, mobile and internet, with dues, history and scheduling.
High Fidelity
Results & Impact
The project delivered end-to-end flows for six service lines in both themes, 50+ screens with full wireframe-to-hi-fi traceability, structured so the client can ship service by service in phases.
Reflections
What worked: the persistent trip card, it resolved the hardest screens in the app with one reusable pattern.
What I’d do differently: define the dark theme’s elevation system before finishing the light theme, rather than translating it afterwards.
What I’d validate next: first-session comprehension of the services grid, do new users grasp the app’s breadth within the first minute?
More Projects
CLIENT PROOF
Nick Simmons
founder of JAH creative design agency
Having Lawrence work under my agency made me money as an efficient designer he is, helped me retain my status as a Top 4% upwork agency and I can't be any less proud of him. Under me he learnt framer just so we could get more jobs and he delivered.
Loong Pancoast
CEO of DriveOn
Lawrence is a professional through and through. He has been an absolute pleasure to work with, taking in account all of our needs while meeting expectations. I would 100 percent recommend Lawrence for any developmental design needs. If you are hesitating, don't, you won't regret it.
Drew Levin
Co-founder of SideShift
Lawrence worked hand in hand with me and Nick Lawton to get the first version of our site out the door, staying flexible through every change we needed. His cooperation is a big reason we could launch on time and begin major operations. A designer who listens closely and delivers.
12:27
UI / UX Design
View design file →
Spins
One app, everything covered, from paying bills to getting around. Rides, car rental, deliveries and utility payments in a single super-app.
Year :
2026
Industry :
Mobility & Payments
Client :
Spins
Project Duration :
1 Months
Role :
Product Designer
Team :
Solo designer × client product team
Tools :
Figma
Platform :
iOS · Android
View more shots in the gallery →
Snapshot
Product: Spins, a mobility and payments super-app: rides, car rental and purchase, deliveries, food and utility bills in one place.
Client: Confidential mobility client. Full app designed across two complete themes.
My role: Product designer, information architecture, wireframes, high-fidelity UI in light and dark.
Delivered: 50+ screens across six service lines, from map-first ride booking to bill payments.
Project Health
Overview
Getting around and paying for essentials is spread across too many single-purpose apps, one for rides, one for rentals, one for power, one for food. Spins bundles those jobs behind one wallet, one activity history and one home screen. Its onboarding says it plainly: “One App, Everything covered. From paying bills to getting around, sorted.”
For the business, the super-app structure is a retention engine: every additional service a customer adopts raises the cost of leaving. The design challenge is keeping that breadth legible, six services that feel like one product.
6+
Services in one app
50+
Screens designed
2
Full themes, light and dark
The Problem
Each service a customer adds today means another app, another payment setup, another history to check. Context dies between them, the ride app doesn’t know you just paid a bill, and the rental service makes you re-enter the card you used yesterday.
How might one app carry six different services without the home screen becoming a junk drawer?
Constraints
Two full themes: light and dark, as equal citizens, not an inverted afterthought.
Map-first flows: booking had to keep live trip context visible through every state, from search to rating.
Service breadth vs. clarity: six service lines competing for one home screen.
Research & Insights
Discovery with the client mapped the service portfolio and its priorities, and a competitive review of single-purpose apps, ride-hailing, rentals, bill payments, identified what each does well that a super-app must not lose. The controlling insights:
Users navigate super-apps through a services grid, not a feed, recognition beats discovery when the jobs are concrete.
Trip context must persist: from “searching for ride” through “driver is here” to rating, users need the same card updated, not five new screens.
Payment reuse is the super-app’s glue: one saved payment core across rides, rentals, food and bills is what makes the bundle feel like one product.
Goals & Objectives
Give every service one consistent home, wallet and activity history.
Design a map-first ride experience that keeps trip context visible from booking to rating.
Make vehicle rental and purchase trustworthy with specifications, availability and clear pricing.
Keep bill payments fast enough to finish in seconds.
Process
Every flow was first laid out as a complete grayscale wireframe kit, home, profile, ride booking, rental, bills and the services grid, to validate the architecture while it was cheap to change. The high-fidelity pass then delivered the entire app twice, as a full light theme and a full dark theme built from the same structure.
Wireframes
Key Design Decisions
1. A services grid as the home, not a feed
Feeds demote concrete jobs to scroll positions. Spins leads with current activity, the ride in progress, the bill due, followed by a recognizable grid of services. The accepted trade-off is a home screen that promotes less and completes more: utility over engagement theater.
2. One persistent trip card across every booking state
Searching, driver assigned, arriving, in-trip, complete, one card morphs through the journey instead of five screens replacing each other. The map stays put; only the card’s state changes. This is the pattern that makes a map-first app feel calm instead of jumpy.
3. One payment core shared by all six services
Cards, history and confirmation patterns are a single system reused by rides, rentals, food and bills. Users learn the payment flow once; every service after that feels familiar on first use, the interaction-level version of the super-app promise.
The Solution
Home hub with current activities, suggested actions and recent history.
Ride booking with tiers (Standard, Wait & Save, Priority Pickup), live driver tracking and post-ride ratings.
Car marketplace for renting and buying, with specifications, availability and featured vehicles.
Services grid spanning rides, delivery, rentals, vehicle sales, food orders and bill payments.
Bill payment center covering electricity, mobile and internet, with dues, history and scheduling.
High Fidelity
Results & Impact
The project delivered end-to-end flows for six service lines in both themes, 50+ screens with full wireframe-to-hi-fi traceability, structured so the client can ship service by service in phases.
Reflections
What worked: the persistent trip card, it resolved the hardest screens in the app with one reusable pattern.
What I’d do differently: define the dark theme’s elevation system before finishing the light theme, rather than translating it afterwards.
What I’d validate next: first-session comprehension of the services grid, do new users grasp the app’s breadth within the first minute?
More Projects
CLIENT PROOF
Nick Simmons
founder of JAH creative design agency
Having Lawrence work under my agency made me money as an efficient designer he is, helped me retain my status as a Top 4% upwork agency and I can't be any less proud of him. Under me he learnt framer just so we could get more jobs and he delivered.
Loong Pancoast
CEO of DriveOn
Lawrence is a professional through and through. He has been an absolute pleasure to work with, taking in account all of our needs while meeting expectations. I would 100 percent recommend Lawrence for any developmental design needs. If you are hesitating, don't, you won't regret it.
Drew Levin
Co-founder of SideShift
Lawrence worked hand in hand with me and Nick Lawton to get the first version of our site out the door, staying flexible through every change we needed. His cooperation is a big reason we could launch on time and begin major operations. A designer who listens closely and delivers.
12:27
UI / UX Design
View design file →
Spins
One app, everything covered, from paying bills to getting around. Rides, car rental, deliveries and utility payments in a single super-app.
Year :
2026
Industry :
Mobility & Payments
Client :
Spins
Project Duration :
1 Months
Role :
Product Designer
Team :
Solo designer × client product team
Tools :
Figma
Platform :
iOS · Android
View more shots in the gallery →
Snapshot
Product: Spins, a mobility and payments super-app: rides, car rental and purchase, deliveries, food and utility bills in one place.
Client: Confidential mobility client. Full app designed across two complete themes.
My role: Product designer, information architecture, wireframes, high-fidelity UI in light and dark.
Delivered: 50+ screens across six service lines, from map-first ride booking to bill payments.
Project Health
Overview
Getting around and paying for essentials is spread across too many single-purpose apps, one for rides, one for rentals, one for power, one for food. Spins bundles those jobs behind one wallet, one activity history and one home screen. Its onboarding says it plainly: “One App, Everything covered. From paying bills to getting around, sorted.”
For the business, the super-app structure is a retention engine: every additional service a customer adopts raises the cost of leaving. The design challenge is keeping that breadth legible, six services that feel like one product.
6+
Services in one app
50+
Screens designed
2
Full themes, light and dark
The Problem
Each service a customer adds today means another app, another payment setup, another history to check. Context dies between them, the ride app doesn’t know you just paid a bill, and the rental service makes you re-enter the card you used yesterday.
How might one app carry six different services without the home screen becoming a junk drawer?
Constraints
Two full themes: light and dark, as equal citizens, not an inverted afterthought.
Map-first flows: booking had to keep live trip context visible through every state, from search to rating.
Service breadth vs. clarity: six service lines competing for one home screen.
Research & Insights
Discovery with the client mapped the service portfolio and its priorities, and a competitive review of single-purpose apps, ride-hailing, rentals, bill payments, identified what each does well that a super-app must not lose. The controlling insights:
Users navigate super-apps through a services grid, not a feed, recognition beats discovery when the jobs are concrete.
Trip context must persist: from “searching for ride” through “driver is here” to rating, users need the same card updated, not five new screens.
Payment reuse is the super-app’s glue: one saved payment core across rides, rentals, food and bills is what makes the bundle feel like one product.
Goals & Objectives
Give every service one consistent home, wallet and activity history.
Design a map-first ride experience that keeps trip context visible from booking to rating.
Make vehicle rental and purchase trustworthy with specifications, availability and clear pricing.
Keep bill payments fast enough to finish in seconds.
Process
Every flow was first laid out as a complete grayscale wireframe kit, home, profile, ride booking, rental, bills and the services grid, to validate the architecture while it was cheap to change. The high-fidelity pass then delivered the entire app twice, as a full light theme and a full dark theme built from the same structure.
Wireframes
Key Design Decisions
1. A services grid as the home, not a feed
Feeds demote concrete jobs to scroll positions. Spins leads with current activity, the ride in progress, the bill due, followed by a recognizable grid of services. The accepted trade-off is a home screen that promotes less and completes more: utility over engagement theater.
2. One persistent trip card across every booking state
Searching, driver assigned, arriving, in-trip, complete, one card morphs through the journey instead of five screens replacing each other. The map stays put; only the card’s state changes. This is the pattern that makes a map-first app feel calm instead of jumpy.
3. One payment core shared by all six services
Cards, history and confirmation patterns are a single system reused by rides, rentals, food and bills. Users learn the payment flow once; every service after that feels familiar on first use, the interaction-level version of the super-app promise.
The Solution
Home hub with current activities, suggested actions and recent history.
Ride booking with tiers (Standard, Wait & Save, Priority Pickup), live driver tracking and post-ride ratings.
Car marketplace for renting and buying, with specifications, availability and featured vehicles.
Services grid spanning rides, delivery, rentals, vehicle sales, food orders and bill payments.
Bill payment center covering electricity, mobile and internet, with dues, history and scheduling.
High Fidelity
Results & Impact
The project delivered end-to-end flows for six service lines in both themes, 50+ screens with full wireframe-to-hi-fi traceability, structured so the client can ship service by service in phases.
Reflections
What worked: the persistent trip card, it resolved the hardest screens in the app with one reusable pattern.
What I’d do differently: define the dark theme’s elevation system before finishing the light theme, rather than translating it afterwards.
What I’d validate next: first-session comprehension of the services grid, do new users grasp the app’s breadth within the first minute?
More Projects
CLIENT PROOF
Nick Simmons
founder of JAH creative design agency
Having Lawrence work under my agency made me money as an efficient designer he is, helped me retain my status as a Top 4% upwork agency and I can't be any less proud of him. Under me he learnt framer just so we could get more jobs and he delivered.
Loong Pancoast
CEO of DriveOn
Lawrence is a professional through and through. He has been an absolute pleasure to work with, taking in account all of our needs while meeting expectations. I would 100 percent recommend Lawrence for any developmental design needs. If you are hesitating, don't, you won't regret it.
Drew Levin
Co-founder of SideShift
Lawrence worked hand in hand with me and Nick Lawton to get the first version of our site out the door, staying flexible through every change we needed. His cooperation is a big reason we could launch on time and begin major operations. A designer who listens closely and delivers.
12:27