← Back to selected work
UX concept study · UI/UX

Notepal

A mobile organisation concept developed from problem framing and secondary research through information architecture, task flows, wireframes and high-fidelity UI.

Notepal high-fidelity interface screens
01 · Framing

Start with the problem, not the interface.

The project began with a clear product question: could one mobile system make everyday tasks, notes and routines easier to organise, prioritise and act on?

Original Notepal problem and objective slide

The concept focuses on reducing friction around everyday information, planning and time management within one consistent mobile experience.

02 · Research synthesis

Six principles shaped the direction.

Secondary research around ADHD was synthesised into six design principles that guided the product direction, from information hierarchy and navigation to reminders, flexibility and accessibility.

01

Simplicity

Keep the interface clean and easy to navigate.

02

Visual cues

Use icons and imagery to support faster processing.

03

Organisation

Structure, categorise and prioritise information.

04

Reminders

Support time management through reminders and notifications.

05

Flexibility

Allow plans and schedules to adapt when priorities change.

06

Accessibility

Include options that make content easier to access.

03 · Structure

From information architecture to task flow.

Before high-fidelity screens, the concept was organised through an information architecture and task-flow diagrams. The core structure centred on Agenda, Notes, Profile and Settings.

Notepal information architecture

Information architecture · Organising the product before detailing screens.

Notepal task flow diagram

Task flow · Mapping decisions and paths through the experience.

04 · Iteration

Wireframes first. Then the interface.

The design moved from low-fidelity layout exploration into a compact mobile system built around agenda views, notes and settings.

Notepal wireframes

Wireframes · Early layout and hierarchy exploration.

Notepal final high-fidelity interface

High-fidelity system · Login, agenda, notes and accessibility/settings states.

05 · Contribution

From problem definition to a coherent product system.

The project follows an end-to-end UX process: translating a broad organisational challenge into design principles, product structure, task flows, wireframes and a consistent mobile interface.

Each stage informed the next, creating a traceable path from the initial problem framing through interaction structure and into the final visual interface.

Problem FramingResearch SynthesisInformation ArchitectureUser FlowsWireframingUI DesignPrototyping