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
Designed the landing page UI for Agent OS — a next-generation AI platform that helps art directors, designers, and studios streamline their generative workflows.
B2B AI tools often fall into the same trap — they look like overly complex, highly technical dashboards. The goal was to build an interface that actually appeals to creative professionals, balancing advanced AI capabilities with a premium, highly aesthetic visual language.
An editorial art direction that blends modern sans-serif fonts with elegant serif italics, paired with striking, organic floral visuals. I used a glassmorphic chat overlay to showcase the AI's prompt-to-image generation feature directly in context. It proves that generative tools can feel deeply human, inspiring, and beautiful rather than purely functional.
What's in the interface:
— Contextual glassmorphic chat overlay
— High-contrast editorial typography system
— Seamless blend of organic photography and precise UI elements
— Clean, conversion-optimized top navigation
The process:
— Midjourney: Generated the vivid, high-fashion floral photography and campaign assets.
— Jitter:Crafted the smooth UI motion and interactions for the floating chat interface.
— Figma: Designed the entire layout, typography, and UI system.
A case in making artificial intelligence feel like a creative partner, not just a software tool.
🔥
Want to steal the font used for “Creative” which one is it?
stunning work, the animations flow so well!
B2B AI dashboards defaulting to dense and technical is such a real trap, like founders think complexity signals capability. What was the thing the client was most nervous about cutting when you pushed for the more editorial, less "software-y" direction?
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
I had this idea stuck in my head for a while...
What if scrolling through a website felt more like controlling the camera in a cinematic Ferrari commercial?
So I decided to build it.
The hero section starts inside the cockpit. As you scroll, the camera moves through the windshield, circles around the Ferrari, and finishes behind the car all controlled by your scroll.
Getting it to feel smooth was the biggest challenge. Scrubbing a video directly didn't deliver the experience I wanted, so I switched to a frame by frame approach instead. It took a bit more work, but the result feels much more natural and responsive.
This is the kind of experience I love building where motion isn't just there to look cool, it becomes part of the storytelling.
You can try the live demo here:
https://pure-velocity-sculpt.base44.app
I'd genuinely love to hear your thoughts. 👇
#WebDesign #LandingPage #UIDesign #UXDesign #MotionDesign #CreativeCoding #ScrollAnimation #AI #WebDevelopment #Awwwards
Okay this is such a fun concept, scrolling as camera movement instead of just scroll-triggered fades. Frame by frame instead of scrubbing video is a smart workaround. Did you run into any performance issues getting it smooth on lower-end devices?
IT Solutions & Technology Services Website Landing Page. 👇
A clean, modern, and conversion-focused landing page designed for an IT solutions and technology services company. The design highlights enterprise services, cloud solutions, cybersecurity, managed IT services, digital transformation, client success stories, testimonials, and a strong call-to-action to drive business growth.
This looks so good to eye 😊
