hi, i’m brian. · 2018-12-02 · with guerrilla-style research. i also worked with our content...
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/1.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/2.jpg)
SELF-HELP APP FOR E-MENTAL
HEALTH
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/3.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/4.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/5.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/6.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/7.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/8.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/9.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/10.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/11.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/12.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/13.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/14.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/15.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/16.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/17.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/18.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/19.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/20.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/21.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/22.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/23.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/24.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/25.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/26.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/27.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/28.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/29.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/30.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/31.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/32.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/33.jpg)
"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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/34.jpg)
"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](https://reader035.vdocuments.us/reader035/viewer/2022081612/5f1465a15032c64dca6e3d28/html5/thumbnails/35.jpg)
Let’s write the love story
between your digital products
& the humans they [email protected]
brianpagan.net
Brian PagánSenior UX Designer (freelance)