pro
Lucas Salvador
Cinematic web experiences for premium brands
New to Contra
Lucas is ready for their next project!
Concept website for the Razer Blade 16, built to demonstrate cinematic scroll-driven web experiences for premium hardware brands.
The goal was to create a product site that feels like a film — not a catalog. Every section was designed to build tension and release through scroll, typography, and motion.
Built with GSAP 3.12 + ScrollTrigger for all animations, Canvas API for video frame scrubbing on the hero, and Lenis for smooth inertia scroll. Prototyped with Google Antigravity + Stitch.
What's inside:
— Cinematic hero with gamer character, glassmorphism card, live HUD data
— Scroll scrubbing hero — notebook rotates frame by frame with scroll
— Hardware section with flashlight cursor effect and parallax
— OLED section with stats and motion
— Specs comparison with horizontal scroll gallery
— Full CTA and footer
Concept only — not affiliated with Razer Inc.:
0
55
Same brand. Different world.
Took HandSkill's website from outdated to premium — without changing who they are.
The old site had the right ingredients: strong brand colors, real product photography, clear navigation. But it felt stuck in 2015. No hierarchy, no conversion focus, no visual confidence.
The redesign kept the identity and elevated everything else:
→ Editorial hero layout with product staging
→ Typography that commands attention
→ Social proof bar above the fold
→ Clear CTA that actually converts
Built with HTML, CSS, and AI-assisted design — delivered fast, without sacrificing craft.
Before → After. Swipe.
What do you think — which element made the biggest difference, the typography or the product staging?"
#webdesign #redesign #brandidentity #beforeandafter #landingpage #uidesign #cosmetics
3
1
87
Hey Guys, new project Arived!
Montebello Água e Gás is a local water and gas distributor based in Saltinho, Brazil. The goal was to build a digital presence from scratch — fast, mobile-first, and conversion-focused. The project included target audience research and competitor benchmarking, which led to a deliberate choice: a lean, single-page layout that loads instantly and drives direct contact via WhatsApp. Delivered with Meta Pixel + Conversions API integration, Google Search Console setup, and SEO-optimized on-page structure — all built in HTML, CSS, JavaScript, Figma, Photoshop and Google Stitch deployed on a custom domain.
1
115
Vitarc — AI Health App Brand Identity
Logo and app icon concept for Vitarc, an AI-driven health application for chronic disease patients. The mark combines a human figure with the letter V — patient-centered, tech-forward, designed to feel like a companion rather than a clinical tool. Delivered with dark and light variants, app icon adaptations, and full design rationale.
1
55
Animation Video for Hero Section for Razer Site
1
69
Animation For Razer Site
1
84
Animation For Razer Site
1
86
Razer Animation For Site
1
77