LOGOS, BRANDING, USER-EXPERIENCE & WIREFRAMING

What is a Brand?

Name, Term, design, symbol, or any other feature that Identifies one sellers good or service distictly from other sellers

Identity

physical features or images that people associate with, or have in mind when they think of a company or the services and/ or the products they offer

Aesthetic

The Feelings and emotion that one develops towards a company

Branding

The marketing process used to promote a product or service bvy identifying it with a particular brand

[ING] suffix

an action or process associated with a specific thing

Branding should be the center of your what?

Marketing efforts

Branding two part process

Brand Awareness and Brand Stratagies

Brand Awareness

A products ability to be recognized by customers, through general ints and clues

3 types of brand awareness

Brand Recall

Brand Regognition’

Brand Dominance

Relatability =’s

Markey visibility

Branding is the focus on the relationship between

the consumers and product/service

memorize this

Identify your target audience

Is it more than one demographic?

Tell a story

Graphiacally display the evolution of your narrative

Visual Identity

Cobnvey who you are

Application

Ensuring that your brand is prevalent and applied across all asects of your business

Experience

All branding effoirts combined

What is a logo

a carefully styled visual element that represents a company, organizaation, or entity

A logo should be

easy to regognize and easy to understand

Logos should appeal to

logic as they trigger the audeinces sense or reason

Color in logos

no more than 3 colors to a logo

imagery in a logo

icon, symbol, or picture

Typography

Fonts and arrangement of lettering

Tagline

Sentence or catchphrase used to hook your audience

Logo uses

websites, buissness cards, presentations

Logo tips

Keep it simple, memorable, relevant, positive perception

What is the main design principle that should be implemented when building a wireframe

Visual Hierarchy

Ideal user flow

the proces that should be taken into account when wireframing

Simplicity

Keep layout simple to avoid overwhelming your user

Intent

establish order and visual priority among design elements with your composition

Bring it together

use design principles to create layout elements that stand out

Responsive design

The organization of information is vital and the transition between the desktop and the mobile expereince should be seamless

Risk Reduction

wireframing where your errors and risks should be identified on a visual level

Wireframings are a preview to the

final product/solution

low fidelity

simple and abstract- mock images, placeholder, filler text, labels to organize info

Mid-fidelity

uses some images and sample text. no color typical-level composition shell

High-Fidelity

Possesses an increased level of detail, such as dimensions, interactive elements, and color

User Interaction

The process Designers use to build interfaces for software or computerized devices, focusing on looks or style

User Interface combines

visual design, interaction design, and information architecture

Language

sets the mood, tone, and attitude

color

plays a role in setting the mood

imagery

plays a role in the style and content of a designs interface

typography

helps give a product a recoignizable identity

Icons

are commonly used for recognizability and interest

Ui Design Goals

What are you aiming to accomplish with your design? Interfaces that are designed should be easy to access, usable, and interpretable

Anticipate

anticipate user needs based o the products intended function

Fundamentals

Utilize design elements and principles

Empower

empower your user

Personas

a tool commonly used to representa typical user of a digital platform