Portfolio –

A digital design manual for BI Norwegian Business School

A digital design manual for BI Norwegian Business School

BI Norwegian Business School wanted to replace an outdated, PDF-based design manual with a digital manual that was easy to keep current. The aim was consistent use of the brand internally, and a place where staff could always find the latest version without hunting through old files or sending email.

Client: BI Norwegian Business School
Workplace: Vasser AS
Year: 2022

My role

I started the project with the developer after we saw the need in another piece of work with BI.

The role was both strategic and hands-on:

  • UX and UI design.

  • Digital advice.

  • Content structure and the shape of the solution.

  • Design system and visual direction.

Approach

We interviewed people inside BI: users, designers and the communications department.

I mapped what was going wrong with the old practice, and named the jobs we had to do:

  • Stop old PDFs from circulating.

  • Give people one source of truth.

  • Make the right file and the right instruction easy to find.

We designed and built a site on Craft CMS, with the brand elements and guidelines structured so they can be searched and used.

The solution

The digital manual gives staff and suppliers:

  • Visual guidelines, logos, typography and colour codes.

  • Examples and files to download.

  • Content that can be edited and kept up to date.

The design is quiet and functional, with a clear hierarchy and the content in front. It can be extended later.

Result

BI now has one design manual that is current, usable, and available to the whole organisation, and it can be managed from one place.

That means better control of the brand, fewer mistakes, and less time spent for the design team and for everyone who works with communication.

I am glad to have helped solve a concrete and widespread problem with a simple design move.

Disciplines

  • UX and UI design

  • Content structure and information architecture

  • Design system

  • Universal design

  • Digital advice

  • Brand management

  • Prototyping and interaction design

  • Craft CMS

  • Visual communication

Link to the manual: BI design manual

Pictures of the solution

Digital design manual for BI Norwegian Business School.
Digital design manual for BI Norwegian Business School.
Digital design manual for BI.
Digital design manual for BI.
Digital design manual for BI.
Digital design manual for BI.
A collage of the BI design manual on a phone.
A collage of the BI design manual on a phone.