20
Developer/Designer Collaboration Tim Fisher Technical Consultant CPoWeR Lead Architect Kate Pricer Visual Designer CPoWeR Lead Designer November 5, 2011 1DevDay Detroit

Tear Down the Wall: The Power of Developer Designer Collaboration

Embed Size (px)

DESCRIPTION

Presentation given at Code Mash 2012

Citation preview

Page 1: Tear Down the Wall:  The Power of Developer Designer Collaboration

Developer/Designer Collaboration

Tim  Fisher  Technical  Consultant  

CPoWeR  Lead  Architect  

Kate  Pricer  Visual  Designer  

CPoWeR  Lead  Designer  

November 5, 2011 1DevDay Detroit

Page 2: Tear Down the Wall:  The Power of Developer Designer Collaboration

GREAT PARTNERSHIPS

Page 3: Tear Down the Wall:  The Power of Developer Designer Collaboration

@tfisher @pricer_design

F I S H E R - P R I C E ®

Page 4: Tear Down the Wall:  The Power of Developer Designer Collaboration

THE TYPICAL WAY OF WORKING CHALLENGES F ISHERPRICER STYLE OF COLLABORATION F ISHERPRICER PORTFOLIO MAKING DESIGNER/DEVELOPER COLLABORATION WORK FOR YOU

O V E R V I E W

Page 5: Tear Down the Wall:  The Power of Developer Designer Collaboration
Page 6: Tear Down the Wall:  The Power of Developer Designer Collaboration

•  Direct  collabora=on  does  not  have  a  significant  role  in  the  development  process.  

 •  OCen  in  different  departments.  

•  Designers  rarely  have  the  same  aFachment  to  full  product  lifecycle.  

 

T Y P I C A L M E T H O D S

Page 7: Tear Down the Wall:  The Power of Developer Designer Collaboration

DESIGNER TAKES THE LEAD

Page 8: Tear Down the Wall:  The Power of Developer Designer Collaboration

D E V E L O P E R T A K E S T H E L E A D

Page 9: Tear Down the Wall:  The Power of Developer Designer Collaboration

OVER THE WALL COLLABORATION

Page 10: Tear Down the Wall:  The Power of Developer Designer Collaboration

F I S H E R - P R I C E ® T H E T E A M

Page 11: Tear Down the Wall:  The Power of Developer Designer Collaboration

H O W W E C O L L A B O R A T E

Page 12: Tear Down the Wall:  The Power of Developer Designer Collaboration

O U R W O R K S P A C E

Page 13: Tear Down the Wall:  The Power of Developer Designer Collaboration

App/Site Conception - features - layout - flow

Graphic Design

Code Implementation

Really Cool Product

O U R P R O C E S S

Page 14: Tear Down the Wall:  The Power of Developer Designer Collaboration

B E N E F I T S O F C O L L A B O R A T I O N

Page 15: Tear Down the Wall:  The Power of Developer Designer Collaboration

C H A L L E N G I N G T R A D I T I O N

Page 16: Tear Down the Wall:  The Power of Developer Designer Collaboration

P O R T F O L I O

Page 17: Tear Down the Wall:  The Power of Developer Designer Collaboration

P O R T F O L I O - M O B I L E

Page 18: Tear Down the Wall:  The Power of Developer Designer Collaboration

P O R T F O L I O - W E B

Page 19: Tear Down the Wall:  The Power of Developer Designer Collaboration

C A N T H I S W O R K F O R Y O U ?

Page 20: Tear Down the Wall:  The Power of Developer Designer Collaboration

Q U E S T I O N S ?