Loading video…
All breakouts
52.2App DemoStory Open hookSaaS
Hook
Me and 9:99 AM
@webloved
96.8K followers · usually 12.3K views a post
Views
584.7K
Likes
36.8K
Comments
229
Shares
2.3K
View velocity
+309.1K views over 35.7d · ~8.7K/day · 14 observations
Why it worked
The video uses a high-energy, fast-paced editing style paired with a trending audio track to make a dry B2B software demo feel visually engaging and urgent.
Summary
The video shows a user quickly scrolling through the Alethia website on a laptop screen. The content highlights the platform's features for climate data and ecosystem science.
Structure
- 1User opens laptop
- 2Rapid scrolling through Alethia website
- 3Focus on climate data features
- 4Final view of the website homepage
Product placement
The entire video is a screen recording of the Alethia website.
Original caption
How I build with Claude 👇 Academy in bio 🔗 Those floating mossy rocks start with photogrammetry or high-quality PBR assets. The realism comes from the material, not the polygon count. Combine albedo, normal and roughness maps so light reacts naturally across every surface. The floating motion doesn't need physics. Animate each rock with a sine wave and a subtle rotation so every object moves independently while staying lightweight. The labels aren't part of the 3D scene. Project each object's world position into screen space every frame, then update HTML elements so the text stays attached while remaining responsive and SEO-friendly. The atmosphere comes from post-processing. Bloom, ambient occlusion and subtle fog add depth without making the scene heavier than it needs to be. Compress models with DRACO, textures with KTX2 and lazy-load everything except the hero. Great WebGL starts with great performance. Save this if you want realistic 3D websites. 🪨 #claude #buildinpublic #webdesign #3d #fyp
More from @webloved
More breakout videos from this creator.
