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
ARDEN Residences: Luxury Real Estate Website with a Scroll-Driven 3D Hero
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
Exploring a clean, modern SaaS dashboard UI. Focused on simple layouts, smooth interactions, and a better user experience 🚀
i had to like this, it got my attention, very nice build mate.
𝐈𝐧𝐭𝐞𝐫𝐚𝐜𝐭𝐢𝐯𝐞 𝐅𝐥𝐨𝐫𝐚𝐥 𝐒𝐡𝐨𝐰𝐜𝐚𝐬𝐞 𝐖𝐞𝐛𝐬𝐢𝐭𝐞
I designed and developed this visually focused website in Framer, built around a clean dark interface, bold floral imagery, and smooth interactive transitions.
The goal was to create a website that feels more like an immersive digital showcase than a traditional static page. Each section highlights the content with strong typography, minimal UI elements, refined spacing, and motion that keeps the experience engaging without making it feel overloaded.
I focused on creating a premium visual flow where users can explore different flower varieties through an elegant and modern interface.
For this project, I worked on:
• Modern UI/UX design
• Framer development
• Interactive transitions
• Dark-themed visual system
• Responsive layouts
• Typography and visual hierarchy
• Image-focused content presentation
• Smooth motion and micro-interactions
The final result is a modern, responsive website that combines strong visuals with smooth interactions to create a memorable and polished browsing experience.
Tools Used: Framer, Figma, Photoshop, GSAP, LottieFiles
@Sadam Ashraf Love the clean design and smooth interactions! The dark theme paired with the floral visuals gives it a really premium feel. Great work! 👏
Another section completed for TealSites, a web design and development agency.
This time, I designed the What We Do section, highlighting three core services:
- Landing Pages
- Marketing Websites
- Web Apps and MVPs
The goal was to make each service easy to understand while keeping the layout clean and consistent with the overall visual identity.
I used custom illustrations, subtle grid lines, and teal accents to give each card its own character without making the section feel cluttered.
Designed in Figma.
What do you think of this section?
Clean structure! Love how you separated Landing Pages vs Marketing Websites vs MVPs — a lot of agencies mix them up. The isometric illustrations with the teal accent keep it technical but friendly. How did you handle the responsive behavior for those 3 cards?