Oct 2024 – Present
Sharm Dreams Group — Digital Experience Platform
A state-of-the-art, single-page application (SPA) designed to elevate the digital presence of Sharm Dreams Group. This platform serves as a central hub for the group's luxury hospitality portfolio and real estate developments, delivering a premium user experience that aligns with the brand's high standards.
Technology Stack
Key Highlights
Brand Authority: Implemented a 'Luxury First' design language with custom typography (Cormorant), golden ratios, and cinematic visuals to establish immediate market authority.
User Engagement: Increased time-on-site potential through deep interactivity—parallax scrolling, smooth gesture-controlled carousels, and seamless page transitions that mimic native app behavior.
Performance & SEO: Delivered a high-performance application (Vite-powered) with server-grade SEO capabilities (React Helmet Async), ensuring visibility across search engines despite being a client-side app.
Mobile-First Strategy: 100% responsive architecture ensuring a flawless experience on all devices, from 4K desktops to mobile phones, utilizing touch-optimized gesture handlers.
Implementation Highlights
Cinematic Motion Engine: Synchronized multiple animation libraries (Framer Motion, GSAP, ScrollTrigger) to create seamless scroll-based animations including parallax video backgrounds and text reveals, with complex state management to prevent memory leaks and layout shifts.
Advanced Routing Architecture: Custom SPA routing with React Router v7 featuring dynamic route matching for Hotels, Projects, and Careers. Implemented deep linking while maintaining a single-page feel through advanced history stack manipulation.
Performance Optimization: Built custom media pipeline using vite-imagetools with lazy-loading strategies (React.lazy, Suspense). Achieved instant load times for media-heavy content through code chunking and deferred non-critical assets, significantly improving Core Web Vitals.
Interactive Components: Custom-built masonry layouts for galleries and swiper-based carousels with touch/swipe physics, maintaining 60fps performance on low-end mobile devices.