/

NORTHLINE

UI/UX Design

NORTHLINE: a clearer way to tell the story.

A streamlined product interface built around clear navigation and helpful information hierarchy.

Client

NORTHLINE (demo)

Scope

User flows · Information architecture · Interface design · Design system

Timeline

10 weeks

Year

2026

(01)

Overview

NORTHLINE is a planning app for small teams. Its feature set had grown faster than its interface.

(01)

Overview

NORTHLINE is a planning app for small teams. Its feature set had grown faster than its interface.

(02)

The Challenge

Users could complete their tasks, but only after learning workarounds. Key actions were buried and navigation was inconsistent.

(02)

The Challenge

Users could complete their tasks, but only after learning workarounds. Key actions were buried and navigation was inconsistent.

(03)

The Strategy

We prioritised the most common user goals and restructured navigation around them, then defined a component system to keep new features consistent.

(03)

The Strategy

We prioritised the most common user goals and restructured navigation around them, then defined a component system to keep new features consistent.

(04)

Exploration & Design

User flows and low-fidelity wireframes were reviewed with the team before moving into high-fidelity screens and reusable components.

(04)

Exploration & Design

User flows and low-fidelity wireframes were reviewed with the team before moving into high-fidelity screens and reusable components.

(05)

The Outcome

A cleaner, more predictable interface with documented components ready for development.

(05)

The Outcome

A cleaner, more predictable interface with documented components ready for development.

(06)

Impact

The product team now ships new features using shared components rather than one-off screens. (Demo project — no metrics are claimed.)

(06)

Impact

The product team now ships new features using shared components rather than one-off screens. (Demo project — no metrics are claimed.)

(07)

Credits

Design: PORTFOL. · Development: Client team · Photography: Stock imagery (demo)

(07)

Credits

Design: PORTFOL. · Development: Client team · Photography: Stock imagery (demo)

Let’s collaborate

Have a similar challenge? Let’s make something meaningful.

Let’s collaborate

Have a similar challenge? Let’s make something meaningful.

Create a free website with Framer, the website builder loved by startups, designers and agencies.