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
872

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 DONT MISS THIS ONE: I've spent
DONT MISS THIS ONE: I've spent the last few weeks building something I've wanted to finish for a while and add new skills to my pipeline while working on the project: a cinematic, terminal/HUD-style interface for a fictional tactical operations system, entirely in the browser. (I believe this might be a really good solution to run some type of motion projects during filmmaking time directly on the visible probs) Here are some details: Behind a simulated boot sequence (fake network handshakes, IP auth, animated logo reveal) sit four consoles: → STATICPEN: a satellite recon view with live target tracking that shifts from optical to thermal scan on inspection → SILENTPEN: a ground tactical console with four switchable sensor modes: Direct, Lidar, Heat Scan, Ghost → SEERPEN: the deep one. A real 3D globe (Cesium) rendering 26 live/static intelligence layers, conflict zones, ship traffic, flight tracking, GPS jamming, orbital satellites, paired with a live news feed and a local-LLM "analyst" that reads the map context and can act on it through chat → STRATUM: locked for now. Select it, and the system denies you clearance and logs the attempt. A dead end on purpose. Design-wise, the goal was to make it feel like a live system, not a mockup; every terminal readout, scan line, and boot log is actually animating in real time, not a static screenshot dressed up to look busy. Designed fully in Figma, first run and perfected on a local server and moved to GitHub with some changes to able to fit the webpage format. It was built with React 19, TypeScript, Vite, Tailwind v4, Cesium, and a small Express backend aggregating real news and live layer data. While I've FE skills, they were limited in most cases; I've tried a new MCP server system inside Figma, and with VSC and Claude, I was able to pull out my design, put more detailed meaning to it and run it fully with interactions. While I'm against the ML systems to some degree, my approach is to use that as a tool to solve my technical problems. And my design project became a fully functional project. I believe designers will evolve their mindset to create more valuable products with more extensive tool options. Let me know what do you think =) Full case study on Behance: https://lnkd.in/dNd_PRqu (https://lnkd.in/dNd_PRqu)Live demo: https://lnkd.in/d2cp9mcN
2
6
50
Cover image for Veranda, a luxury residential concept
Veranda, a luxury residential concept landing page Veranda is a concept build I created for a fictional luxury residential brand. It is not client work or a real property. The images and hero motion were generated with AI as part of the creative process. I wanted to explore something that matters when building high-fidelity landing pages: after several rounds of changes, how do you make sure the final page still looks like the design that was approved? The site is built in Next.js with responsive layouts, self-hosted fonts, GSAP motion and an interactive walkthrough. I also built in a proper QA process around it, not just checking that the page loads and the buttons work. It compares 12 sections across five screen sizes against approved visual baselines. It flags visual drift, missing baselines and changes that have not been reviewed. I also tested interactions, accessibility, contrast, performance, browser behaviour and reduced-motion states. The main lesson for me was simple: a page can pass functional tests and still no longer be the page that was agreed.
1
5
50
Cover image for The client is Encontro Atípico,
The client is Encontro Atípico, a wonderful initiative started by Luana Alves, a psychologist from Brazil. It’s all about providing in-person gatherings in various spaces where neurodivergent and neurotypical young adults can come together, make friends, and enjoy fun conversations and games in a safe setting. The focus is on young adults who are exploring their identities, and the aim was never to create a space that feels exclusive or labels anyone, but rather a welcoming place where different ways of being in the world can connect on equal footing. However, the old brand didn’t quite capture what the initiative had evolved into; it felt outdated and didn’t reflect the true essence of the mission. This inspired Luana to pursue a complete rebranding, which was completed in December 2025.
5
11
146
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 ⚡
21
50
845
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
15
19
309
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 👀
19
47
676