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
33
790

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 RETURN TO WHAT WORKS. The concept:
RETURN TO WHAT WORKS. The concept: TALLO is a premium ritual skincare brand inspired by the ancestral use of beef tallow. My goal was to give this timeless ingredient a fresh, modern identity by pairing premium Wagyu tallow with botanicals like honey, lavender, and vanilla, while reimagining the products through a refined chrome packaging system. Rather than designing just a website, I wanted to create a complete brand experience that felt authentic and launch-ready. From the visual identity and packaging to the ecommerce experience and storytelling, every detail was designed to position TALLO as a modern take on traditional skincare. Built with Squarespace + Finish Layer: I used Block Transforms, Loop on Scroll, Float, Stacks, Font Uploads, and Block Animations to create dynamic layouts, subtle motion, and an editorial shopping experience that brings the brand to life. Squarespace link (https://dolphin-bumblebee-yabl.squarespace.com/) Password: 4321 Tools: Squarespace · Finish Layer · Figma · loveart
8
9
217
Cover image for The Design Oracle is Live
The Design Oracle is Live ✨ | Squarespace Make It Real Challenge Ever wondered if that "final_FINAL_v4" file is actually the last one? Or if the client will ask to make the logo just a little bit bigger? Let the cards decide. 🔮 I’m thrilled to unveil The Design Oracle (or Design Arcana)—an interactive, mystical tarot experience created specifically for freelancers and designers to reveal the fate of their current projects. This is my official submission for the Squarespace Make It Real Challenge. My goal was to completely break away from standard grid layouts and see how far I could push the creative boundaries using the new Finish Layer tools. Here is how the magic works behind the scenes (without a single line of custom code): Z-Axis & Overlapping: Used Fluid Engine to scatter the cards and floating stickers across the canvas, creating depth and a true "spread" feel. Hover Reveals: Leveraged native image swap effects so users can organically "draw" a card just by exploring the screen. Mobile Overrides: Rebuilt the entire chaotic desktop spread into a sleek, functional vertical stack for perfect mobile UX. After over a decade in UI/UX and brand design, I still believe the best projects start with pure creativity before locking into rigid systems. This was incredibly fun to build. Will you pull "The Golden Client" or "The Wheel of Feedback"? Take a deep breath, align your pixels, and draw your card here: https://round-herring-m73p.squarespace. Password: contrathebest I'd love to hear which destiny you got in the comments! 👇
7
21
534
Cover image for For the Squarespace Challenge, I
For the Squarespace Challenge, I built DAWN. DAWN is a conceptual portfolio for photographer Christopher Dawn built around a simple idea: photography should speak for itself. Website: https://maroon-sepia-dl3n.squarespace.com/ Password: DAWN Today, many creative portfolios compete for attention through excessive copy, interactions, and visual complexity. DAWN explores the opposite approach: a photography-first experience designed to remove friction between the viewer and the work. Rather than overwhelming visitors with information, the website focuses on what matters most when choosing a photographer: the images and the creative vision behind them. As part of the challenge, I joined Squarespace Circle to continue exploring how thoughtful, professional-grade design tools can help bring creative ideas to life. The project was designed around three principles: restraint, intentionality, and curation. Photography occupies the majority of the experience, supported by generous whitespace, minimalist typography, and editorial-inspired compositions. Every element was intentionally reduced to allow the work itself to become the primary storytelling medium. Inspired by contemporary editorial design and luxury fashion websites, DAWN feels closer to visiting a curated gallery than browsing a traditional portfolio. Using Finish Layer Finish Layer’s scroll animations became the foundation of the experience. Rather than using animation as decoration, they were used as tools for pacing, storytelling, and curation. One of the core ideas behind DAWN was that design decisions should always serve a purpose: including the tools used to build it. Finish Layer was never used simply for the sake of using it. Instead of incorporating every available feature, I intentionally chose the ones that best supported the concept and user experience of the project. Throughout the portfolio, photographs progressively reveal themselves and transition from isolated moments into carefully curated editorial compositions. Images begin small and gradually expand into editorial-inspired layouts as the user scrolls, creating visual rhythm, establishing hierarchy, and encouraging visitors to engage with each image before experiencing the collection as a whole. At the end of the website, Finish Layer is used to create a playful scroll-driven interaction that acts as Christopher’s introduction. As visitors continue scrolling, a series of hand-drawn elements are progressively revealed: a speech bubble, a camera, a camera flash, and finally a simple “Gotcha!” message. The sequence serves as Christopher’s personal introduction, presented in an unconventional and playful way. What appears to be a simple interaction is, in reality, a carefully choreographed scroll-driven experience designed to reveal personality through restraint. Animation is deliberately subtle and purposeful. Every transition was designed to support the photography rather than compete with it, demonstrating how Finish Layer can be used to create immersive storytelling through restraint rather than complexity. Every interaction throughout DAWN was designed to feel effortless. By embracing restraint and using Finish Layer intentionally, the project demonstrates that immersive and memorable digital experiences do not need to rely on complexity. Sometimes, thoughtful pacing, generous whitespace, and meaningful interactions are all that’s needed to let great work speak for itself. DAWN explores the idea that thoughtful design isn’t always about adding more: it is equally about knowing what to leave out. By combining editorial-inspired layouts, generous whitespace, and purposeful scroll-driven storytelling, the project demonstrates how a photography portfolio can feel immersive, playful, and highly curated while remaining remarkably simple.
6
369
Cover image for Buy Seriva – Premium Telehealth
Buy Seriva – Premium Telehealth & Healthcare Website Template for HealthTech Startups Buy Now (https://contra.com/payment-link/1W5vnoXz-seriva-modern-telemedicine-and-health-test-website-theme) Seriva is a premium healthcare website template built for telemedicine platforms, health-tech startups, diagnostic services, and medical SaaS products. Designed using research-driven UX, it includes a modern Home Page, Product Details Page, Treatment Category Page, a complete design system, responsive layouts, organized Figma files, and lifetime updates. Perfect for startups building digital healthcare experiences around lab testing, biomarker insights, online consultations, and preventive care. Telehealth Website Template, Healthcare Website Template, HealthTech UI Kit, Medical SaaS Design, Healthcare Landing Page, Figma Website Template, Medical Website Design, Digital Health Platform, Diagnostic Website, Biomarker Testing, Preventive Healthcare, Healthcare UX, Medical Startup Website, Responsive Healthcare Template, Healthcare Design System Get the template Buy Now (https://contra.com/payment-link/1W5vnoXz-seriva-modern-telemedicine-and-health-test-website-theme) | Hire us for Custom Design (https://dstudio.agency/)
11
15
1.3K
Cover image for For the Contra x Envato
For the Contra x Envato Challenge, 'Human by Design', we built a brand identity and animated a promo video for 'Olo', an accessible crypto-trading platform. To us, the core of this challenge wasn't about creating more content with AI, but about maintaining one clear creative direction. When drawing from a massive library of separate AI generations, stock footage, fonts, and music, a project can easily turn into a disjointed visual mess. Envato served as our entire toolkit - from AI-generated audio and assets to stock templates and typography. But every asset still had to answer one crucial question: 'Does this truly feel like Olo'? Guided by the brand promise of making crypto trading accessible for everyone, everywhere, human instinct drove the entire creative process: 1. Curating over generating: Rejecting raw AI outputs that felt flat or out of context and ruthlessly filtering for what actually worked. 2. Building a visual identity: Applying custom effects to transform generic stock footage into a unified aesthetic. 3. Directing the flow: Motion design, precise typography, and timing every single movement to the rhythm of the music in After Effects. Envato Stock and AI tools dramatically accelerate the build process, but it’s the human creator who infuses the soul. It provides the ingredients, but art direction, taste, and instinct define the quality of the final result. Toolkit: Envato (Envato AI, Stock, Fonts, Audio) + After Effects & Adobe Illustrator.
18
43
2.3K
Cover image for Poster and Postcard Design for
Poster and Postcard Design for Vita Coco - Brand Activation Campaign. I partnered with Vita Coco, the beloved coconut water brand, on their Brand Activation Campaign held in Paris. The event was in conjunction with a run club; they rented a kiosk along the Seine and supplied the runners with their coconut water.... and a bunch of posters and postcards to remember the day by. That's where I came in! I was commissioned 10+ designs that could work as both posters and postcards. Considering the nature of the brand activation, we wanted something that felt fresh, summery, sporty and infused with Vita Coco energy. Think running the streets of Paris, but with a tropical twist. The activation was a huge success; all that's left to say now is... Chérie, On Court? 🏃
5
11
288