Rainbird AI.

Design direction, UX, visual design
Laptop showing Rainbird AI platform

AI Authoring Platform

Rainbird is a decisioning platform, powered by AI. I was asked to ideate features and functionality, research the market, produce full UX deliverables, create a visual language and redesign the platform.

pointer

Phase 00 - The Brief

If you are buying good design, the only way to quantify success is to write a brief. Otherwise how do you know anything past your own subjective opinions?. I always work hard with the client to get this part absolutely nailed down. I have a template/guide that I like to use that creates a good framework for an agreement between designer and client.

Briefpointer

Phase 01 - Discovery

Design research - figure out the market, competition and how to redefine the gold standard.

Identify users - agree on types of users, their roles and responsibilities, then formulate a list

User interviews - try to understand the problem and pain points

User personas - create personas for each user type

Problem definition - agree on the problems to solve

Rainbird research slide
Rainbird research slide
Rainbird research slide
Rainbird research slide
Rainbird research slide
Rainbird research slide
Rainbird research slide
Rainbird research slide
Rainbird research slide
Rainbird research slide
Rainbird research slide
Rainbird research slide
Rainbird research slide
Rainbird research slide
Rainbird research slide
Personas

I'm personally not really a big fan of traditional personas. I prefer to capture 'actual' users and try to extrapolate those needs to a general, rather than creating a subset of people that dont actually exist. In my experience, personas have been an expensive 'must have', in a list of UX research deliverables. I call mine 'Proto Personas'.

pointer

Phase 02 - UX

Experience map - understand the experience a customer has with the product

User Journeys - tells the possible ways a user can interact with a product

User Flows - the path taken by the user to complete a task

Wireframes - low fidelity visual guide that represents the functionality and architecture of the product

Decisioning logicpointer

Phase 03 - Visual Design

Visual exploration - Concept designs and moodboard for discussion

UI Design - chosen visual style and graphic language applied to all key screens.

Typography - Typefaces, fonts and sizes rationalised to a minimum.

Rainbird AI User Interface graphics

Appropriating the brand across digital touchpoints. This is a subtle blend of understanding what is a flourish and what is a functional control. Brand can be appropriated sucessfully in loading, badging, iconography, onboarding, as well as messenging and of course, principal navigation.

UI elements

Its important to spec out every interaction, browse, single, double click/tap and drag, and the associative state and visual status, of every piece of UI.

Icons

Iconography is extremely personal and subjective. In this case, I started with material design icon best practices, then customise, retaining the familiarity of metaphor, but becoming more visually congruous with the brand language and look and feel. This is part of the craft of UI design, along with typography, that needs to be pushed further, and respected more in visual design of digital products.

pointer

Phase 04 - Handoff & Support

Design System - a library of reusable components, styles, components & patterns , guided by clear standards, that can be assembled together to build any number of applications.

pointer

Results

The new designs were extremely well received by all stakeholders, and were implemented successfully by the development team. More data to follow.