hi, i’m brian. · 2018-12-02 · with guerrilla-style research. i also worked with our content...

35
I design digital products for healthcare, blockchain, and the IoT. HI, I’M BRIAN.

Upload: others

Post on 29-Jun-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

I design digital products for

healthcare, blockchain, and the IoT.

HI,I’M BRIAN.

Page 2: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

SELF-HELP APP FOR E-MENTAL

HEALTH

[email protected]

brianpagan.net

I’m an award-winning Human Experience Designer,

specializing in Content Strategy, Persuasive Design,

and Interactive Prototyping.

I hold a Professional Doctorate in User-System

Interaction & a Master's in Industrial Psychology.

Also, I bring techniques from Acting & Psychology to

my design practice and know six different ways to

brew coffee

MAXDATABLOCKCHAIN

PLATFORM

PHILIPS GROOMING

UGROW SMART PARENTING PLATFORM

PHILIPS PERSONAL HEALTH

PROGRAMS

PHILIPS SMART SHAVER 7000

Brian PagánSenior UX Designer (freelance)

Page 3: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

UGROW SMART PARENTING PLATFORM

Page 4: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

UGROW SMART PARENTING PLATFORM

uGrow is a digital hub for new parents,

connecting Philips’ smart baby products.

In-home testing revealed some issues with

retention and engagement, so I helped fix them

before our launch at IFA.

We re-imagined the key moments & architecture

of our smart parenting experience, from first-

use to feeding trackers. Our app is rated 4 of 5

stars on Apple iTunes & Google Play.

UX & Visual Designer

OPERATIONS

Agile Process Management

Workshop Facilitation

STRATEGY

Persuasion Architecture

CONCEPT

Information Architecture

Requirements Mapping

Journey Mapping

DELIVERY

Interactive Prototyping

Visual Design

Page 5: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

I adopted a navigation architecture centered around baby’s data and personal content.

UGROW SMART PARENTING PLATFORM

Page 6: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

UGROW SMART PARENTING PLATFORM

From Bluetooth to breastfeeding, I simplified our entire UI, informed with guerrilla-style research.

Page 7: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

I also worked with our content team to create an engaging Persuasion Architecture.

UGROW SMART PARENTING PLATFORM

Page 8: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

MAXDATABLOCKCHAIN PLATFORM

Page 9: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

MAXDATA BLOCKCHAIN PLATFORM

MaxData’s mission is to give people control over their

data again by letting service providers pay you for the

right to contact you directly.

The blockchain startup hired me to define their

product vision and design the MVP interfaces for

MaxData’s web & mobile platforms.

With my journey maps, character profiles, and task flow

overview, business stakeholders and developers could

communicate more effectively. And with my detailed

design specifications, the development team could

build a working prototype, and the visual designers

had a framework for the brand’s visual identity.

Freelance UX Designer (Remote)

CONCEPT

Requirements Mapping

Journey Mapping

Character / Persona Mapping

Art Direction

DELIVERY

Interaction Design

Interactive Prototyping

STRATEGY

Product Roadmapping

Persuasion Architecture

Page 10: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

I wanted to make data input feel natural and give Max some personality, so I designed the UI around a chat interface.

MAXDATA BLOCKCHAIN

PLATFORM

Page 11: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

I created wireframes and interactive Axure prototypes for our web & mobile apps.

MAXDATA BLOCKCHAIN

PLATFORM

Page 12: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

MAXDATA BLOCKCHAIN

PLATFORM My high-level design package included character profiles, journey maps, and flows.

Page 13: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

PHILIPS PERSONAL HEALTH PROGRAMS

Page 14: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

PHILIPS PERSONAL HEALTH PROGRAMS

HealthSuite health app uses data from the Philips

range of connected health devices so you can

continuously monitor your health.

I was part of a prototyping squad, tasked with

creating and validating the first version of the

web and mobile apps.

During the year I worked on this project as UX

Lead, we designed all of the core health, data

visualization, and connected device management

features that are still in the latest app, as well as

some that have not yet been launched publicly.

UX Designer

OPERATIONS

Design Team Management

STRATEGY

Persuasion Architecture

Content Strategy

CONCEPT

Journey Mapping

Information Architecture

DELIVERY

Interaction Design

Interactive Prototyping

Page 15: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

Across our web and mobile apps, I designed a multi-layered UI for usability and effective data visualization.

PHILIPS PERSONAL HEALTH PROGRAMS

Page 16: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

PHILIPS PERSONAL HEALTH PROGRAMS

And I designed a circular input system for the app, which mimics the UI on the connected Health Watch.

Page 17: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

I also created a content system for our newsfeed to make it interactive, while also being consistent across mobile and web.

PHILIPS PERSONAL HEALTH PROGRAMS

Page 18: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

PHILIPS SMART SHAVER 7000

Page 19: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

PHILIPS SMART SHAVER 7000

At Philips Design, were tasked with

creating the world's 1st connected shaving

coach for men with skin irritation.

I led two interaction designers and a

content strategist, working closely with the

business and our creative lead.

We designed our narrative, interaction,

motion, visual, & copy in only eight weeks,

all in-house, and in time to showcase our

new connected shaver at IFA in Berlin.

UX & Content Lead

OPERATIONS

Design Team Management

Workshop Facilitation

STRATEGY

Content Strategy

Experience Strategy

CONCEPT

Requirements Mapping

Character / Persona Mapping

Journey Mapping

DELIVERY

Copywriting for UX

Page 20: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

We matched the human interfaces on the shaver and in the app for a truly connected experience.

PHILIPS SMART SHAVER 7000

Page 21: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

PHILIPS SMART SHAVER 7000

I led our team in creating a system of micro-questionnaires, to ask people questions in quick, enjoyable ways.

Page 22: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

PHILIPS SMART SHAVER 7000 And I developed a new (for the time) method for Content

Strategy: we created rich characters, wrote a story for them, and mapped each piece of content to a moment in that story.

Page 23: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

PHILIPS GROOMING

Page 24: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

PHILIPS GROOMING

The Grooming app is the digital companion to

Philips’ range of men’s grooming products.

This was my first assignment as Creative Lead,

responsible for the design, end-to-end.

I helped shape our product's vision, facilitated

two successful Hackathons, did hands-on

design work, and oversaw several re-designs

by agency and in-house teams. This app has a

4.6 rating in the Apple app store.

Creative Lead

CONCEPT

Requirements Mapping

Journey Mapping

Art Direction

DELIVERY

Interactive Prototyping

Copywriting for UX

Interaction Design

Visual Design

Motion Design

OPERATIONS

Coaching

Design Team Management

Workshop Facilitation

STRATEGY

Experience Strategy

Product Roadmapping

Value Proposition Design

Page 25: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

We keep the app dynamic with quality content, delivered across multiple platforms and touchpoints.

PHILIPS GROOMING

Page 26: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

We made our questionnaires visual and different, so they would be fun to fill in.

PHILIPS GROOMING

Page 27: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

I kept an overview of our personas and their requirements, mapped to each step in the journey, to validate design decisions later on.

PHILIPS GROOMING

Page 28: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

SELF-HELP APP FOR E-MENTAL HEALTH

Page 29: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

SELF-HELP APP FOR E-MENTAL HEALTH

This self-help app delivers validated

therapy to people with depressive

symptoms in Philips’ Dutch market.

The first prototype of this app tested badly

with participants, so I was brought in as

creative lead to improve it.

We overhauled and validated our app, from

scratch, in six months. And our test panel

loved the new version. We presented our

work at eHealth Week 2016.

Creative Lead & Product Owner

CONCEPT

Requirements Mapping

Information Architecture

Art Direction

DELIVERY

Interactive Prototyping

Copywriting for UX

Interaction Design

Visual Design

Motion Design

OPERATIONS

Coaching

Workshop Facilitation

Design Team Management

Agile Process Management

STRATEGY

Content Strategy

Experience Strategy

Product Roadmapping

Persuasion Architecture

Page 30: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

I used a simple interaction model, with a unified experience across iOS and Android.

SELF-HELP APP FOR E-MENTAL

HEALTH

Page 31: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

We kept our visual style fun and relaxed, without overwhelming the senses.

SELF-HELP APP FOR E-MENTAL

HEALTH

Page 32: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

SELF-HELP APP FOR E-MENTAL

HEALTH

I maintained a detailed, interactive specification on Confluence. This was important for our medical device certification.

Page 33: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

"Brian is a passionate professional who

has produced impressive results, and I

imagine has left a mark on everyone he

has worked with. He's inspirational, a

natural leader who brings forth not only

a strong vision, and a hands-on attitude

to the table, but also an infectious

energy that binds a team together."

Omna Toshniwal

Design Researcher at ConsenSys | MetaMask

"When Brian started as lead designer of

the team it became clear how all the

features we were developing could be

glued together in one easy and intuitive

application. Brian took ownership where

needed and his enthusiasm went viral. He

is an excellent presenter and always in for

a good laugh."

Freddy Buskens

Agile Scrum Master & Web Developer at Philips

Page 34: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

"Brian has a warm and fun personality

which I have great time collaborating

during the Philips HISS projects. Besides,

he is very passionate and has great

knowledge on empathy design which

makes him a natural creative asset to

any team that is focusing on delivering a

meaningful design for people."

Han Min Lee

Principal Designer at Samsung Electronics

"Creativity, extensive knowledge, endless

curiosity, and long time experience in the

field, make Brian not just a great team

leader but also a very valuable mentor.

He is a complete design professional, but

what makes him truly special is the ability

to pair his deep knowledge with a warm,

positive and team oriented attitude."

Chiara Vercesi

Senior Art Director at wearereasonablepeople

Page 35: HI, I’M BRIAN. · 2018-12-02 · with guerrilla-style research. I also worked with our content team to create ... MaxData’sweb & mobile platforms. With my journey maps, character

Let’s write the love story

between your digital products

& the humans they [email protected]

brianpagan.net

Brian PagánSenior UX Designer (freelance)