Auto En Panne / Automotive marketplace / Marrakech
From a car problem
to the right workshop.
A local marketplace that makes garages easier to find, compare and contact. Behind it, one clear workspace keeps every workshop ready to be discovered.
- Product
- Automotive marketplace
- Experience
- Public website + admin
- Languages
- French · Arabic · English
- Scope
- Brand, UX, build & deployment
01 / The brief
Make the next step
feel obvious.
A driver starts with a problem, not a garage name. They need to find the right speciality, in a practical neighbourhood, and see enough information to decide who to contact.
The team running the platform needs the other half of that experience: a dependable way to manage services, locations, photographs, reviews and publication. We designed the public journey and its operating dashboard as one product.
Built for a client in Marrakech. The deployed preview currently uses demonstration garages and reviews; the screens document the delivered product, not customer volumes or measured commercial results.
02 / The driver experience
Find it. Compare it.
Start a conversation.
Start with the service
Mechanical work, tyres, bodywork or breakdown assistance. Service and city search give the visitor a clear starting point.
Choose with context
Filter by neighbourhood, browse photos and published reviews, then open a workshop profile with services and location details.
Contact the garage
WhatsApp connects the visitor directly with the workshop. Availability, quotes and appointments are agreed there, without an account on the platform.
Explore the public website
Select a screen to explore it at full size.
03 / Behind every public profile
A calm workspace
for a busy catalogue.
The French-language dashboard turns ongoing content work into explicit steps, from a first draft to a profile that can appear on the site.
Manage the directory
Search, filter and paginate workshops. Organise services, cities and districts, and keep contact details and descriptions up to date.
Make profiles useful
Upload, crop and reorder photos. Check the location, moderate reviews and explain Standard, Pro and VIP visibility independently of customer ratings.
Publish with intention
A new workshop stays hidden until it is activated. Publication checks for a photo, a service, a valid WhatsApp number and dated workshop consent.
Know what changed
Clear save feedback, field-level errors and an unsaved-change warning support daily work. Admin accounts and an activity journal provide operational oversight.
Explore the administration dashboard
Select a screen to explore it at full size.
04 / Built for the way people browse
Three languages.
The same clear route.
French, Arabic and English cover the public journey. Arabic uses a right-to-left layout, while mobile search, profile actions and the administration interface adapt to smaller screens.
Localized metadata, canonical URLs, language alternates and a sitemap support search readiness. The current demonstration site deliberately remains noindex.
05 / The delivered system
A complete product,
ready to operate.
We developed the red-and-charcoal identity, responsive public website and management dashboard together. The result connects discovery and content operations without introducing a separate customer signup or checkout.
Next.js, React and TypeScript bring the website, dashboard and APIs into one codebase. MongoDB Atlas holds application data; Cloudflare Workers serves the application and R2 stores workshop imagery.
The handoff includes Arabic operating guides for the client. The delivered flows cover workshop creation, editing, activation, photo handling, location management and reviews, alongside responsive and multilingual checks.
Your next marketplace