Summer Chang's Work | ContraWork by Summer Chang
Summer Chang
pro

Summer Chang

Websites + PWAs | Mobile-First Product Design

Followed by Kraig M, Deniz U, and Marc B

Oakland, USA

WorkPostsServicesAbout

Oakland, USA

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)
10
8
286
Cover image for The problem it solves Every freelance
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)
1
5
171
This project turns my dog of 15 years into the face of an occasion-based apparel brand. The video moves through a series of storefront-style window displays, revealing new looks for weddings, holidays, and celebrations. Inspired by his loyalty and personality, the concept presents dog apparel as a polished brand story, not just costume wear.
3
13
319
Cover image for Excited to share what I
Excited to share what I built for the Figma Makeathon Reelwish (https://<https://reelwish.figma.site/app>) lets you record a 15-second video wish with real-time face-tracked props and gesture reactions baked right into the video. What I built in Figma Make: → Real-time face tracking using TensorFlow BlazeFace — props follow your face on camera → Hand gesture detection — thumbs up triggers confetti, peace sign triggers hearts, OK sign triggers fireworks → Teleprompter with scripts by occasion and vibe — Hype, Heartfelt, or Funny → Full video recording and sharing pipeline → Beautiful receive page for the person you're celebrating Link to the project: https://reelwish.figma.site/app Built for the #FigmaMakeathon — incredibly proud of how far this came in 48 hours.
3
3
148