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
izpz.studio — Studio Website
Designed and built the full website for IZ//PZ Studio from scratch. Six pages, plain HTML/CSS/JS, no frameworks, no templates, no build pipeline.
The site serves as the studio's home across all four arms: Label, Agency, Dev Hub, and Illustration.
What I built:
• Particle canvas with color cycling, mood-based movement patterns, and mouse reactivity
• Interactive outlet cards with CSS-generated static noise and video backgrounds on hover
• Agency portfolio with shuffled grid, hierarchical filter system (AND/OR logic), and work overlay with client carousel
• Label page with audio player, tracklist support, and glitch hover effects
• Illustration gallery with horizontal carousel, glitch effects, and fullscreen lightbox with magnifier
• Dev Hub with expandable project list
• About page with git-tree style blog, and bilingual support (EN/GR)
• Full mobile responsiveness across all pages
• SEO: meta tags, Open Graph, JSON-LD, sitemap, Google Search Console
Stack: HTML, CSS, JavaScript
Live at izpz.studio
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
New Framer template WIP at Studio Duo
Arqon Studio approaches architecture as a dialogue between space and lifestyle.
Creating homes that inspire through thoughtful design and modern simplicity.
Wow, really nice layout
I haven't posted here in a little while.
I forgot how great this place is for design threads and inspiration.
I wanted to share the logo mark I've recently done for my design studio (DesignOps Studio).
I've decided to go with a mark for the brand. I wanted something that reflects the process of building design systems.
- You start here
- You iterate
- Then you end there.
SaaS UI Illustration Course Landing Page
In an era dominated by generic AI generation, the true competitive edge for UI/UX designers lies in bespoke craftsmanship. This landing page design showcases an intensive masterclass dedicated to creating high-end, structured vector illustrations and 3D-style assets specifically for the modern SaaS ecosystem.
The Challenge
Most designers struggle to bridge the gap between flat UI and immersive storytelling. The goal was to design a high-conversion landing page that reflects the "I See the World Differently" philosophy—moving away from automated prompts toward intentional, grid-based visual logic that enhances the user experience.
The Solution
The interface utilizes a sophisticated dark mode aesthetic combined with a modular bento-gridlayout to organize complex course modules. By implementing glassmorphism and strategic neon accents, the design directs the user's eye toward the curriculum while maintaining a premium, tech-forward atmosphere. Every element was built natively in Figma to demonstrate the power of professional design tools over prompt-based shortcuts.
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?