The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Sunny Rock — Cinematic Paris Travel Website | Creative Web Development
Experience Paris through Sunny Rock, a cinematic travel website concept designed to combine immersive visuals, elegant UI/UX, and interactive scrolling into a premium digital experience.
This self-directed project explores modern web design through cinematic imagery, scroll-driven animations, glassmorphism, smooth transitions, and responsive layouts.
🛠️ Technologies & Skills
HTML5 & CSS3 — Semantic structure, modern styling, and responsive layouts
JavaScript (ES6+) / TypeScript — Interactive behavior and animation logic
React.js — Reusable components, hooks, and state management
Tailwind CSS — Utility-first styling and responsive design
HTML5 Canvas API — 2D rendering for visual effects and image sequences
Scroll-Driven Animation — Frame-by-frame image sequences synchronized with scrolling
requestAnimationFrame & Linear Interpolation (Lerp) — Smooth animation updates
Lenis Smooth Scrolling — Fluid scrolling experiences
Intersection Observer API — Scroll-triggered reveals and entrance animations
UI/UX & Visual Design — Visual hierarchy, typography, glassmorphism, and interaction design
SVG Graphics — Scalable icons and vector elements
AI Visual Generation & Prompt Engineering — Cinematic visual assets
Cloudinary — Media hosting and image optimization
Performance Optimization — Efficient asset loading and animation rendering
Python & Browser Automation — Development utilities, asset processing, and testing
✨ Design Highlights
Cinematic, immersive visual storytelling
Premium travel-inspired aesthetic
Smooth, scroll-based animation sequences
Modern glassmorphism interface
Responsive layouts for different screen sizes
Interactive elements and refined micro-interactions
Project Type: Self-Directed Portfolio Project
Focus Areas: Creative Front-End Development · Web Design · UI/UX Design · Interactive Experiences · Animation
Designed and developed by Ubaid | Ubaid Web Studio.🔥
yeah exactly
seen a site like this before, i love the make over very clean and nice, although it would have been nice in day background, or having a toggle switch from day to night would be great, what do u think?
bro i have tried this in day but the day version is not good
Running frame sequences through a lerp under Lenis is the hard part of a build like this, and it's the choice that decides whether the scroll feels smooth.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Startfrom 2.0 is live. It's our template library: finished websites designed at Apollo Studio, available as a Framer project, an Astro theme or a Next.js app.
Each template page shows what you get and runs the live demo in the page. Some templates are free.
Keeping content separate from layout would make the Astro and Next.js versions easier to customise. Do they share a content schema, or does each template have its own setup?
The design feels clean and inviting. Love the direction for Hint!
A personal brand concept exploring the future of AI-powered performance eyewear.
I wanted to create something that blends sports, technology, and futuristic aesthetics into one cohesive visual identity.
From the eyewear design and product visuals to art direction, 3D renders, and motion every detail was developed to give AVC its own distinctive character.
Not just another pair of sports glasses. A vision of what next-generation wearable technology could look like.
More explorations coming soon.
Blending sports and tech into eyewear is a tough positioning, but the system holds together — the renders, art direction, and product visuals all speak the same visual language rather than competing. Where the execution lands next will be in the packaging and retail touches; if...