Contra - A professional network for the jobs and skills of the futureDiscover
Projects
People
Web developers
Content creators
Graphic designers
Product designers
AI developers
Motion designers
Social media marketers
Animators
Video editors
      

Projects we love

Projects we love

Standout projects making waves around the web
View more
Cover image for Lyft Pink
Lyft Pink
34
860

Web design projects using Framer

Framer

The best modern websites built on the leading web design tool, Framer
View more

Framer is the leading tool for building websites, fast

FramerHire experts

AI projects

AI

New projects from the best AI creators
View more

Brand design projects

Brand design

Bold visual identities and branding systems created by top independent designers
View more

Video editor projects

Video editing

Creative video edits made using today’s best editing tools
View more

Standout projects

Standout projects

More projects we love that are making waves across the web
Cover image for AURIX — Premium Audio Product
AURIX — Premium Audio Product Landing Page 🎧✨ AURIX is a bold landing page concept created for a premium audio brand focused on high-end sound, refined design, and an immersive listening experience. The goal was to make the product feel aspirational from the first screen while keeping the interface clear, modern, and easy to explore. The visual direction combines rich red tones, editorial typography, premium lifestyle imagery, and interactive music elements to create a digital experience that feels both luxurious and emotionally engaging. Special attention was given to: • a cinematic hero section that places the headphones and listening experience at the center; • premium product positioning supported by elegant typography and a refined color system; • responsive desktop and mobile layouts designed for smooth product discovery 📱; • music player components that add interaction and reinforce the audio-focused concept; • suggested tracks and collection navigation that make the experience feel more dynamic; • strong calls to action guiding users toward exploring the product collection; • a scalable visual system suitable for product launches, campaigns, and future e-commerce pages. The result is a memorable digital experience that helps AURIX feel premium, modern, and emotionally connected to music — combining product storytelling with a clear path toward discovery and purchase 🎶 Looking to create a bold landing page for your audio, lifestyle, technology, or consumer product brand? Let’s build something people can feel ⚡
6
11
103
Cover image for I had this idea stuck
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
4
44
Cover image for Finally get to share this
Finally get to share this one — been sitting on it for a while and couldn't post until now 🎉 Designed the full landing page (and a bunch of product screens) for XRS, a prop trading platform. The idea: traders pass a funded-account challenge, trade the firm's capital, and keep up to 80% of the profits. Prop trading is a pretty saturated space and most platforms look the same — dark UI, generic trading stock imagery, nothing that actually sticks. So instead of the usual playbook, I leaned into a black-and-gold identity — including custom, hand-crafted illustrations built specifically for this project (the glowing spheres, gradient icons, all of it) instead of stock assets or generic 3D packs. Some of what's in there: — Custom illustrated icons for the 3-rule system and "trader to fund manager" journey — Floating reward/payout cards as social proof right in the hero — A plan selector so people can pick account size, currency, challenge type — Trustpilot ratings + a testimonial section for trust — Support + FAQ blocks, because people are putting real money on the line Genuinely proud of how this one came together — every visual element built from scratch for the brand, full case + more screens are up now, finally 👀
9
17
138
Cover image for DREAM-O — The global registry
DREAM-O — The global registry of dreams. I almost never remember my dreams. I wanted an app that would tell me what I dreamed last night — and the moment I imagined it working, I knew what the company behind it would actually be. So I built that company instead. A pillow unit records every session. Twelve minutes after you wake, the company issues a record. It never explains how. What you're allowed to see of your own dream depends on which plan you pay for. ORIGIN opens one scene a month. The rest stay in custody — described in full, never opened. Their time, their length, their size, their state. Everything except what happened. After fourteen days they're destroyed. Not for the company. For you. And the company doesn't say destroyed. It says released. Every screen is written in that voice: procedural, patient, institutional. The product never winks. Nothing on any sheet tells you this is wrong — you work that out yourself, somewhere around the retention page. One prompt in Flowstep produced six screens. From there it was iteration — prompt, look, correct, look again. Text overflowing, blocks colliding, things that looked fine until I zoomed in. Every screen sits on a percentage grid with four x-values and a single hairline spine at 68.4% height. No border radius, no shadows, no serifs, no accent colour anywhere in the system. Then I connected Claude Code to Flowstep's MCP server, handed it my design guide, and asked it to audit all fourteen screens against it, one by one. A second prompt to fix what the audit found. It worked inside the Flowstep file over MCP. I went off to cook. I came back and it was ready — I just wired a few links by hand, three clicks each. Fourteen screens for twelve sheets — the record sheet exists three times, one per plan. A path you can walk end to end. Prototype: https://app.flowstep.ai/file?activeFileId=0a82e6e8-edfa-4dfb-ace8-dfb2e8122859 Social: https://x.com/JosIgnacio17989/status/2083406318304481732 Built with Flowstep · Claude Code over MCP @flowstep_ai #FlowstepChallenge
4
16
183
Cover image for From UI/UX to working on
From UI/UX to working on Monster Prototypes. Over the last year, besides my UX/UI and Product design work, I've been investing time in HTML, CSS and JavaScript to better understand implementation and collaborate more effectively with developers. Recently, combining Figma, Claude, and my coding background has changed the way I prototype. I can now turn interface concepts into functional local prototypes, test interactions, discover edge cases, and validate UX decisions before development even begins. This tactical Geospatial Interface is one of those experiments. It's not just about creating beautiful screens anymore; it's about reducing uncertainty before engineering takes over. I'm continuing to expand into GIS, Aerospace, and Defence UX, combining design, implementation, and domain knowledge to build interfaces for complex systems. Every new tool feels less like a replacement and more like another skill added to the toolbox. More content from this project is on the way!
2
2
11
Cover image for Hey! We're GOAT Studios 🐐
Hey! We're GOAT Studios 🐐 Every creative studio needs a first introduction—this is ours. For our first post on Contra, we wanted to keep things simple: a clean photography studio, a goat walking into frame, one confident "mee," and a subtle reveal of the GOAT Studios logo. This short film reflects how we approach creative work: simple ideas, strong execution, and meticulous attention to detail. At GOAT Studios, we combine creative direction with cutting-edge AI technologies to create cinematic visuals, branded content, and digital experiences that help businesses stand out. This piece was produced entirely through an AI-powered creative pipeline, including concept development, prompt engineering, image generation, animation, sound design, editing, and final compositing. We're excited to be part of the Contra community and look forward to collaborating with brands, agencies, and fellow creatives.
11
19
329