Summer Chang's Work | ContraWork by Summer ChangSummer Chang
Interactive Product Demos for Founders
Gamma × Playdate — AI-Powered Investor Pitch & Product Storytelling
Turning evolving startup ideas into clear, investor-ready presentations.
Partnered with Gamma to demonstrate how I use Claude and Gamma to transform evolving product ideas into compelling visual presentations, using my startup, Playdate, as a real-world example.
Playdate is a flexible, multi-stop itinerary planning tool for parents. As the product strategy evolves, I use Claude to refine the narrative and Gamma to translate those ideas into structured, visually engaging slides.
My contributions
• Product positioning and storytelling
• AI-assisted narrative development
• Investor pitch presentation design
• Visual communication and content structuring
• Product demo video creation
Outcome: A sponsored product walkthrough demonstrating how founders can move from changing business ideas to polished, investor-ready presentation materials more efficiently.
Tools: Gamma, Claude Luma AI × Kamper — AI-Powered Product Campaign
From physical product design to an AI-generated launch campaign.
Partnered with Luma AI to explore its Uni-1 API through Kamper, an outdoor kitchen I designed and prototyped 10 years ago.
Using original product references, real specifications, and iterative AI generation, I created 12 campaign images and 2 videos in just a few hours, without a traditional photoshoot, production crew, or location budget.
The resulting 4K visuals became the foundation of Kamper's landing page and Kickstarter campaign storytelling.
My contributions
• AI API exploration and creative experimentation
• Product art direction and visual storytelling
• AI-generated campaign imagery and video
• Landing page design and development
• Product launch campaign development
Tools: Luma Uni-1 API, AI-assisted creative workflows
Outcome: 12 images, 2 videos, and a cohesive visual campaign built around a real product concept. Undertone: an animated background generator that exports to Next.js and drops onto your website in seconds ✨
I built Undertone, a website background generator.
A background is the undertone of a website, the texture and feeling underneath it all.
I got tired of coding them and burning through AI credits without getting the result I wanted. They all end up looking the same, and tiny details like the speed and the pauses are hard to change.
So I built Undertone: pick a feeling, customize everything, draw your own, then export straight to Next.js and drop it into your site in seconds. It's just text, so it stays light and loads fast.
Built in Figma Make for #ConfigMakeathon ✨
Try it: https://undertone.figma.site
(https://undertone.figma.site/)Also available on the Figma community: https://www.figma.com/community/file/1649138950603776862
Share on LinkedIn (https://www.linkedin.com/posts/summerchang_configmakeathon-ugcPost-7473163503630143489-UxJs/?utm_source=share&utm_medium=member_desktop&rcm=ACoAAA-oub4BASjpIwbW0SdkYVjJDWo9z70G2nY) The problem it solves
Every freelance designer knows the feeling — someone fills out your intake form, and suddenly you're the bottleneck. Writing follow-ups, sending confirmations, drafting reminders, chasing proposals. The work before the work.
I built the Client Intake Agent to handle all of it.
What it does
A 9-step automated pipeline that runs from the moment a lead submits an inquiry to the moment they receive a proposal — with the right things automated and the right things kept as drafts for human review.
→ New intake submission → agent drafts a branded Gmail follow-up with portfolio examples matched to the client's service request
→ Lead books a call → confirmation email auto-sends instantly
→ Day before the meeting → reminder auto-sends at 7am
→ After the call → agent drafts the proposal, contract, and deposit invoice when you're ready
Why it's reusable
The agent is built as a template — not tied to one person's data. Anyone can duplicate it, swap in their booking link, populate their portfolio database, and run the same workflow in under an hour. The instructions include a full constants block, defined status values, and copy-paste prompts to get started immediately.
Judging criteria — how this entry maps
— Clarity of use case: Freelance designer, client intake, first inquiry to signed proposal
— Quality of instructions: Step-by-step pipeline, named triggers, send rules, guardrails, status definitions, and fallback logic
— Reliability and safety: Human review on every client-facing email except confirmations and reminders — where timing matters and content never changes
— Impact: Eliminates the highest-friction part of freelance ops — the first 72 hours after a lead reaches out
— Craft: Branded emails, STAR-format portfolio database, placeholder links for DocuSign and QuickBooks, and a clean setup guide anyone can follow
Links
— Custom Agent: https://www.notion.so/agent/3352d5cd-4ef4-80a1-a3d6-009263fd916f
(https://www.notion.so/agent/3352d5cd-4ef4-80a1-a3d6-009263fd916f)— Marketplace listing: https://www.notion.so/marketplace/custom-agents/client-intake-agent (in review)