Tear Down the Wall: The Power of Developer Designer Collaboration

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

description

Presentation given at Code Mash 2012

Transcript of Tear Down the Wall: The Power of Developer Designer Collaboration

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 ?