Manage your enitre brand

No-Code Brand Portal

Redesigning the Brand Portal at IntelligenceBank.

What is a Brand Portal? It is a place to manage your entire brand. Create brand guidelines, assets and requests together in a single online space.

Read in 2.5 minutes

Goal

The Experience needed

Timeframe: 16 weeks

Role: Designer and Researcher Activities: Generative and evaluative research, concept testing (2 rounds), prototyping (identify and validate).

The Experience Goal: Create fast with no code needed. Copy, duplicate, move and tactile interaction.

Background

Legacy HTML Builder

The starting point was an outdated HTML page builder. Not suited to the persona and user base who typically had no coding knowledge.

The Experience Goal: To allow users to create guidelines fast with no code needed. Copy, duplication, movement and tactile interaction. I Introduced the concept of drag and drop functionality the solution. Human centred by intent.

Proto Personas

Originally there were three personas identified from existing research.

I ran a workshop with 4 stakeholders. Interestingly, we were able to conclude that a single persona would satisfy all potential use cases.

Brand Pages Manager

Designs the pages and ensures they are up to date and accessible.

  • Coordinates implementation

  • Ensures traceability that assets comply with brand guidelines

  • Needs assets to be downloadable for users

Frustrations:

  • Finds pages hard to build and difficult to navigate and understand

  • Uncompelling interfaces

Critical Componentry

I Introduced the concept of drag and drop functionality the solution. Human centred by intent.

To support a drag and drop creator I designed a side panel experience to give users access to frequently used page widgets (I.e. typography, images, video, colour palettes, sections, templates, icons, brand guidelines) and properties for control and customisation capability of each widget. In return, making it easy for their respective internal teams and external partners to help themselves to logos, fonts and templates whilst keeping control of compliance.

Features

More Control

Other features include the ability to duplicate pages but also duplication of individual widgets and page sections to make creation simple and fast. Experiences designed to allow for multiple portal creation for multiple brands managed in a central location.

Great Results

  • Drag & drop functionality introduced to the platform. A first for IntelligenceBank

  • Create pages in minutes

  • Guidelines can be consumed 24/7 from anywhere in the world

  • Increased self-service

  • Integrated with the digital asset management system

More from my portfolio

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