pro
ASPHALT is a landing page for a street skateboard brand — one long scroll with six sections: hero, the drop, the boards, the numbers, the culture, and a final call to action.
Live: https://asphalt-skate-culture.netlify.app/
The look is raw and bold: paper background, big chunky type, yellow and orange accents, 3D boards in the space. Almost everything moves : a spinning skate-wheel cursor, text that jumps up on scroll, a board that tilts to your mouse, a trick-name ticker, a counting year, and sparks on the last button.
How I used Stitch
https://stitch.withgoogle.com/projects/768150956399471213
I started with a design system. I wrote a DESIGN.md with the colors, type scale, spacing, and motion rules, then imported that into Stitch as the source of truth. From there Stitch generated each section straight onto the canvas, and because everything ran off the same system, the sections actually matched instead of drifting. The output was HTML-native too, so the motion and hover states were already in there.
Once the sections looked right, I exported the code and used Claude to merge them into one page: combining the duplicated cursor, consolidating the Tailwind config, and wiring up the scroll behavior between sections. Then I shipped it on Netlify.
Platform feedback
Starting from a design system was the best part the DESIGN.md kept all six sections consistent, which is usually the hard bit when you build piece by piece. Fast too, and the motion came baked in.
The one pain point was joining sections. Each exports on its own, so making one page meant cleaning up duplicates by hand. A "merge boards into one page" export would fix that.
4
11
1.2K
Developed a portfolio website for a creative design client.
The goal was clear:
Present creative work with clarity and personality.
Focused on:
Clean, minimal layout
Strong visual hierarchy
Smooth navigation
Fast-loading static pages
Fully responsive design
Built to showcase the client’s creative work with a clean,
modern, and intuitive layout.
2
5
6.8K
Developed an e-commerce platform for BTR Bracelets,
a lifestyle brand merging tech with daily motivation.
The goal was simple: Create a seamless shopping experience that reflects the brand's bold, action-driven energy.
Focused on:
Clean product showcase with strategic CTAs
Interactive features (NFC tech explanation)
Mobile-first responsive design
Optimized checkout flow
Dynamic FAQ section for customer clarity
Fast-loading pages with smooth navigation
Built to convert visitors into customers while maintaining
the brand's modern, motivational identity.
The site balances product storytelling with functionality
making it easy to browse, understand, and buy.
2
5.6K
Inrap DAM - Figma to HTML/CSS/JS Website
0
3
Eaftimos | Custom Shopify Fashion Store (Liquid, HTML, CSS)
Custom Shopify store for Madrid fashion label Eaftimos. Built with Liquid, HTML & CSS editorial UI, product variants, multi-category catalog & EUR support.
2
2
3.3K
SteinWiki - Digital Museum Platform (v1 complete)
Built a full-stack digital museum and archive system for a private mineral and fossil collector in Leipzig.
Admin dashboard with object management, AI powered descriptions and blog generation, interactive GPS atlas, multi-image gallery, QR code labels, and a dark aesthetic public museum frontend.
0
663
AfterLands - Minecraft Server Official Website
0
5
Property Management Website Development
0
0
CapByPass - Landing Page
0
5
Redesigned the Ticketmaster homepage from scratch.
Studied the original live site and rebuilt the entire layout using clean HTML, CSS, and JavaScript pixel by pixel.
Focused on:
→ Hero carousel with multiple event banners and smooth slide navigation
→ Prominent search bar for finding artists and events
→ Rock in Rio ticket sale promo banner with strong CTAs
→ Exhibitions section with event cards, dates, and buy buttons
→ Sports section featuring NBA House and other events
→ Regional highlights grid (São Paulo, Rio de Janeiro)
→ Full responsive footer with social links
Every section was built to match the original layout and feel from the blue header bar down to the dark footer.
The goal was to show I can take a complex, real-world website and turn it into a working static build from the ground up.
1
4.5K
Waves Agency - Creative Digital Solutions
0
1