How to design apps that stand out ⭐️ full design tutorial
20.1K views · 2026-05-14
UI DesignInteraction & UX
👋 Here is my full design process for a custom app I am building and designing for our wedding next year!💍 I gave myself a challenge to finish the designs in a few days, design in a style I have never designed before, and focus on motion and animation. Hope you enjoy!💕
Link to prototyping video mentioned:
🎬 https://youtu.be/V1_xpn0AJLI?si=iFu7CZ1O_iQNz2HK
❤️ Mobbin (my design tool, 20% off):
https://mobbin.com/cecilia
❤️ Anything.com (prototyping tool, 20% off):
https://anything.link/cecilia-kim
❤️ Framer (no-code website building tool, 30% off annual Framer Pro Plan): https://framer.link/cecilia1
code: CECILIA2
✨Instagram: https://www.instagram.com/ceciliakimdesign/
✨TikTok: https://www.tiktok.com/@ceciliakimdesign
✨Twitter/X: https://x.com/ceciliakdesign
✨Portfolio: https://www.ceciliakimdesign.com
📣 My husband and I are working on some projects. Check out our apps!
📱 https://www.amyfoodjournal.com/
📱 https://ellieplanner.com/
📱 https://lunabudgeting.com/
Timestamps:
00:00 intro
01:20 starting with the concept
03:13 UX research
05:29 UI inspiration & moodboards
07:06 Canva inspiration & wireframing
08:48 designing in Figma
10:56 prototyping
11:59 a quick note on Paper
12:39 lessons & reflections
14:14 thanks for watching!🫶
#productdesign #uiuxdesign #designprocess #figma #completeguide #prototyping #fullprocess
Link to prototyping video mentioned:
🎬 https://youtu.be/V1_xpn0AJLI?si=iFu7CZ1O_iQNz2HK
❤️ Mobbin (my design tool, 20% off):
https://mobbin.com/cecilia
❤️ Anything.com (prototyping tool, 20% off):
https://anything.link/cecilia-kim
❤️ Framer (no-code website building tool, 30% off annual Framer Pro Plan): https://framer.link/cecilia1
code: CECILIA2
✨Instagram: https://www.instagram.com/ceciliakimdesign/
✨TikTok: https://www.tiktok.com/@ceciliakimdesign
✨Twitter/X: https://x.com/ceciliakdesign
✨Portfolio: https://www.ceciliakimdesign.com
📣 My husband and I are working on some projects. Check out our apps!
📱 https://www.amyfoodjournal.com/
📱 https://ellieplanner.com/
📱 https://lunabudgeting.com/
Timestamps:
00:00 intro
01:20 starting with the concept
03:13 UX research
05:29 UI inspiration & moodboards
07:06 Canva inspiration & wireframing
08:48 designing in Figma
10:56 prototyping
11:59 a quick note on Paper
12:39 lessons & reflections
14:14 thanks for watching!🫶
#productdesign #uiuxdesign #designprocess #figma #completeguide #prototyping #fullprocess