Digital business cards for first impressions
A founder-led platform for sharing digital profiles in one tap.
-
Project overview
Status
Live · deployed on Vercel
Location
Marrakech, Morocco
Role
Frontend development & digital experience
Platform
French & English · Vercel
OmniPixel is a premium strategic branding and digital communication agency website for ambitious hospitality, food and lifestyle brands. The experience turns the agency portfolio, services and point of view into a visually expressive, bilingual digital presence built for discovery and qualified conversations.
-
Challenge & approach
The brief was to express OmniPixel’s strategic and creative position without losing the clarity needed by premium hospitality and food clients. The site had to make a large body of services, projects and visual assets feel editorial, confident and easy to navigate.
The result uses a bold, immersive visual language with a clear route from the first statement through expertise, projects and a consultation. Responsive behavior, smooth transitions and gallery-led storytelling make the experience feel considered on every screen size.
- 50+ HTML pages across the agency, expertise, portfolio, service and client-project journeys
- French-first experience with English-language pages for wider discovery
- Responsive, mobile-first layouts with smooth navigation, parallax and custom cursor interactions
- Semantic structure, clean URLs, metadata and Vercel Analytics for search visibility and measurement
-
The solution
The final build is a modular frontend website using semantic HTML, SCSS, JavaScript and the Bootstrap grid. It pairs a distinctive editorial layout with GSAP-powered interaction, Swiper galleries, smooth transitions and Vercel deployment, while keeping the agency’s rich media library organized and performant.
Key capabilities
- 50+ pages, including four expertise layouts, six service pages, seven client-project views and a custom 404 page
- Professional photo and video galleries, with Swiper carousels tailored to each project story
- GSAP, ScrollTrigger, ScrollSmoother, SWUP page transitions, parallax and cursor interactions
- Functional contact flow, Vercel Analytics and an SEO-ready structure with semantic content and clean URLs
Build system
- SCSS styling, reusable HTML layouts, JavaScript modules and Python utilities for gallery updates
- 154 MB media library with optimized sizing, lazy loading and one-year immutable cache headers
- Git-managed delivery with 19+ structured commits and global Vercel CDN deployment
-
Outcome
OmniPixel is live as a polished digital showcase for a premium Marrakech agency. It combines brand-led storytelling with a maintainable frontend system, multilingual support, immersive galleries, performance-minded delivery and a clear path from inspiration to consultation.
Related projects
Related projects
