Mr. Fezz is a Moroccan food brand based in Nieuwkoop, Netherlands, selling authentic halal briwat and bastila — ready-to-bake Moroccan snacks now stocked in major Dutch retailers including Albert Heijn and Carrefour.
The brief was to build a brand website that felt as warm and characterful as the food itself. The site needed to tell the Mr. Fezz story — rooted in the ancient city of Fez, built on authenticity and halal values — while also functioning as a product showcase and foodservice lead generator.
We designed and developed the full site using WordPress and Elementor Pro, layering in custom JavaScript animations to bring the brand’s personality to life on scroll.
Mr. Fezz | Moroccan Food Brand Website
A warm, character-driven e-commerce and brand website for Mr. Fezz — an authentic Moroccan food brand based in the Netherlands. Built on WordPress with Elementor and custom JavaScript animations.
100% Custom Design
Halal Brand Positioning
NL Netherlands Market
Platform WordPress + Elementor Pro
Project Type Brand Website & E-commerce Design
Year 2025
Category Food & FMCG
The Project
What we built and why
Stack & Tools
Technologies used
WordPress CMSElementor ProCustom JavaScript AnimationsCustom CSSWooCommerceWebP Image OptimizationMobile-First Responsive DesignACF ProContact Form 7Google Fonts
Visual Work
The design across all devices
Desktop — 1440px
Tablet — 768px
Mobile — 375px
Design Process
How we approached it
The Mr. Fezz brand has a strong visual identity — warm terracotta tones, illustrated characters, and Moroccan cultural motifs. Our job was to translate that into a web experience that felt inviting and premium without losing the brand's playful, approachable personality.
We structured the site around storytelling first, products second. Visitors are introduced to the character of Mr. Fezz and the soul of the city of Fez before they see a single product. This approach builds emotional connection and trust — especially important for a food brand targeting Dutch consumers who may be unfamiliar with Moroccan cuisine.
Custom JavaScript scroll animations were used to reveal sections with warmth — gentle fades, soft slides, and product cards that animate in as you scroll. Every interaction was kept subtle so the food photography always remained the hero.
Development
Build highlights
01
Custom JS Scroll Animations
Built lightweight custom JavaScript animations for section reveals, product card entrances, and hero text sequences — adding personality and warmth without the overhead of a full animation library.
02
Elementor Pro Custom Layouts
Used Elementor Pro as the build foundation with heavily customised widgets, custom CSS overrides, and dynamic content to achieve a design that looks nothing like a standard Elementor site.
03
Brand Storytelling Structure
Structured the page flow around the Mr. Fezz character story — origin, values, halal credentials, and product range — before any hard product sell. This mirrors how premium food brands build consumer trust.
04
Product Showcase with Carousel
Built a custom interactive product carousel for the three briwat variants (Beef, Chicken, Fish) with smooth transitions and mobile swipe support — keeping the product discovery experience engaging on all devices.
05
Foodservice Lead Section
Designed a dedicated foodservice section targeting B2B buyers — restaurants, catering companies, and retailers — with a separate contact flow distinct from the consumer-facing pages.
06
Mobile-First Responsive Build
Every section was built and tested mobile-first. The site performs consistently across all screen sizes, with touch-friendly product interactions and readable typography at every breakpoint.
Problem Solving
Challenges & solutions
01
Challenge Conveying authenticity for a Dutch audience
Mr. Fezz needed to feel genuinely Moroccan — not a generic ethnic food brand. Dutch consumers are savvy and respond to real stories and clear ingredient transparency, not marketing fluff.
01
Solution Story-first page architecture
We led with the origin story of Fez, the city — its craftsmanship, hospitality, and flavour heritage — before introducing products. This built cultural credibility and made the halal message feel natural rather than defensive.
02
Challenge Making Elementor feel premium
Elementor can produce generic-looking sites if not handled carefully. The Mr. Fezz design had rich illustrated assets, warm colour palettes, and organic shapes that needed pixel-perfect implementation.
02
Solution Custom CSS + JS on top of Elementor
We used Elementor as a structural tool only, then layered custom CSS and JavaScript on every section to achieve the precise spacing, animation, and visual quality the brand design required.
Outcome
Results & impact
Mr. Fezz launched successfully in the Netherlands market and quickly gained placement in Albert Heijn and Carrefour — two of the largest retail chains in the region. The website serves as the brand's primary digital presence, supporting both consumer awareness and B2B foodservice enquiries.
The brand's Instagram and TikTok channels drive traffic directly to the site, where the story-first structure converts casual visitors into engaged brand followers. The foodservice section has generated consistent inbound enquiries from catering businesses across the Netherlands.
100% Custom Design
Halal Brand Positioning
NL Netherlands Market
AH Sold in Albert Heijn
Takeaway
Final thoughts
Mr. Fezz proves that Elementor, used with intention, can deliver a brand experience that feels handcrafted and premium.
This project was a great reminder that the tool matters less than the thinking behind it. Mr. Fezz had a strong brand story, a clear audience, and a real product with genuine market traction. Our job was to make sure the website matched that ambition — warm, authentic, and built to convert both consumers and foodservice buyers. The result speaks for itself: a brand now on shelves in Albert Heijn and Carrefour, with a digital presence that holds its own.
Next → 