Main hero screen
Cleaning Services
Website for a local cleaning company with a service catalog and a complete WhatsApp-based ordering flow.
RoleProduct Designer & Fullstack Developer
TypeBusiness Website with order flow
LocationSpain
FocusDesigning a simple and clear ordering flow without complex forms or backend.
StackNext.js, TypeScript, CSS Modules
Duration3 weeks (1 week design, 2 weeks development)
Problem
The client had no website and no structured way to present services or accept orders. Requests were handled manually through calls and messaging apps, without a clear flow.
Solution
I designed and built a service-based website with a simple ordering flow. Users can browse services, view details in modals, and add them to an order. The system generates a pre-filled WhatsApp message with selected services and total price, removing the need for a backend.
Result
The result is a fast, clear website that helps the client receive structured service requests directly via WhatsApp.
What I did
- Designed the full UI/UX from scratch
- Built fully responsive layouts (mobile, tablet, desktop)
- Implemented cart logic and price calculation
- Developed service detail modals
- Built WhatsApp message generation logic
- Implemented full order flow without backend
- Added multilingual support (EN / ES)
- Implemented dark and light themes
Hero
Main project visual showing the primary landing header and value proposition.
Responsive Design
Fully responsive layout optimized for desktop and mobile use.
Desktop viewport
Mobile viewport
Landing Experience
Clear landing structure designed to communicate value and guide users through the service flow.
Service steps and trust-building content
Services Catalog
Structured service grid with clear pricing and promotional emphasis.
Catalog cards grid with promo module
Service Details Modal
Focused modal view presenting a selected service, short explanation, and quick pricing context before adding it to the order.
Selected service modal
Order Summary / Cart
Order review step with selected services, quantity controls, and subtotal visibility before completing the request.
Cart sidebar with selected services and subtotal
FAQ & Content
Supporting content blocks that reduce friction and answer common questions.
FAQ list with supporting visual content section
Contact / Conversion
Quick order form designed to simplify the final conversion step.
Final order and contact form modal
Need a website that brings real clients?
I build fast, reliable websites with clear structure and real business logic.