CraftNote Mobile

JoyoLabs • 2025 - 2026

Lead designer

I led the design for CraftNote, a meeting notes app with a wide suite of features centered around AI voice transcription and text reformatting. The key premise of CraftNote is that it can accurately transcribe any audio, video or text file and provide you with the tools to shape the output into whatever format you need. The Flutter version of the app is available on iOS, iPadOS, watchOS and Android.

As the founding designer, I was responsible for designing CraftNote’s core UI flows on release; establishing and maintaining its design system; working alongside developers, designers and product managers to develop new features; and running regular iterations and A/B tests on the app’s first-time user funnel, producing 20+ app store screenshot sets, 30+ onboarding flows and hundreds of paywalls.

Tools used: Figma, Superwall, Lottie, Flutter

Note view with summary and transcript tabs.
UI details from the Calendar Sync feature that allows users to automatically create meeting notes for their upcoming meetings
UI details from the Chat feature that allows users to harness an LLM to engage with their notes, either with singular notes or the entire knowledge base
Alternate home screens allowing different ways for users to engage with their body of notes
App store screenshot assets from CraftNote's App Store page.
Sample views from CraftNote's onboarding flow, built with the Onboarding Builder.
Sample views from CraftNote's onboarding completion paywall, built on Superwall.
  • Live audio recording view.
  • Note view with summary and transcript tabs.
  • UI details from the Calendar Sync feature that allows users to automatically create meeting notes for their upcoming meetings
  • UI details from the Chat feature that allows users to harness an LLM to engage with their notes, either with singular notes or the entire knowledge base
  • Alternate home screens allowing different ways for users to engage with their body of notes
  • App store screenshot assets from CraftNote's App Store page.
  • Sample views from CraftNote's onboarding flow, built with the Onboarding Builder.
  • Sample views from CraftNote's onboarding completion paywall, built on Superwall.
Live audio recording view.