brand identity in ui/ux design

in UI/UX Design

BrandIdentity

Adryan Putra

21 October 2015

Creative AssociateTanoto Foundation

MY SPECIALTIES

// Brand Identity

// UX+UI Design

// Publication

// Wayfinding EGD

2015

2014

2012

2011

2010

Art DirectorGrowmint Digital Agency

UX+UI DesignerThe Jakarta Post Digital

Branding Designera design kitchen (cocinero)

Branding Designeribrand

adryanputra88@gmail.com

Adryan Putra

@Ree_4n

adryanputra.blogspot.com

behance.net/adryanputra

About me

Sample Works

Sample Works

AboutBrand Identity

AboutUI/UX

Brand identity is tangible and appeals to the senses. You can see it, touch it, hold it, hear it, watch it move. Brand Identity takes disparate elements and unifies them into whole systems.

Alina Wheeler

Consistency is one of the most powerful usability principles: when things always behave the same, users don’t have to worry about what will happen. Instead, they know what will happen based on earlier experience.

Jakob Nielsen

Branding & UI/UX Relationship

User-centered focus

Branding & UI/UX Relationship

They need to be explored & iterated

Brand Identity Elements in UI/UX

1. Color 2. Typeface

Abc3. Graphic Element

4. Imagery 5. Copywriting 6. Animation

Color

Typeface

Graphic Element

Imagery

Copywriting

Animation

Brand Designer’s Perspective

I’m going to see if they implement the Identity the right way, not like the last horrible one.

Web/App Designer’s Perspective

Wait, a hundred rules just to use their logo & color... they must be joking to me...

Problems at Hand

1. The Brand Guidelines: - Confusing - Complicated - Restrictive - Outdated

2. Web/App Designer: - Too occupied - Not paying attention - Have their ‘own’ judgement

If We Look Closer

Accuracy Flexibility

Consistency

Bran

d Owne

r Designer

Developer

1. Brand Visibility2. Product Usability

Viable Solutions

1. Brand Designer: - Get to know UI/UX Principles or Best Practices - Create usability-oriented Brand Guidelines

2. Web/App Designer: - Learn Brand Identity Basic Principles - Put more e�ort in learning Brand Guidelines

Brand Guidelines Principles

1. Keep It Simple: - Focus on most important things - Get rid of unnecessary elements

2. Good Navigation - Chapters, page numbers - Content grouping

3. Comprehensive - Easy-to-digest content - Clear instructions

Good Brand Guidelines

Good Brand Guidelines

Good Brand Guidelines

Avoid Dated Design Trends

Wait, what is this?

Seriously?

This Looks Better

Consistency Across Products

Consistency Across Platforms

1 Color Brand?

Zoning / Brand Architecture Partition

Recommended Books

Find Related Books: www.yasiv.com

Thank you!Now let’s discuss