Download - The Intersection of Clients + Design

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