ZARI Boutique
A boutique hospitality brand with a website, a WhatsApp agent, and an admin dashboard - a quiet, precise, polished digital presence.
A website and digital form project for a boutique hospitality brand - with scroll experience, a clear booking path, a WhatsApp agent for bookings and concierge, an internal admin dashboard, and a backend layer that connects search, rooms, and payment.
Project Details
- Sector
- Hospitality · Boutique · Tourism
- Scope
- Brand site, UX/UI, copy, Frontend + Backend development, WhatsApp agent, admin dashboard
- Focus
- Digital presence, scroll experience, booking path
- Automation
- WhatsApp agent for bookings + in-stay concierge, with admin + analytics dashboard
- Integrations
- Search → Rooms (CRM) sync, CMI Morocco payment gateway, backend ops
- Languages
- 11 languages supported (RTL + LTR)
- Status
- Live project
A hospitality site that feels like a place, not a template.
The brand needed a digital presence that feels refined, calm, and trustworthy - without looking like a generic hotel template.
Structure, hierarchy, and motion that produce atmosphere.
- 01
A visual structure that guides the eye from headline to rooms to experience to booking path.
- 02
Content hierarchy that leads with one sentence at each step - no clutter, no generic marketing copy.
- 03
Background motion and interaction that serve the content, not decorate it.
- 04
Mobile-first flow that holds the same feeling on small screens and desktop.
- 05
A clear contact and booking path, reachable from anywhere on the site.
- 06
Consistent brand atmosphere - color, typography, photography, and a sense of air.
A WhatsApp agent for bookings and concierge.
A digital assistant in the guest's own channel - checks dates, suggests a matching room with pricing, and hands the final reservation off to the website. During the stay she serves as a personal assistant - for in-room requests and local recommendations.
Booking flow
- 01
Date availability check against the room calendar.
- 02
Room suggestions matched to party size, dates, and preference.
- 03
Accurate pricing for the discussed dates, with service breakdown.
- 04
Closes with a tailored link to the site to complete reservation + payment.
In-stay concierge
- 01
In-room requests - towels, amenities, room service.
- 02
Local recommendations - restaurants, beaches, walks, attractions.
- 03
Fast WhatsApp replies, no app to install.
An internal dashboard for the agent and reservations.
A dedicated admin surface for ZARI - tracks agent conversations across channels (WhatsApp, Meta), surfaces reservation analytics, and exposes fine-grained tweaks for behavior and pricing.
- Agent conversations
- Inspect and track threads across WhatsApp, Meta, and more.
- Reservation analytics
- Occupancy, peak days, conversion channels, inquiry status.
- Tweaks
- Reply content, pricing rules, room availability, alerts.
A backend that ties search, rooms, and payment together.
Beyond the site and the agent - a dedicated backend layer syncs availability search to the rooms CRM, validates dates and pricing, and finalizes payment through the local Moroccan CMI gateway.
- Backend ops
- Internal API, validation, booking logic, state management across agent, site, dashboard, and server.
- Search → Rooms (CRM) sync
- Availability search on both site and agent pulls from a single source of truth - the rooms CRM - with no occupancy conflicts.
- CMI Morocco payment gateway
- Integration with CMI - the closed, complex payment gateway of Moroccan banks - for direct reservation close and payment.
What the project covered
- Design & UX
- Website structure
- UX/UI direction
- Visual system adaptation
- Copy / content hierarchy
- Development
- Frontend implementation
- Backend + API development
- i18n — 11 languages
- Responsive behavior
- Automation
- WhatsApp booking agent
- In-stay digital concierge
- Admin + analytics dashboard
- Integrations
- Search → Rooms (CRM) sync
- CMI Morocco payment integration
- Performance-aware assets
Considering automation or AI inside your operations?
We architect a single flow — site, inquiries, WhatsApp, admin dashboard, ops — without turning the business into a complex system.
Adjacent disciplines from the studio.WebsitesBrandingAI systems & automation