Jadeela:
Architecting the
Digital Experience.
Architecting a scalable B2B sales enablement system that replaced manual offline procurement with a premium digital showroom.
Role
Lead Product Designer
Client
Al Faisal Holding
Sector
Hospitality / B2B
Year
2026
Business Goals
Sales Channel Enablement
Transitioned Jadeela from 100% offline sales to a scalable digital-first B2B showroom.
Global Client Accessibility
Empowered international B2B clients with 24/7 access to curated product catalogs and request flows.
Operational Efficiency
Replaced manual sales processes with structured RFQ workflows, reducing procurement friction.
The Challenge: Digital Transformation
Jadeela wasn't just missing a website; they were operating on a fragmented, manual legacy system. Procurement directors relied on emails and phone calls for sourcing, with zero centralized visibility into product catalogs or structured RFQ workflows. The mission was to translate this offline expertise into a high-conversion digital showroom.
Mobile-First Floor Usage
Designed for on-the-floor hospitality professionals who frequently source and review supplies via mobile devices during operations.
Premium Brand Translation
Translating Jadeela's luxury brand identity into a digital interface that conveys confidence and premium quality.
Scalable WordPress CMS
Building on WordPress to ensure the client team can manage content efficiently while maintaining technical flexibility for future ERP integration.
UX Strategy: Frictionless B2B
"Maximum 3 Clicks to Core Categories."
High-Touch B2B Conversion Paths
Request a Quote
Request Samples
Download Catalogue
Replacing the traditional "Add to Cart" button with B2B-appropriate CTAs
The Catalog Download Modal
Download Product Catalogs
Select and download comprehensive product catalogs for your procurement needs
Master Catalogue
Glassware & Tableware
Linen & Amenities
Kitchen & Housekeeping
Category Page Integration
Premium Glassware Collection
Browse our curated selection of luxury glassware from world-renowned manufacturers
Button seamlessly triggers the centralized download modal
The 0 → 1 Evolution
Legacy Offline Workflow
- 01
Sourcing
Teams relied on emails, phone calls, and physical catalogs.
- 02
Catalog Access
Fragmented product information across various PDF files.
- 03
RFQ Friction
High manual overhead in requesting quotes and samples.
- 04
Visibility
Limited international exposure and offline-only presence.
Digital Sales Enablement
- 01
Digital Showroom
Centralized showroom with curated product categories.
- 02
Structured Workflows
Instant RFQs, sample requests, and catalog downloads.
- 03
Procurement Speed
Drastically reduced friction in decision-making.
- 04
Global Reach
24/7 accessibility for international B2B hospitality clients.
Visual Gallery: From Figma to WordPress
Elegant masonry showcasing high-impact screens
The Category Grid
7 product categories as highly polished visual tiles with clean filters: Glassware, Tableware, Cutlery, Linen, Amenities, Housekeeping, Kitchen Equipment.
Bespoke Iconography
A custom suite of minimalist vector icons crafted exclusively to represent the diverse luxury categories within the Jadeela portfolio.
The Intuitive RFQ Form
Close-up UI capturing essential procurement data:
- Hotel Name & Contact
- BOQ Upload (Bill of Quantities)
Seamless Across
Every Device.
Experience the ByteeIT platform optimized for desktop, tablet, and mobile. Built with Next.js for lightning-fast performance on any screen size.
Desktop
1920×1080
Tablet
768×1024
Mobile
375×812
Responsive
Breakpoints
Loading
The GenAI Edge & Brand Identity
Integrated Adobe Firefly and Midjourney for rapid-prototyping mood boards and lighting concepts, accelerating pre-production and aligning the visual narrative with global hospitality brands.
Adobe Firefly
Prompt
"Generate a cinematic luxury hospitality scene with premium restaurant table setting, fine glassware from Christofle, warm ambient lighting, and sophisticated wine pour. Style: Dark moody, high-end commercial photography."
Generating mood boards...
AI Generated
Design System & Style Guide
The foundational elements that power the Jadeela brand experience
Typography
Aa
Primary Heading
Playfair Display
Elegant serif for main headlines
Secondary Heading
Cinzel
Luxury serif for sub-headings
Primary Body
Inter
Clean sans-serif for body text
UI Elements
Semantic
Secondary UI sans-serif
Color Palette
#231F20
Deep Charcoal
Primary Background
#B0A690
Bronze Accent
Secondary Accent
#A2740E
Gold Accent
Third Accent
#1B3B36
Deep Green
Fourth Accent
#636060
Muted Gray
Fifth Accent
#ffffff
Pure White
Sixth Accent
Business Impact
Channel Growth
Enabled the first scalable digital sales channel for international B2B clients.
Operational Speed
Reduced manual sales overhead by replacing legacy email/phone workflows with structured RFQs.
Brand Equity
Positioned Jadeela as a premium, digital-first hospitality partner in the Qatari market.
Global Presence
Increased 24/7 visibility for international procurement teams across different timezones.
Validation & Early Outcomes
Stakeholder Feedback
Internal teams reported significantly faster RFQ turnaround and improved catalog visibility.
Workflow Efficiency
Procurement teams can now access catalogs and submit requests without manual coordination.
Reduced Friction
Drastic reduction in dependency on fragmented offline communication channels (email/phone).