Contra - A professional network for the jobs and skills of the futureDiscover

Content creators

Graphic designers

Product designers

Motion designers

Social media marketers

Projects we love

Projects we love

Standout projects making waves around the web

Cover image for Améri Olive Oil

Améri Olive Oil

51

993

Cover image for Steel & Form Branding - Construction Company

Steel & Form Branding - Construction Company

33

659

Cover image for EMPIRE · Independent Record Label — Framer Commerce Web Dev 💻

EMPIRE · Independent Record Label — Framer Commerce Web Dev 💻

17

647

Cover image for Creating Immersive Brands for Artists

Creating Immersive Brands for Artists

1

29

391

Join the $100k Figma Makeathon

Build the next great interaction design to shape culture as we know it, using Figma Make. Learn more.

Figma Makeathon

Join the Makeathon

$100,000 in prizes

Join the Makeathon

How will you shape the future?

Join the Makeathon

Interaction design

Join the Makeathon

Web design projects using Framer

Framer

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

Synaps Brand and Landing Page Development

1

7

314

Framer is the leading tool for building websites, fast

Framer

Timelaps — Designing a Living Brand Intelligence Platform

11

398

$4.2K+ earned

Brand Identity and Website Design for The Future Label

17

314

AI projects

AI

New projects from the best AI creators

Cover image for Felks Sprints

1

12

476

Cover image for Our new Don't Cry Over

Our new Don't Cry Over AI—eBook + Prompt Guide (https://contra.com/products/uTV7Jr7j-dont-cry-over-ai-e-book-and-prompt-guide-support-sick-kids) is LIVE! This 41-page playbook is for entrepreneurs and creatives who want leverage—not overwhelm. No hype. No panic. No chasing shiny tools. Just real creativity. 🖤 Although AI is important right now, we also recognize what’s truly important—the people we love. That’s why $1 of every sale of this ebook is going to SickKids hospital (https://www.sickkids.ca/) in Toronto. It’s the kind of work no machine could ever replace. 🖤 ▶ Buy it on Contra (https://contra.com/products/uTV7Jr7j-dont-cry-over-ai-e-book-and-prompt-guide-support-sick-kids)▶ Or view it embedded on Afton’s site (https://www.aftonnegrea.com/shop)

1

18

1.4K

Cover image for Soda.io - Data Contract Templates for Series B SaaS Startup

Soda.io - Data Contract Templates for Series B SaaS Startup

1

8

219

Cover image for Hey everyone! I just created

Hey everyone! I just created my first digital product: auraOS. It’s an AI-powered operating system designed for freelance designers who want more clarity, structure, and calm in their daily workflow, from managing clients to generating prompts, tracking time, and creating clean invoices in one focused space. I built it for creatives who already know how to get clients, but want a better way to execute and deliver consistently without burnout. Access on the link ⬇️ https://contra.com/products/gzoeGh4o-aura-os-the-ai-os-for-freelancers

5

21

943

Brand design projects

Brand design

Bold visual identities and branding systems created by top independent designers

Cover image for Sieve Matcha Branding

Sieve Matcha Branding

14

274

Pagedeck.com — Full Brand and Website Redesign

3

160

Playful Identity for a Sassy Cat Food Brand

1

10

168

Cover image for Mantra | Ayurvedic Skincare Packaging for Men

$2.1K+ earned

Mantra | Ayurvedic Skincare Packaging for Men

10

286

Video editor projects

Video editing

Creative video edits made using today’s best editing tools

Cover image for Sharing another Contra project that

Sharing another Contra project that I loved. Last year I collaborated with @James Jung on a series of Filterbaby ads (http://filterbaby.com). James’ cinematography was stunning, and together we landed on a look that feels both science-driven and beauty-forward.

7

41

1.1K

Cover image for Promotional Video for MarvelX's Financial Platform

Promotional Video for MarvelX's Financial Platform

8

120

Cover image for Contra UGC Video Campaign

Contra UGC Video Campaign

8

264

Visual Editing System for Personal Brand

9

133

Standout projects

Standout projects

More projects we love that are making waves across the web

Cover image for Understanding Our Changing Planet 🌍
Many

Understanding Our Changing Planet 🌍 Many students learn about global issues like climate change or urbanization in theory, but struggle to truly understand their real impact. There is a gap between academic content and meaningful comprehension. Because of that, I built an interactive educational prototype that helps students aged 16–18 explore the evolution of our planet through urban growth, climate change, and sea level rise. By combining real data with visual storytelling, the goal is to make complex global changes clearer, more engaging, and easier to connect to the real world. CLICK HERE: https://film-steep-03943546.figma.site

1

79

Cover image for Video walkthrough of Aetherscript for

Video walkthrough of Aetherscript for the #figmamakeathon (https://matter-odd-69282964.figma.site)

1

11

286

Cover image for I’ve always loved exploring art,

I’ve always loved exploring art, but we can’t visit every museum or discover every story. ORBIT brings art from around the world together in one beautiful, interactive space. Iconic and unknown works coexist, information is clear, and exploring becomes a journey all accessible anywhere. Built with Figma Make I saw the email only yesterday, but decided to participate for fun anyway Limited storage makes this more of a prototype so apologies for the unpolished demo! https://angel-chant-72776616.figma.site/ #FigmaMakeathon

1

80

Cover image for 𝗪𝗲𝗯𝘀𝗶𝘁𝗲 𝗫-𝗥𝗮𝘆 𝗗𝗶𝗮𝗴𝗻𝗼𝘀𝘁𝗶𝗰 𝗟𝗮𝗯
I design

𝗪𝗲𝗯𝘀𝗶𝘁𝗲 𝗫-𝗥𝗮𝘆 𝗗𝗶𝗮𝗴𝗻𝗼𝘀𝘁𝗶𝗰 𝗟𝗮𝗯 I design websites. And I’ve realized something. Most websites don’t need more traffic. They need clarity. Before every redesign, I audit. But audits usually live inside static PDFs. So I built a tool: 𝗪𝗲𝗯𝘀𝗶𝘁𝗲 𝗫-𝗥𝗮𝘆 (https://websitexraylab.figma.site/) — a diagnostic experience built entirely in Figma Make. Instead of reading an audit, users experience their website being analyzed in real time. Built during #FigmaMakeathon. Try it here: https://websitexraylab.figma.site/ Social post on X (https://<https://x.com/Hina_HMofficial/status/2028474008002249209?s=20>) and LinkedIn (https://www.linkedin.com/posts/hinamanzoor_figmamakeathon-activity-7434239520046309376-ivhk?utm_source=share&utm_medium=member_desktop&rcm=ACoAAC6nFzQBTNaJMucQYWh3wqXMB92qzXxwIFk) for Submission.

4

2

105

Cover image for Introducing Freelancer Quest 👾
Most freelancers

Introducing Freelancer Quest 👾 Most freelancers are Level 99 at their craft but feel stuck at Level 1 when pitching themselves. So for this Figma Makeathon, I wanted to build something to help with that - but I didn't want it to feel like every other productivity tool - I wanted it to feel like a game. Core Features: ⭐ Keyboard-first UX: navigate using only your keyboard - it's faster and more accessible for one-handed use ⭐ Meet Pixel: I hand-drew an NPC in Procreate to add a personal touch; I’m a sucker for pixel art! ⭐ Full retro vibes: from the palette to the 8-bit sound fx, everything is designed to make applying for a job feel like the ultimate side quest Vision: While this version focuses on design and interaction, I plan to integrate OpenAI later to make it as helpful as can be! https://sharp-salad-33899406.figma.site

2

12

200

Cover image for Branding for Autonity

Branding for Autonity

1

2

34

Cover image for BLOOM is an interactive art

BLOOM is an interactive art installation exploring the tension between surveillance technology and natural beauty. The same machine vision built to track and quantify the human body becomes a portal for something it was never designed to feel. Open your palm. Let it see you. Watch it bloom 🌸🌺🌷🌼 Figma Link: https://interactive-bloom.figma.site Built for @Figma Makeathon with Figma Make #FigmaMakeathon @Figma

2

8

196

Cover image for Just finished this branding for

Just finished this branding for Visora™ a BI SaaS built on the idea of vision turning data into decisions. We used bold orange instead of the usual tech blue, with green for growth and black/white for contrast. Would love your feedback: Does the concept feel clear? Would you change anything?

1

5

110

Cover image for Recently designed a visual identity

Recently designed a visual identity for BKR Brothers. BKR Brothers is a podcast that was formed in 2019 and presents various topics from a personal perspective using conversational language wrapped in a ‘hanging out together’ atmosphere to create closeness with listeners. A new, bold, and bright visual identity that represents BKR's distinctive style of discussing random everyday stories in a casual and enjoyable way.

6

7

103

Cover image for ☛ NEW WORK ☚
I was

☛ NEW WORK ☚ I was invited by the HoneyCoin team to collaborate with their team and work closely with a Product Manager, Product Designer, and Frontend Engineer to deliver over 25 animation sections for their new website launch. Instead of providing multiple static flows to users, the team wants to implement interactions and animations across pages. I was responsible for developing the interactions and animations across the page to deliver this complex flow with @Rive. All the animation and interaction were delivered within less than 3 weeks. If your services have a complex flow and a lot of information, I encourage you to incorporate animation and interaction into your product. #madewithrive #motiondesign #productdesign #interactiondesign

5

15

242

Cover image for Website Design for Migo AI*

Website Design for Migo AI*

2

62

Cover image for Creativity, vision, breakthrough.
Tools used: Cinema4D,

Creativity, vision, breakthrough. Tools used: Cinema4D, Arnold renderer, and After Effects.

4

12

151

Cover image for I’m genuinely glad I had

I’m genuinely glad I had the opportunity to try @Figma Make in the latest @Contra HQ challenge - even I was surprised by the final result. I created an interactive, immersive experience with customizable colors and unique sound effects designed to support mindfulness and stress relief. Visually, the outcome is clean and refined, with carefully placed staggered animations and transitions enhancing the overall flow. If you need a few minutes to reset, I recommend trying the breathing exercise on the site - I hope it helps you get through a long day. Link: https://www.figma.com/make/6uesMwFszw6Mw29BuGOnqt/Immersive-Nature-Experience-Prototype?p=f&t=7XY9cArmY3eq49pa-0&fullscreen=1 Final site: (somehow the gif doesn't work there, I've tried everything) https://water-cub-35204567.figma.site

4

14

563

Cover image for MCF Studio came to me

MCF Studio came to me with a clear brief: build a website that holds its own next to the work they produce. They're a creative studio. Their clients have high standards. The site had to match. A few things that drove every decision: The portfolio needed to feel intentional, not just a grid. Each project deserved weight. The animations had to add meaning, not just movement. Every transition tells you something about how MCF thinks. Nothing generic. A creative studio with a generic website is a contradiction. End result: a site that positions MCF exactly where they want to be. → Full case study on my profile

4

156

Cover image for I made a website you

I made a website you could control with your webcam! 👀🔥 View in Desktop: https://telepath.figma.site/ Here's Telepath, a fully functional infinite image gallery portfolio website. You can deploy this website as is, with your pictures right now. This whole website took over 30 prompts and was made with media-pipe. All images are fetched from a supabase bucket. Now for the fun part: Enable gesture controls and give permission of your webcam (Your data is not stored and is only used for processing locally in the browser). 1. Closed Fist or Index Finger ☝️ : Move around cursor in the canvas 2. Index and Middle Finger ✌️ : Swipe and drag to move around the canvas 3. Index and Thumb "L sign": Open the hovered image 4. Hold Palm open for 1s ✋ : Close the Image 5. Devil Horns 🤘 (Thumb closed): Change view between flat<>fisheye

7

19

1.3K

Cover image for Today I build Sound Flower

Today I build Sound Flower 💐 A dreamy way to compose music through the art of floristry. Every flower you pick is a unique instrument. Simply choose your favorite flowers, place them on the canvas, and play to listen to the one-of-a-kind melody you’ve created 🎶✨ Built for the #FigmaMakeathon with Figma Make Try it now: https://soundflower.figma.site

9

31

1.1K