VisionTech
.jpg)
VisionTech is the immersive showcase of a Moroccan agency specializing in designing exceptional websites and digital products. Combining a sophisticated Dark Mode with cutting-edge technologies (3D, WebGL), the platform delivers ultra-smooth cinematic navigation powered by GSAP. Blending haute couture design with technical performance, it embodies local expertise in the service of premium digital innovation.
Key Features
Integration of interactive Spline 3D scenes that respond to user movements.
Ultra-fast React application supporting French and English with centralized management.
100% adaptive interface, ensuring a smooth and elegant experience on smartphones, tablets, and desktops.
Rigorous optimization via GSAP and Lenis for perfectly smooth scrolling without stuttering.
CDN distribution for minimal latency in Morocco and internationally.
Sophisticated Dark Mode aesthetic with Glassmorphism effects and electric neon borders.
.jpg)
.jpg)




Tech Stack
Technologies and tools used to bring this project to life
Demo Application
My Role
My contributions and responsibilities in this project
Owned the full lifecycle of the project
- Visual Identity Architecture : Complete creation of the Design System, including a color palette (Primary/Secondary) optimized for dark mode, consistent iconography, and rigorous typographic hierarchy to ensure accessibility and readability.
- Animation Ideation : Designing animation concepts (motion design) to enhance user immersion, using real-world physics principles for GSAP and Framer Motion transitions.
- Benchmarking & Creative Research : Comparative analysis of the world's top digital agencies to extract emerging trends and propose a "disruptive" interface for the Moroccan market.
- Global Latency Optimization : Deployment and configuration of AWS CloudFront as a Content Delivery Network (CDN), drastically reducing load times for international users through edge location caching.
