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

Standout projects

Standout projects

More projects we love that are making waves across the web
Cover image for WAU began as my university graduation
WAU began as my university graduation project for my Bachelor's Degree in Graphic Design, created long before AI became part of my design workflow. The project was inspired by UN SDG 12 (Responsible Consumption and Production). Through research, interviews, surveys and user testing, I explored the problem of household food waste and how design could help reduce it. Instead of creating a traditional cookbook, I designed a visual recipe system that helps dog owners turn leftover fruits and vegetables that are still safe to consume into healthy homemade dog treats. Beyond recipes, the book also teaches users how to identify ingredients that are still suitable for use. Recipes are organized through color-coded categories and illustrated ingredient cards based on preparation methods such as baking, freezing and refrigerating, making the experience faster and more intuitive. To reinforce the sustainability concept, I also designed the packaging with a second life in mind. After interviewing dog owners and testing the concept, I decided that the fabric wrap would become a reusable bandana for the dog, extending the product beyond the unboxing experience. Although I was proud of the original project, there were many additional ideas and presentation assets I couldn't include in my final graduation presentation. Thanks to Envato, I was finally able to create the complete presentation I had imagined years ago using its AI tools, assets and sound effects to produce realistic product photography with the exact compositions I envisioned, custom mockups for a packaging format that didn't exist, lifestyle scenes, mascot animation, and stop-motion-inspired product sequences that make the project easier to understand visually. Every AI-generated scene was carefully refined and edited to stay faithful to the original project, its research, and the design decisions developed years ago.
4
11
208
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! 👇
18
55
1.4K
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.
10
501