Product and web designer
Web Designer & Developer for High-end Creative Websites.
Web Designer & Developer for High-end Creative Websites.
Infinity Studio: a real-time 3D coming soon page for the world's highest recording studio
High above Sölden, at 2,600 metres, Wilderness Studios is building the world's highest alpine recording studio. Before the doors open they needed a page that felt like standing in front of the building.
Instead of a render and a countdown, we built the studio as a live 3D scene in the browser.
What's on the page
The actual building. We made the exterior from the architect's model and checked it against their reference views, then set it on real terrain data for the site.
Real light. The scene works out the sun's height at the studio's coordinates, so it's daytime on the page when it's daytime in Sölden and night when it's night there. A live Vienna clock sits next to the logo, and you can switch between day and night yourself.
An intro drawn in light. Light lines trace the building's edges from the top down, corner labels count up, and then the facade fills in room by room from the terrace to the top floor. A thin blueprint layer (axes, dimensions, levels, north arrow) draws in alongside, like a pen on paper.
Rooms you can find. Hover over the building and each room lights up with its name: Studio, Kitchen, Nest, Terrace.
Atmosphere. Haze that thickens with distance, thin clouds drifting across the sky, and snow blowing across the terrain. We tuned all of it against real photo references so nothing looks procedural.
Drag to explore. You can orbit all the way around the building, with limits so you never end up underground or lose the composition.
Performance was part of the brief
A 3D teaser nobody waits for is useless. We brought the scene from a 30-second freeze down to about one second until it's ready, cut the GPU frame time from 30 ms to about 13 ms on a retina display, and cut the total download from 13 MB to 8.4 MB. The page also adapts its resolution on the fly when a device starts to struggle.
Built with Next.js, React Three Fiber, custom GLSL shaders, GSAP and Listmonk for the waitlist.
This is phase one. Next comes a full 3D tour through the studio.
→ https://infinity-studio-omega.vercel.app/
1
1.7K
Coming-soon landing page design & development for Peak.
Most coming-soon pages just say "soon". I wanted this one to show the whole product. 🚀 🚀 🚀
gopeak.design (http://gopeak.design) is the coming-soon site for Peak, an all-in-one WordPress plugin: a visual builder, a motion engine, a CMS and a design system.
The stage
Instead of screenshots, the middle of the page plays the product: 9 features, 43 scenes, 325 frames. I designed every frame in Figma, then built a Figma-to-code pipeline and a React scene engine to play them. Elements morph from frame to frame while the pointer clicks, drags, types and scrolls. All of it is live HTML and CSS, not video, with its own player and speed control.
The details
• The page opens on the Peak mark filled with a liquid WebGL shader that stirs as you move your cursor.
• A waitlist that catches email typos, checks for bots with Cloudflare Turnstile, and sends branded emails.
• A live demo of the real builder, opened by a magic link: a WordPress sandbox where every change is rolled back.
• Desktop, tablet and phone, each designed in Figma first.
The look carries over from the Peak brand identity I shared a few days ago: Parchment and Carbon, Neue Montreal and its Mono, fine hairlines, and Ember used only as a signal.
Stack: Figma · Next.js · React · Claude Code · Tailwind CSS · WebGL · Supabase · Resend · Vercel · Cloudflare · WordPress
See it live → gopeak.design (http://gopeak.design)
3
7
1.3K
SolidWorks - Industrial Designer | Mechanical Eng | 3D CAD
- $5k+
- Earned
- 5x
- Hired
- 5.0
- Rating
- 9
- Followers
SolidWorks - Industrial Designer | Mechanical Eng | 3D CAD
Creating bold brands for those who dare to stand out
- $•••••
- Earned
- 2x
- Hired
- 5.0
- Rating
- 5
- Followers
Creating bold brands for those who dare to stand out
AI Engineer & Mobile App Developer | Designer Who Ships
AI Engineer & Mobile App Developer | Designer Who Ships
Python & AI Developer | Automation, Scraping, AI Chatbots
- 5.0
- Rating
- 13
- Followers
Python & AI Developer | Automation, Scraping, AI Chatbots
Graphic Designer / Art Director / Brand Designer
Graphic Designer / Art Director / Brand Designer
Bauhaus, 1919.
A tribute poster from an ongoing series of original designs I’m building under LUVOX, a design studio for branding, logo design and campaign ad design.
2
2
94
Plan B is also a plan.
A typographic poster from an ongoing series of original designs I’m building under LUVOX, a design studio for branding, logo design and campaign ad design.
1
1
52
A polymath Product designer
Hello hello! 👋
Lottie/JSON ↔️ Figma Motion Importer & Exporter is LIVE!
Solo-built and solo-designed this one end to end — import Lottie JSON straight into Figma as fully editable, native Motion keyframes, AND export your Figma Motion frames back out as Lottie/JSON. Full round-trip, finally. 🎉
No more static preview frames pretending to be animations. No more rebuilding someone else's motion from scratch just to tweak one easing curve. Your keyframes, your easing, your layers — editable on both sides.
🆓 Free: 1 import + 1 export/day
Been heads-down building and designing this myself for a while, so genuinely pumped to finally put it out there. Try it and let me know what you think 👇
Try it → https://www.figma.com/community/plugin/1659295190972878172/tunic-motion-lottie-import-export-to-figma-motion-plugin
https://www.tunicmotion.com (https://tunicmotion.com)
1
147
Hello everyone!
Introducing Karma, my submission for the #configmakeathon
Karma is a community-driven help network designed to foster mutual aid. Built on the KRM cryptocurrency, which I created specifically for this project, the platform integrates the MetaMask API to enable secure, decentralized wallet interactions. This allows users to manage their rewards and participate in the ecosystem seamlessly.
Key features:
Geo-Locate: Real-time map interface to discover or offer help within the immediate area.
Zero-Cost Model: Requests are free to post, removing barriers to seeking help.
Reward Pool: Contributors earn KRM tokens directly from the system, incentivizing helpful behaviors.
MetaMask Integration: Leverages the MetaMask API for secure wallet connection and token management.
Community Trust: Built to encourage positive social interactions and mutual aid.
Check it out:
https://tone-cotton-87887316.figma.site
1
446
