Dune Keyboard Website
DUNE Premium Mechanical Keyboard Concept Website 💡 Why this project came to my mind Custom mechanical keyboards are all about premium tactile feel and sound design. However, most keyboard landing pages are generic and fail to capture that sensory experience. I wanted to build a high-fidelity, interactive prototype that makes users feel the luxury, weight, and acoustic precision of the keyboard right from their screens. 🔍 Research & Problem Solving Visual Storytelling & Video Selection: I needed a cinematic video background that immediately set a premium tone. I researched and compared dozens of keyboard films, analyzing pacing, lighting, and sound, until I selected the perfect high-contrast, atmospheric loop of a keyboard in action. AI-Assisted Design: Instead of using placeholder images, I utilized advanced AI image generation models to design the bespoke product renders (the Dune Light Burnt Orange casing, the Space Grey option, and the Oasis Limited Edition theme). This allowed me to iterate on industrial design concepts rapidly and build a cohesive visual identity. Asset Optimization: Solved local asset loading and subdirectory pathing bugs for GitHub Pages by implementing dynamic base path prefixing, ensuring 100% asset uptime. 💻 Technologies & Languages Used Next.js (App Router) & React: For building modular, high-performance components. TypeScript: Enforced type safety and codebase scalability. Tailwind CSS: Implemented sleek glassmorphism, responsive bento grids, and tailored dark-mode layouts. GSAP & Framer Motion: Created smooth scroll-triggered parallax backdrops, dynamic image crossfades, custom cursor actions, and cinematic entry animations. 💼 Open for Work I specialize in turning creative visual concepts into high-performance, pixel-perfect web experiences. If you have an exciting product, website, or concept you want to bring to life:
