DAZEL®
Detergents & skin care manufacturer based in Kibwezi, Kenya.
2025
Overview
DAZEL® approached Lumis Studios needing a professional web presence that could speak to wholesale distributors and retail buyers across East Africa. The site needed to communicate quality, local manufacturing credibility, and a clear B2B value proposition — all while being fast, mobile-friendly, and discoverable on search. The result is a fully static, SEO-optimised marketing site with smooth Framer Motion animations that give the brand a premium feel without compromising load performance.
Our Role
Designed and built the complete marketing site — component architecture, Framer Motion animation sequences, SEO metadata, JSON-LD structured data, and Vercel deployment configuration.
Tech Stack
Key Features
Product Showcase
High-quality product presentations for DAZEL®'s range: bar soap, body lotions, baby jelly, and powder detergents. Each product section communicates key benefits, ingredients, and availability — giving distributors the information they need to stock with confidence.
B2B Value Proposition
A dedicated section communicates DAZEL®'s wholesale offer: competitive pricing, consistent quality from a local manufacturer, and reliable supply chain. Designed to convert distributor enquiries rather than individual retail sales.
Trust & Credibility Section
Customer testimonials, manufacturing location (Kibwezi, Kenya), and product quality signals build credibility with buyers who haven't worked with DAZEL® before. East African buyers strongly prefer suppliers they can verify.
Framer Motion Animations
Entrance animations, scroll-triggered reveals, and smooth section transitions give the site a polished, premium feel. All animations are implemented with Framer Motion for performant, GPU-accelerated rendering.
SEO & Local Search Optimisation
Full Open Graph, Twitter Card, and JSON-LD structured data. Geographic meta tags (geo.region, geo.placename, geo.position) target local search for Kibwezi and the wider Kenyan market. React Snap pre-renders pages at build time for crawlability.
Contact & Enquiry
Contact section with email, phone, and location clearly presented. Designed for B2B enquiry flow — a wholesale distributor can find what they need and reach out without friction.
How It Was Built
Built with React 18 (functional components and hooks) and Vite as the build tool, giving extremely fast HMR in development and optimised production bundles. Tailwind CSS handles all styling with a utility-first approach. Framer Motion v11 powers all animations with hardware-accelerated transforms. React Snap pre-renders the site at build time, producing static HTML that search engines and social crawlers can index without executing JavaScript. SEO metadata including Open Graph, Twitter Cards, and JSON-LD Organisation schema are injected at render time. Vercel Analytics tracks visitor behaviour with zero configuration. The entire stack is static — no backend, no database, no server — keeping hosting costs at zero while delivering sub-second load times.
Highlights
- Fully static with React Snap pre-rendering — search engines crawl real HTML, not JavaScript
- JSON-LD structured data and geo-tags for local East African search visibility
- Framer Motion v11 animations — GPU-accelerated, no layout thrashing
- Zero backend, zero hosting cost — static deployment on Vercel
- Open Graph and Twitter Card metadata for social sharing previews
- B2B-focused content architecture targeting wholesale distributors and retailers
Build with us
Want something like this for your business?
We build web apps, mobile apps, and cloud infrastructure for African businesses.