The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Good Monk — Berry Monsters: Kids Nutrition Campaign
A children's storybook spec campaign for Good Monk's Mixed Berry Kids Drink.
The brief I set myself: How do you sell nutrition to a child who thinks vegetables are monsters — without lying to them?
The insight: Kids don't hate fruits because of taste. They hate them because their imagination decided fruits are suspicious. So I went inside that imagination.
Three berry monsters — Strawberry, Raspberry, Beetroot — appear as terrifying shadows in a child's bedroom. Each one carries a gift: immunity, brain health, strong bones. The child's fear becomes curiosity. Curiosity becomes trust.
The product enters through the mother — invisibly, quietly, exactly as Good Monk promises.
Deliverables: 9-slide visual carousel — copy, illustration direction, character design, emotional arc.
Active interest from Good Monk's partnerships team.🙌
storytellingbrandstrategisthealthandwellnessAd CopywritingBrand StrategyCreative StrategistChatGPTClaude
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
ASPHALT is a landing page for a street skateboard brand — one long scroll with six sections: hero, the drop, the boards, the numbers, the culture, and a final call to action.
Live: https://asphalt-skate-culture.netlify.app/
The look is raw and bold: paper background, big chunky type, yellow and orange accents, 3D boards in the space. Almost everything moves : a spinning skate-wheel cursor, text that jumps up on scroll, a board that tilts to your mouse, a trick-name ticker, a counting year, and sparks on the last button.
How I used Stitch
https://stitch.withgoogle.com/projects/768150956399471213
I started with a design system. I wrote a DESIGN.md with the colors, type scale, spacing, and motion rules, then imported that into Stitch as the source of truth. From there Stitch generated each section straight onto the canvas, and because everything ran off the same system, the sections actually matched instead of drifting. The output was HTML-native too, so the motion and hover states were already in there.
Once the sections looked right, I exported the code and used Claude to merge them into one page: combining the duplicated cursor, consolidating the Tailwind config, and wiring up the scroll behavior between sections. Then I shipped it on Netlify.
Platform feedback
Starting from a design system was the best part the DESIGN.md kept all six sections consistent, which is usually the hard bit when you build piece by piece. Fast too, and the motion came baked in.
The one pain point was joining sections. Each exports on its own, so making one page meant cleaning up duplicates by hand. A "merge boards into one page" export would fix that.
Nice work! looks really polished 🔥
When I first joined Contra, I wasn't focused on rankings. I was focused on building meaningful relationships, delivering quality work, and creating brands that help businesses stand out.
This score is a reflection of that consistency.
Every project, every client conversation, every logo, website, and brand strategy session contributes to building a reputation that people can trust.
Grateful for the clients who have trusted me with their vision and the creatives I've connected with along the way.
The goal isn't just to climb the rankings. It's to continue creating work that makes an impact.
Onward to the top 10%.
keep it up, Austyn! 🚀
Framer Membership Site: Court Culture Sports
Project Description:
As a dedicated Framer Expert, I specialized in cutting-edge Framer Website Design and Framer Website Development to create this highly interactive and visually stunning web experience for "Court Culture," a tennis and sports coaching brand. My focus was on leveraging Framer's unique capabilities to build a Framer Interactive Prototype, a robust Framer Component Library, and captivating Framer Animation and Framer Micro-interaction Designs that highlight their training programs and elite coaching.
I am proficient in Framer CMS Integration, enabling dynamic content management for their programs, pricing, and FAQ sections. My work prioritizes Framer SEO Optimization and Framer Performance Optimization to ensure the site ranks high and loads fast. I excel in crafting Framer Responsive Layouts and utilizing Framer's AI Layout Generator for efficient and adaptive designs. With a strong foundation in Framer No-Code Development and the ability to integrate Framer JavaScript, I delivered a Framer Production-Ready Website that is both functional and aesthetically pleasing.
I built a comprehensive Framer Design System and created Framer Custom Components to ensure consistency and scalability across the Court Culture platform. My expertise includes implementing Framer Scroll-Triggered Animations, Framer Hover Effects, and seamless Framer State Transitions. I also developed Framer Form Validation and Framer Lead Capture mechanisms to enhance user engagement and membership sign-ups.
Whether you need a Framer Landing Page, a Framer Full Website Build, Framer Template Customization, or ongoing Framer Maintenance, I provide end-to-end solutions. I also have experience with Framer E-commerce for program sales and Framer Blog Setup, ensuring all aspects of your online presence are covered. Partner with me to transform your vision into a dynamic and high-performing Framer website.
Tags:
Framer Expert, Framer Website Design, Framer Website Development, Framer Interactive Prototype, Framer Component Library, Framer Animation, Framer Micro-interaction Design, Framer CMS Integration, Framer SEO Optimization, Framer Performance Optimization, Framer Responsive Layout, Framer AI Layout Generator, Framer No-Code Development, Framer Production-Ready Website, Framer JavaScript Integration, Framer Design System, Framer Custom Component, Framer Scroll-Triggered Animation, Framer Hover Effects, Framer State Transitions, Framer Form Validation, Framer Lead Capture, Framer Landing Page, Framer Full Website Build, Framer Template Customization, Framer Maintenance, Framer E-commerce, Framer Blog Setup, Web Design, UI/UX.
Creative 😍
Challenges
View all
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?