ffc6: please recycle

110
What Makes Being a Product Designer Different Than Just Being a Designer Please Recycle

Upload: james-cabrera

Post on 15-Apr-2017

215 views

Category:

Design


0 download

TRANSCRIPT

Page 1: FFC6: Please Recycle

What Makes Being a

Product Designer Different

Than Just Being a Designer

Please Recycle

Page 2: FFC6: Please Recycle

Hello #FFC6!

Form Function Class 6, Philippines

Page 3: FFC6: Please Recycle

@jamescabrera

Form Function Class 6, Philippines

Page 4: FFC6: Please Recycle

Form Function Class 6, Philippines

Page 5: FFC6: Please Recycle
Page 6: FFC6: Please Recycle

Intramuros, December 2010

Page 7: FFC6: Please Recycle
Page 8: FFC6: Please Recycle
Page 9: FFC6: Please Recycle
Page 10: FFC6: Please Recycle

Intramuros, December 2010

Page 11: FFC6: Please Recycle

Web Designer

Page 12: FFC6: Please Recycle

Form Function Class 6, Philippines

Web DesignerFreelancer Visual Designer UI/UX Designer

Page 13: FFC6: Please Recycle

Form Function Class 6, Philippines

Web DesignerFreelancerVisual DesignerUI/UX DesignerProduct Designer

Page 14: FFC6: Please Recycle

Digital Is Still Young

Form Function Class 6, Philippines

Page 15: FFC6: Please Recycle

What we know today may be radically different in the near future

Form Function Class 6, Philippines

Page 16: FFC6: Please Recycle

We’re all making it up as we go along

Form Function Class 6, Philippines

Page 17: FFC6: Please Recycle

Experience will allow you to make it up better than others

Form Function Class 6, Philippines

Page 18: FFC6: Please Recycle

Disclaimers

Form Function Class 6, Philippines

Page 19: FFC6: Please Recycle

I am a lazy designer.

Form Function Class 6, Philippines

Page 20: FFC6: Please Recycle

I am embarrassed by some of the work I will show you today

Form Function Class 6, Philippines

Page 21: FFC6: Please Recycle

I recycle designs

Form Function Class 6, Philippines

Page 22: FFC6: Please Recycle

2015

Form Function Class 6, Philippines

2005

Page 23: FFC6: Please Recycle

Form Function Class 6, Philippines

Page 24: FFC6: Please Recycle

Student & Freelancer

Form Function Class 6, Philippines

THE JOB TITLE

Page 25: FFC6: Please Recycle

Make quick and easy money

Form Function Class 6, Philippines

THE AMBITION

Page 26: FFC6: Please Recycle

CSS Zen Garden by Dave Shea & Molly Holzschlag

Page 27: FFC6: Please Recycle
Page 28: FFC6: Please Recycle
Page 29: FFC6: Please Recycle
Page 30: FFC6: Please Recycle

2015

Form Function Class 6, Philippines

2005 2008

Page 31: FFC6: Please Recycle
Page 32: FFC6: Please Recycle

Lead Web Designer

Form Function Class 6, Philippines

THE JOB TITLE

Page 33: FFC6: Please Recycle

Build, launch & optimize. FAST

Form Function Class 6, Philippines

THE AMBITION

Page 34: FFC6: Please Recycle
Page 35: FFC6: Please Recycle
Page 36: FFC6: Please Recycle

2015

Form Function Class 6, Philippines

2005 2008 2009

Page 37: FFC6: Please Recycle
Page 38: FFC6: Please Recycle

Student & Freelancer (again)

Form Function Class 6, Philippines

THE JOB TITLE

Page 39: FFC6: Please Recycle

Re-use and combine what worked

Form Function Class 6, Philippines

THE AMBITION

Page 40: FFC6: Please Recycle
Page 41: FFC6: Please Recycle
Page 42: FFC6: Please Recycle
Page 43: FFC6: Please Recycle
Page 44: FFC6: Please Recycle

2015

Form Function Class 6, Philippines

2005 2008 2009 2011

Page 45: FFC6: Please Recycle
Page 46: FFC6: Please Recycle
Page 47: FFC6: Please Recycle

Web Designer

Form Function Class 6, Philippines

THE JOB TITLE

Page 48: FFC6: Please Recycle

Produce high volume in a short time

Form Function Class 6, Philippines

THE AMBITION

Page 49: FFC6: Please Recycle

Systemize repeated asks

Form Function Class 6, Philippines

THE AMBITION

Page 50: FFC6: Please Recycle
Page 51: FFC6: Please Recycle
Page 52: FFC6: Please Recycle
Page 53: FFC6: Please Recycle
Page 54: FFC6: Please Recycle
Page 55: FFC6: Please Recycle
Page 56: FFC6: Please Recycle
Page 57: FFC6: Please Recycle
Page 58: FFC6: Please Recycle

2015

Form Function Class 6, Philippines

2005 2008 2009 2011 2013

Page 59: FFC6: Please Recycle
Page 60: FFC6: Please Recycle
Page 61: FFC6: Please Recycle

Visual Designer

Form Function Class 6, Philippines

THE JOB TITLE

Page 62: FFC6: Please Recycle

Make it scale

Form Function Class 6, Philippines

THE AMBITION

Page 63: FFC6: Please Recycle

Tempest

Form Function Class 6, Philippines

Page 64: FFC6: Please Recycle
Page 65: FFC6: Please Recycle
Page 66: FFC6: Please Recycle

Standard

Double

Text Image

Page 67: FFC6: Please Recycle
Page 68: FFC6: Please Recycle
Page 69: FFC6: Please Recycle
Page 70: FFC6: Please Recycle
Page 71: FFC6: Please Recycle
Page 72: FFC6: Please Recycle
Page 73: FFC6: Please Recycle
Page 74: FFC6: Please Recycle
Page 75: FFC6: Please Recycle

2015

Form Function Class 6, Philippines

2005 2008 2009 2011 2013

Page 76: FFC6: Please Recycle

Form Function Class 6, Philippines

Page 77: FFC6: Please Recycle

UI/UX Designer

Form Function Class 6, Philippines

THE JOB TITLE

Page 78: FFC6: Please Recycle

Create rich storytelling, on the fly

Form Function Class 6, Philippines

THE AMBITION

Page 79: FFC6: Please Recycle

Empower (not dictate) with design

Form Function Class 6, Philippines

THE AMBITION

Page 80: FFC6: Please Recycle
Page 81: FFC6: Please Recycle
Page 82: FFC6: Please Recycle
Page 83: FFC6: Please Recycle

Hero

One Column

Two Column

Page 84: FFC6: Please Recycle
Page 85: FFC6: Please Recycle

Her Brain on Digital

Page 86: FFC6: Please Recycle
Page 87: FFC6: Please Recycle
Page 88: FFC6: Please Recycle
Page 89: FFC6: Please Recycle

Parallax Asset

Page 90: FFC6: Please Recycle
Page 91: FFC6: Please Recycle

Image 1

Image 2

Image 3

Fade In

Move Up 100px

Move Down 100px

Page 92: FFC6: Please Recycle
Page 93: FFC6: Please Recycle

Image 1

Image 2

Image 3

Fade In

Move Up 100px

Move Down 100px

Empty

Page 94: FFC6: Please Recycle
Page 95: FFC6: Please Recycle

Design sustainable products

Form Function Class 6, Philippines

Page 96: FFC6: Please Recycle
Page 97: FFC6: Please Recycle

“Player Card”

Page 98: FFC6: Please Recycle

“Player Card”

Page 99: FFC6: Please Recycle

“Player Card”

Page 100: FFC6: Please Recycle

“Player Card”

A Way to Surface Information

Page 101: FFC6: Please Recycle

Design with an intention to recycle

Form Function Class 6, Philippines

Page 102: FFC6: Please Recycle

Cheap to produce

Form Function Class 6, Philippines

Page 103: FFC6: Please Recycle

Quick to launch

Form Function Class 6, Philippines

Page 104: FFC6: Please Recycle

Eliminate repetitive work

Form Function Class 6, Philippines

Page 105: FFC6: Please Recycle

Establish visual patterns

Form Function Class 6, Philippines

Page 106: FFC6: Please Recycle

Scalable

Form Function Class 6, Philippines

Page 107: FFC6: Please Recycle

Empowers others

Form Function Class 6, Philippines

Page 108: FFC6: Please Recycle

Empowers you

Form Function Class 6, Philippines

Page 109: FFC6: Please Recycle

PHOTO BY RACHEL LOVINGER HTTPS://FLIC.KR/P/YPAKL9

Eric MeyerWeb Standards & CSS Pioneer

Page 110: FFC6: Please Recycle

Please Recycle :)

Form Function Class 6, Philippines