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
AN INTERACTIVE CREATIVE SITE BEYOND THE ORDINARY.
A creative 3D portfolio that transforms a vintage television into an immersive digital experience. Blending interactive storytelling, 3D visuals, and fluid animations to showcase a new perspective on web development.
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
i built a semi-3D interactive website with @Base44 for a Creative Production Studio, called STORM STUDIO,. that drafts 3D Digital unique experience for Brands.
STROM STUDIO specializes indesign, motion, 3D and Technology, working together to turn ambitious ideas into immersive digital experiences.
At STORM STUDIO, We create 3D visual storytelling and interactive web experiences that help brands stand out.
STORM STUDIO - https://stormstudio.base44.app
also, check it out on mobile, to get the full mobile experience
my walkthrough process will be below in my comment section
my walkthrough process
PS; if you opened the STORM STUDIO website on a Mobile phone, Shaking the phone rattles the rubik cubes like a shaken jar.
and,
on PC/DESKTOP, moving the cursor rattles the rubik cubes, also slowly scroll through the home page to have a full experience of the scroll animate effects, etc.
try it out 😊
Kajabi Website Design for Online Coaches & Courses
Designed a Kajabi website concept for online coaches and course creators who need a clear, professional way to present their programs and learning offers.
The website focuses on presenting course information, highlighting program benefits, and guiding visitors toward enrollment or the next step. The layout combines clear content structure, engaging sections, responsive design, and strategically placed calls to action to create a smooth experience across desktop and mobile.
The goal is to help coaches communicate the value of their programs and give prospective students a clear path from discovering the offer to taking action.
#Kajabi #KajabiWebsiteDesign #WebsiteDesign #OnlineCourse #CourseCreator #OnlineCoaching #CoachingWebsite #CourseWebsite #LandingPageDesign #SalesPageDesign #WebDevelopment #Elearning
The “Four modules. One much clearer next move.” line makes the course feel manageable before someone gets into the details. That’s a useful choice for coaches whose offers can otherwise feel overwhelming. For this concept, would the main CTA go straight to enrollment, or let visitors preview a lesson first?
Snap — Interactive 3D Patch Studio
The problem
Customizing clothes online creates a gap between what the customer imagines and what ends up on the sewing table. People want creative freedom; production needs exact instructions. The result is endless back-and-forth and “where do I put this patch?” messages.
The build
I’m a designer, so everything started in Figma — every screen, hover and sticker. Then I rebuilt it in Base44, one prompt at a time: layout first, then motion, then the 3D studio.
In the studio, you drop patches anywhere on a real 3D shirt, then rotate, resize, duplicate or undo. On mobile, it’s built for one thumb: separate modes for viewing, placing and editing, and quick zones like Chest or Sleeve. Small details carry the brand: hover a patch in the catalog to see it sewn on a shirt, or hover the headline letters to watch them turn into 3D type.
Three things fought back:
Patches on a real 3D shirt — solved with surface decals that follow the fabric.
Saving exactly what people design — solved with automatic front/back snapshots.
One-thumb mobile editing — solved by splitting the studio into clear modes instead of shrinking the desktop layout.
Automation
Snapshot → production (saves time, removes errors). The moment you add to bag, snap captures your design front and back. The snapshots go to production with the order, and the admin can download a ready-to-print production sheet as a PDF. What you see is exactly what we sew.
Status emails (customer experience). Change an order’s status in the admin, and the customer is notified automatically: in production, shipped with tracking, delivered.
Owner alerts (operations). New orders and contact messages land in my inbox right away, with a link to the order.
Waitlist (leads). Unreleased items like the hoodie collect sign-ups instead of being a dead end. The moment I switch it live, everyone waiting gets an email.
Vibe code. Vibe design. Real thread.
Life project:
https://figma-snap-416e61aa.base44.app
Figma file (for personal use)
Full screencasts are in the comments: the customer flow (from the catalog to checkout, on desktop and mobile) and the admin flow (the order with its snapshots → the production PDF → a status change → the automatic email).
Ohhhh wowww this is nice