Cruzn Clean

Cruzn Clean is a mobile first website and booking experience for a local mobile detailing business.

I worked directly with the owner throughout planning, design, implementation, testing, and later marketing as part of our ongoing strategic engagement..

We began with weekly consultations and competitive research.

I created a presentation comparing Cruzn Clean's existing branding with competing detailing businesses and asked my client “Brian” to identify what he liked and disliked about each website.

I used those conversations to establish the visual direction before moving into Figma mockups and implementation.

The final visual system uses a darker aesthetic common in modern automotive and detailing brands while keeping service selection and pricing easy to understand on mobile.

Because much of the customer journey happens on a phone, I treated mobile as the primary interface rather than a smaller version of the desktop site.

I placed the site's primary navigation at the bottom of the viewport, borrowing a familiar pattern from native applications and modern mobile browser controls. The goal was not to emulate an app purely for appearance. Bottom placement keeps the high frequency navigation closer to the user's thumb during single hand use.

The implementation also needs to respect browser chrome and device safe areas so the site's controls do not compete with operating system or browser UI.

Calling is an important customer conversion path for Cruzn Clean, so the owner's phone number is also treated as a primary CTA rather than being buried in a contact footer.

We designed the booking flow around the information needed to produce an accurate service selection without making the customer complete a long form before seeing anything useful.

Vehicle → Services → Customer Information → Schedule → Deposit → Confirmation

I also explored faster alternatives, including a homepage vehicle selector that could recommend the closest vehicle size and package before entering the full booking flow. This creates a possible later path for reducing friction without complicating the FTUX.

Because Cruzn Clean is a small local business, infrastructure cost mattered.

Rather than building scheduling, payment processing, and transactional email systems completely from scratch, I chose specialized services for each responsibility:

• Cal.com → scheduling
• Stripe → booking deposit and checkout
• Resend → transactional email
• FastAPI → backend validation and workflow coordination
• Next.js, TypeScript, and Tailwind CSS → customer facing web experience

The current booking architecture supports the customer moving through intake, scheduling, and a Stripe deposit flow.

The deposit is currently configured around a 10% booking deposit. After successful payment, the customer proceeds to the thank you page and the email or receipt flow can communicate the booking transaction.

The deposit supports appointment commitment and payment confirmation.

Before treating the funnel as complete, I walked through the experience first hand with Brian by simulating real customer journeys.

We reviewed the flow from vehicle and service selection through customer information, scheduling, and payment so the owner could experience the site from the customer's perspective before finalizing the interaction.

Cruzn Clean has been one of my favorite projects because I have been able to follow it through nearly every stage from planning, competitive research, design, development, payment and booking integration, testing, launch, maintenance, and marketing.

Instead of ending at delivery, I continue to work with the owner as the business evolves.

Watching both the product and the company develop over time has made it one of the projects I'm most proud of.