velvet-portfolio

byceo uttam

Act as a world-class award-winning creative developer, cinematic director, and 3D web designer. Create an ultra-premium, futuristic, cinematic 3D portfolio website for “Uttam – UI/UX Designer”. CORE VISION: The website should feel like entering a next-generation digital universe where design, technology, and emotion merge. It must be so visually powerful that users feel shocked, inspired, and unable to leave. DESIGN STYLE: - Bold minimalism with extreme attention to detail - Dark theme with glassmorphism and liquid metal textures - Color palette: deep black, soft white, neon blue/purple accents - Apple-level cleanliness + Tesla-level futurism + Hollywood cinematic depth 3D EXPERIENCE: - Use Three.js / WebGL for immersive 3D rendering - Create a central hero scene with a floating liquid-glass orb (or abstract AI core) - The object reacts to cursor movement (magnetic, fluid distortion) - Multi-layer depth environment with parallax and atmospheric fog - Dynamic particles floating in space (energy field effect) CINEMATIC ANIMATION: - GSAP + ScrollTrigger for ultra-smooth storytelling - Scroll controls camera movement like a movie (zoom, pan, rotate) - Scene transitions like film cuts (fade, motion blur, perspective shift) - Physics-based motion (elastic, smooth easing, natural feel) SECTIONS FLOW (STORY-DRIVEN): 1. HERO: - Fullscreen 3D interactive scene - Name “Uttam” appears with smooth reveal animation - Tagline: “Designing Future Experiences” - Subtle ambient sound (futuristic tone) 2. ABOUT: - Floating glass cards in 3D space - Cards rotate slightly with cursor - Smooth fade + depth transitions 3. SKILLS: - Circular or neural-network style visualization - Skills connected like nodes in 3D - Animated lines forming connections 4. PROJECTS: - 3D gallery (cards floating in space) - Hover = zoom + glow + slight rotation - Click = cinematic expansion into full project view 5. EXPERIENCE / JOURNEY: - Timeline as a moving path in 3D space - Camera travels along it while scrolling 6. CONTACT: - Futuristic AI interface style - Input fields with glowing focus effect - Submit interaction feels like sending signal to space INTERACTION DESIGN: - Cursor-based camera movement (parallax tilt) - Magnetic buttons with smooth attraction - Hover triggers micro-animations everywhere - Smooth scrolling with inertia SPECIAL EFFECTS: - Volumetric lighting and soft shadows - Glass reflections and refractions - Particle systems reacting to movement - Subtle noise/grain for cinematic realism PERFORMANCE: - Optimized for 60FPS (lazy loading, compressed assets) - Adaptive quality based on device - Fully responsive with simplified mobile 3D fallback EMOTION + IMPACT: - First impression: “This is insane” - Experience: immersive, premium, futuristic - End feeling: unforgettable and share-worthy GOAL: Create a portfolio that feels like a living digital experience, not a website — something people have never seen before and want to share instantly. FINAL OUTPUT: - Clean, modular, scalable code - Production-ready structure - Smooth, bug-free animations