GoodNotes - Mobile App & UX UI Design

Logo creation

Brand consistency

• We designed a minimalistic and recognizable logo using the initials “GN” to reflect the core identity of the GoodNotes - Mobile App project. The shape is optimized for scalability across both digital and print formats. It maintains clarity at smaller sizes, supporting app icon visibility.
  
  This GoodNotes - Mobile App example reinforces brand consistency across all user touchpoints.

Social Networks

Expanding reach through targeted SMM

• We created a series of static and motion visuals for use across Instagram, with a focus on UI interactions and note-planning scenarios. Campaigns used keywords like “digital planner,” “note app,” and “GoodNotes UI” to improve organic discoverability.
  
  CTR improved by 27%, and retention among users from social traffic grew by 18%. Each asset aligned with the brand system to ensure cohesion and increased engagement.

Design Process

Concept ideation

• Engaging in multiple brainstorming sessions, we ideated concepts that perfectly resonate with our client's vision. Our relentless dedication in crafting an intuitive and user-friendly interface has resulted in exceptional user experience.


  We prioritized feedback loops to continuously refine the design and ensure alignment with user needs.

Typography

Typography for visual clarity

• The font Lufga was selected for its geometric structure and readability in both dark and light modes. It ensures legibility across different screen sizes, supporting a clean UI and smooth note-taking flow.
  
  Consistent use across the GoodNotes - Mobile App ui / ux system improved the overall information hierarchy. Users noted better visual clarity, contributing to a 15% increase in user satisfaction.

Research

Problems & Solution

• Through extensive research of existing mobile note-taking and planning apps, we carefully analyzed their features and benefits to create a distinctive and unrivaled solution in the form of GoodNotes.

• Problems

  Many note-taking apps had confusing navigation, which led to lower user retention. First-time users struggled with inconsistent UI patterns and unclear visual hierarchy. Regular users were also frustrated by limited multi-device syncing, which disrupted their planning workflow.

• Solution

  We developed a consistent design system that includes layout grids, icon styles, and color tokens adapted for iOS. Also we introduced a simplified layout based on familiar iOS navigation patterns. This improved usability and helped users find features quickly, reducing drop-off rates.
  
  The GoodNotes UX/UI system helped reduce user confusion and increased conversion from trial to paid users by 21%.

UI Design

Searchable Handwriting

• We enabled intelligent recognition of handwritten content across all notebooks. Combined with a clean UI, this drove higher note reuse and improved search success rates by 40%.


  The search function works across multiple languages and filters results by notebook, date, and context. This GoodNotes feature increased time spent per session and improved content discoverability for returning users.

Identity

Recognizable Visual language creation

• The meticulously designed branding and visual concept ensure widespread recognition and undeniable appeal to our target audience. We created a consistent internal identity system that includes layout grids, icon sets, and brand colors used across internal tools and communication.
  
  The GoodNotes brand book was also extended to employee merchandise - such as notebooks, apparel, and desktop items - reinforcing team alignment and strengthening company culture.

UI Design

Collaborative Notes

• Users can co-edit and share notebooks in real time, ideal for teams and study groups. This feature boosted engagement by 35% among users accessing the app via shared links.


  It supports both synchronous and asynchronous collaboration across devices. The UX flow was simplified to reduce clicks and improve task completion rate during shared editing sessions.

Result

Outcome summary

• Having initiated our journey by conducting a thorough examination of our competitors, we are delighted to unveil the concrete outcome that stands before you today in 3 sprints.