the intersection of clients + design

33
THE INTERSECTION OF CLIENTS + DESIGN WORDCAMP GRAND RAPIDS Taylor Vanden Hoek | Web Designer

Upload: taylor-vanden-hoek

Post on 15-Dec-2014

147 views

Category:

Design


4 download

DESCRIPTION

A designer’s perspective on working with clients of different sizes to form creative solutions that meet them where they’re at, and where they’re going. Presenting design solutions can be an art form in itself, one that is rarely a focus early on in your career. This presentation will look at situations I've learned from while working with clients of various sizes. These lessons have helped me not only create more relevant work but build lasting, collaborative engagements with my clients.

TRANSCRIPT

Page 1: The Intersection of Clients + Design

T H E I N T E R S E C T I O N O F C L I E N T S + D E S I G N

W O R D C A M P G R A N D R A P I D S

Taylor Vanden Hoek | Web Designer

Page 2: The Intersection of Clients + Design

A designers perspective on working with clients of different sizes to form creative solutions that meet them where they’re at, and where they’re going.

Page 3: The Intersection of Clients + Design

A L I T T L E A B O U T M E

• Print / Web Designer with a focus on Digital

• Transitioned into Web / Responsive / User Experience

• WordPress specifically in the past 3 years

• PHP / Javascript focus in the past 2 years

Page 4: The Intersection of Clients + Design

T Y P E S O F C L I E N T S

• Lone Rangers

• Boutiques / Grassroots

• Serial Entrepreneurs

• Tech Startups

• Established Startups

• Industrial Manufacturers

• International Corporations

Page 5: The Intersection of Clients + Design

T Y P E S O F C L I E N T S

• Lone Rangers

• Boutiques / Grassroots

• Serial Entrepreneurs

• Tech Startups

• Established Startups

• Industrial Manufacturers

• International Corporations

Page 6: The Intersection of Clients + Design

Understanding the context of the project is just as important as the solution.

Page 7: The Intersection of Clients + Design

B E Y O N D T H E R F PS TA R T I N G A N E W P R O J E C T

Page 8: The Intersection of Clients + Design

B E Y O N D T H E R F P

1. Does the RFP address their needs?

2. Who is the main point of contact?

3. Are there barriers to your existing process?

Page 9: The Intersection of Clients + Design

C L I E N T SR E A L - W O R L D E X A M P L E S

Page 10: The Intersection of Clients + Design

F I R S T H A N D A I DB O U T I Q U E / G R A S S R O O T S

Page 11: The Intersection of Clients + Design

Supporting the people of Cuba through in-person relationships and directly delivered medical aid.

Page 12: The Intersection of Clients + Design

T H E P R O J E C T

• Design / Develop a new website

• Make it easy to add resources like videos, pdfs, events

• Open to a logo / brand refresh

• Communicate what the organization does (better)

• Make it easy to manage (no training)

Page 13: The Intersection of Clients + Design

C L I E N T B A C K G R O U N D

• Board Members vote on all decisions (1x monthly)

• 1 Board Member assigned to this project

• Client editors would be non-technical with very limited time to invest in making changes

Page 14: The Intersection of Clients + Design

FIRST-HAND AID

LOGO USAGE

PDF� $�ȴOH�IRUPDW�GHYHORSHG�E\�$GREH�6\VWHPV�WKDW�FDQ�EH�XQLYHUVDOO\�GRZQORDGHG�DQG�YLHZHG�E\�DQ\�FRPSXWHU�WKDW�KDV�WKH�� $GREH�$FUREDW�SOXJ�LQ��AI & EPS� $�YHFWRU�IRUPDW�RI�\RXU�ORJR��ΖW�FDQ�EH�UH�VL]HG�ZLWKRXW�ORVLQJ�LPDJH�TXDOLW\��'XH�WR�LWȇV�KLJK�TXDOLW\��LW�LV�FRPPRQO\�XVHG�� ZLWK�SULQW�HOHPHQWV�VXFK�DV�EXVLQHVV�FDUGV�RU�EURFKXUHV��TIFF WLGHO\�VXSSRUWHG�DQG�ZRUNV�LQ�DOPRVW�DQ\�SURJUDP��ΖW�SURGXFHV�D�KLJKHU�TXDOLW\�LPDJH�WKDQ�D�-3*�RU�31*��EXW�LV�QRW�D�� YHFWRU�IRUPDW�OLNH�(36��ΖW�LV�ZLGHO\�XVHG�DPRQJ�SXEOLVKLQJ�LQGXVWULHV�DQG�SKRWRJUDSKHUV��ΖW�LV�EHVW�XVHG�LQ�FRPPRQ�WKLQJV�� OLNH�LQYRLFHV��SDJH�OD\RXWV�RU�OHWWHUKHDGV�JPG� $�UDVWHU�ȴOH�EHVW�XVHG�IRU�ZHE�EDVHG�GHVLJQV�EHFDXVH�WKHLU�FRPSUHVVHG�VL]HV�ORDG�TXLFNO\��-3*�LPDJHV�ORVH�VRPH�TXDOLW\�� EXW�DUH�JUHDW�WR�XVH�IRU�HPDLOV��EDQQHU�GHVLJQV�RU�DQ\WKLQJ�ZHE�EDVHG�PNG� $�ZHE�EDVHG�ȴOH�WKDW�GRHV�QRW�ORVH�TXDOLW\�ZKHQ�FRPSUHVVHG��31*�ȴOHV�ZHUH�FUHDWHG�WR�LPSURYH�RQ�WKH�TXDOLW\�RI�*Ζ)�ȴOHV�� DQG�DUH�EHVW�XVHG�IRU�WKH�ZHE�

OPEN SANS LIGHTabcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789

OPEN SANS BOLDabcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789

BLUE

C: 75M: 2Y: 39K: 0

R: 0*�����%�����

���E�DF

RED

C: 0M: 92Y: 75K: 0

5�����*����B: 67

�HH�D��

ORANGE

C: 0M: 52Y: 99K: 0

5�����*�����B: 30

�I��I�H

BROWN

&����M: 75Y: 97.����

5����*����B: 0

#562900

GREEN

C: 770���<����K: 0

R: 225*�����%�����

���E���

YELLOW

C: 20���Y: 99K: 0

R: 255*�����%���

�GI��

BLACK

C: 750����Y: 67K: 90

R: 0*���B: 0

#000000

/RJR�6W\OHJXLGH

PRIMARY COLORS SECONDARY COLORS

aEcABC

TYPOGRAPHY

Page 15: The Intersection of Clients + Design
Page 16: The Intersection of Clients + Design

B A S E D O N W H AT W E L E A R N E D …

• Utilized WordPress out-of-the-box features

• Keeps the admin panel clean of extra plugins

• Features are easily supported by WordPress community - easy to find tutorials / training

Page 17: The Intersection of Clients + Design

H O R T O N W O R K ST E C H S TA R T- U P

Page 18: The Intersection of Clients + Design

Founded in 2011 by 24 engineers, Hortonworks provides experience and training for Hadoop development, designing, building, and testing.

Page 19: The Intersection of Clients + Design

T H E P R O J E C T

• Support ongoing changes to the website with design and development

Page 20: The Intersection of Clients + Design

C L I E N T B A C K G R O U N D

• Worked with Marketing Director

• Client can communicate what is needed but often lacks the UX experience to develop a plan

• Company continues to grow rapidly (from 12 to hundreds of engineers)

Page 21: The Intersection of Clients + Design

W E F I R E D T H E C L I E N TS O M E T I M E S T H I N G S D O N ’ T W O R K

Page 22: The Intersection of Clients + Design
Page 23: The Intersection of Clients + Design
Page 24: The Intersection of Clients + Design

B A S E D O N W H AT W E L E A R N E D …

• Internal technical team making changes simultaneously

• Huge changes to make admin panel accessible - dozes of departments edit their own content

• Lots of custom plugins

• Scrapped a lot of work throughout the project

Page 25: The Intersection of Clients + Design

K O N T I K II N T E R N A T I O N A L C O R P O R A T I O N

Page 26: The Intersection of Clients + Design

An international leader in cloud-based enterprise video solutions.

Page 27: The Intersection of Clients + Design

T H E P R O J E C T

• Increase sales of a particular service in hopes to make it a flagship service for the company

• Competitors have a strong hold on the service in the market even though the clients service is superior

• Client is unsure how to turn the sales pitch into the fully realized marketing plan

Page 28: The Intersection of Clients + Design

C L I E N T B A C K G R O U N D

• Worked with Marketing Director - solely focused on brand consistency and sales

• Client reported to several chiefs and departments

• International locations can pose another level of complexity for solutions

Page 29: The Intersection of Clients + Design
Page 30: The Intersection of Clients + Design

B A S E D O N W H AT W E L E A R N E D …

• Equipped the client with knowledge to ‘pitch’ ideas internally and get buy-in company-wide

• Developed action-oriented concept into a responsive landing page

• Made the page editable & repeatable by client

Page 31: The Intersection of Clients + Design
Page 32: The Intersection of Clients + Design

• Get to know your clients

• Be ‘appropriately’ flexible with your process

• Advocate for what you know is right

• Help clients understand your perspective