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
780

Join the $20k Squarespace Challenge

It’s time to make it real. Enter for a chance to win $20k in prizes. Learn more.
Squarespace Challenge
LogoEnter the challenge
Squarespace Challenge
LogoEnter the challenge
Squarespace Challenge
LogoEnter the challenge
Squarespace Challenge
LogoEnter the challenge

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 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.
5
290
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/)
7
12
348
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.
14
41
1.7K
Cover image for Less than 8 hours. One
Less than 8 hours. One clear direction. Great branding isn't about exploring hundreds of ideas. It's about making the right decisions early. This concept went from brief to creative direction in less than 8 hours. After 15+ years, I've learned that speed comes from clarity, not shortcuts. That's what I enjoy most: helping founders find the right direction before a single pixel is refined. Here's how I usually approach a new brand: 1. Understand the vision Align with the founder's goals, audience and what the brand needs to communicate. 2. Define the right creative territory Identify the strongest references and establish a clear visual direction before designing. 3. Explore the identity Develop logo concepts, typography and the visual language until the strongest solution emerges. 4. Build a cohesive brand direction Turn that vision into a creative system that can grow into a complete brand experience. How do you approach the first stage of a branding project? I'm currently available for brand identity, creative direction, web design & development. Open to: • Full-time remote roles • Long-term freelance collaborations • Direct client projects
8
18
561