How She Built a PLAYFUL UX Portfolio with Her Own Cartoon Avatar ✦ Stephanie Chou
How do you build a cartoon-inspired, playful UX design portfolio that balances personal expression with clear navigation for recruiters? Stephanie walks us through her portfolio and shares how she expresses her personality through her custom cartoon avatar and playful design details. She also talks about how she developed her motion design skills alongside her product design work.
🎁 This video is sponsored by @meetgamma ✨ Try Gamma 5 through my referral link: https://gamma.1stcollab.com/minjun.design
🕗 Timestamps
00:00 Intro 👋
00:42 Meet Stephanie Chou: Product Design, Visual & Motion Design
03:20 Inside Her Cartoon-Inspired UX Portfolio
04:58 Showing Personality Without a Play Page
07:28 Building Interactive Navigation in Framer
09:06 Creating Her Own Cartoon Avatar & Personal Brand
11:35 Case Study Walkthrough: Designing for Healthier Phone Habits
17:25 From Product Concept to a 3D-Printed Model
20:16 Learning Motion Design
23:21 Motion Design Tips & Learning Resources
25:40 Getting Started with Figma Motion
26:23 Balancing Personality & Usability in a UX Portfolio
29:15 Favorite Animation & Boba Tea Flavor 🧋
31:24 Future Projects & Where to Find Stephanie
💫 About Stephanie Chou
Stephanie is currently a Product Designer II at GoFundMe, utilizing product, motion, and visual design to help people help each other. She believes that her most interesting experiences happen when multiple disciplines meet, whether it's in design or in life. If she's not designing, you can find her learning the ukulele, dabbling in nail art, or watching mystery movies.
🔗 Connect with Stephanie
Portfolio: https://stephaniechoudesign.com/
Instagram: https://www.instagram.com/stephanine.c/
X: https://x.com/stephsdesignbox
LinkedIn: https://www.linkedin.com/in/stephanieachou/
💛 Stephanie's Motion Design Resources
School of Motion: https://www.youtube.com/@schoolofmotion
Ben Marriott: https://www.youtube.com/@BenMarriott
Jake In Motion: https://www.youtube.com/@JakeInMotion
seven: https://www.youtube.com/@seven_
Buff: https://www.youtube.com/@BuffMotion
Ordinary Folk: https://www.youtube.com/@OrdinaryFolk
Abeto Messenger: https://messenger.abeto.co/
A super engaging website explaining motion principles: https://motion.zajno.com/
Issara Willenskomer's UX Motion Manifesto (really good if you're interested in UX motion/microanimations!): https://medium.com/ux-in-motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc
Really cool Instagram accounts with a focus on visual motion:
@studiofishball
@lea__zhang
@emozi.ae
📌 Disclosure: The views and opinions expressed in this episode are those of the host and guest and do not necessarily reflect those of their current or former employers or affiliated organizations.
#uxportfolio #uxdesign #GammaPartner #uxdesigner #productdesigner #motiondesign #uxcasestudy #designportfolio #productdesign #uxcasestudy
🎁 This video is sponsored by @meetgamma ✨ Try Gamma 5 through my referral link: https://gamma.1stcollab.com/minjun.design
🕗 Timestamps
00:00 Intro 👋
00:42 Meet Stephanie Chou: Product Design, Visual & Motion Design
03:20 Inside Her Cartoon-Inspired UX Portfolio
04:58 Showing Personality Without a Play Page
07:28 Building Interactive Navigation in Framer
09:06 Creating Her Own Cartoon Avatar & Personal Brand
11:35 Case Study Walkthrough: Designing for Healthier Phone Habits
17:25 From Product Concept to a 3D-Printed Model
20:16 Learning Motion Design
23:21 Motion Design Tips & Learning Resources
25:40 Getting Started with Figma Motion
26:23 Balancing Personality & Usability in a UX Portfolio
29:15 Favorite Animation & Boba Tea Flavor 🧋
31:24 Future Projects & Where to Find Stephanie
💫 About Stephanie Chou
Stephanie is currently a Product Designer II at GoFundMe, utilizing product, motion, and visual design to help people help each other. She believes that her most interesting experiences happen when multiple disciplines meet, whether it's in design or in life. If she's not designing, you can find her learning the ukulele, dabbling in nail art, or watching mystery movies.
🔗 Connect with Stephanie
Portfolio: https://stephaniechoudesign.com/
Instagram: https://www.instagram.com/stephanine.c/
X: https://x.com/stephsdesignbox
LinkedIn: https://www.linkedin.com/in/stephanieachou/
💛 Stephanie's Motion Design Resources
School of Motion: https://www.youtube.com/@schoolofmotion
Ben Marriott: https://www.youtube.com/@BenMarriott
Jake In Motion: https://www.youtube.com/@JakeInMotion
seven: https://www.youtube.com/@seven_
Buff: https://www.youtube.com/@BuffMotion
Ordinary Folk: https://www.youtube.com/@OrdinaryFolk
Abeto Messenger: https://messenger.abeto.co/
A super engaging website explaining motion principles: https://motion.zajno.com/
Issara Willenskomer's UX Motion Manifesto (really good if you're interested in UX motion/microanimations!): https://medium.com/ux-in-motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc
Really cool Instagram accounts with a focus on visual motion:
@studiofishball
@lea__zhang
@emozi.ae
📌 Disclosure: The views and opinions expressed in this episode are those of the host and guest and do not necessarily reflect those of their current or former employers or affiliated organizations.
#uxportfolio #uxdesign #GammaPartner #uxdesigner #productdesigner #motiondesign #uxcasestudy #designportfolio #productdesign #uxcasestudy