Unlocking Creativity: How to Harness the Powers of Design, Art Direction & Creative Direction

1. UNLOCKING CREATIVITY HOW TO HARNESS THE POWER OF DESIGN, ART DIRECTION & CREATIVE DIRECTION

2. THE TRUTH ABOUT BUSINESS CARDS...

3. BUILDING RELATIONSHIPS & TELLING STORIESv - DAN WIEDEN, WIEDEN + KENNEDY :EVERYTHING WE DO COMES BACK TO TWO THINGS

4. BUSINESS CARDS ARE THE HOLY GRAIL TELLING OUR STORY AND USING IT TO BUILD RELATIONSHIPS.

5. LIFE FROM A GAMER’S PERSPECTIVE

6. FINANCES

7. ACADEMICS

8. EVERYDAY TASKS

9. RELATIONSHIPS

10. V AND CAREER PATHS...

11. PROGRESSION

12. THE T-SHAPED MODEL BREADTH OF KNOWLEDGE DEPTHOFEXPERTISE

13. NOOB DESIGNER FEW SKILLS NO LOOT ( PROJECT MANAGER :

14. CREATIVE DIRECTOR MIN WORK. MAX PROFIT. ART DIRECTOR RESPONSIBILITY + WORK WITHOUT REWARD. DESIGNER NOOB: NO SKILLS. GRIND FOR EXP. PROGRESSION SYSTEMAT BIGAGENCIES

15. PUTTINGYOURTHUMBPRINTONSOMETHINGDOESN’TMAKEYOU ACREATIVEDIRECTOR...ITJUSTMAKESYOUANASSHOLE

16. THE OVERLAP IS REAL.Regardless of your actual role, title, or function – in a successful environment, at some point you have to do everything, and that can also confuse everyone.

17. 20 ABETTER FRAMEOF REFERENCE DRAWS ATTENTION OR ENGAGEMENT CHANGES BEHAVIOR Conceptual Development Against Strategy Vision and Strategy that Meet Business Goals & Objectives EVOKES EMOTION DESIGN ART DIRECTION CREATIVE DIRECTION Execution of Concept Through Tactics

18. DESIGN

19. WHATGREATDESIGN LOOKSLIKE...

20. DESIGN ISN’T JUST HOW SOMETHING LOOKS, IT’S HOW IT WORKS. STEVE JOBS

21. FORM AND FUNCTION DESIGN IS GRIDS PERSPECTIVE LAYOUT VISUAL HIERARCHY READABILITY SPATIAL RELATIONSHIP ALIGNMENT CONTRAST SIZE SUBSTRATE & LINE SPACING KERNING

22. FORM AND FUNCTION DESIGN IS GRIDS PERSPECTIVE LAYOUT VISUAL HIERARCHY READABILITY SPATIAL RELATIONSHIP ALIGNMENT CONTRAST SIZE SUBSTRATE GRIDS & LINE SPACING KERNING

23. FORM AND FUNCTION DESIGN IS GRIDS PERSPECTIVE LAYOUT VISUAL HIERARCHY READABILITY SPACIAL RELATIONSHIP ALIGNMENT CONTRAST SIZE SUBSTRATE SPATIAL RELATIONSHIP & LINE SPACING KERNING

24. FORM AND FUNCTION DESIGN IS GRIDS PERSPECTIVE LAYOUT VISUAL HIERARCHY READABILITY SPATIAL RELATIONSHIP ALIGNMENT CONTRAST SIZE SUBSTRATE SUP? & LINE SPACING KERNING

25. FORM AND FUNCTION DESIGN IS GRIDS PERSPECTIVE LAYOUT VISUAL HIERARCHY READABILITY SPATIAL RELATIONSHIP ALIGNMENT CONTRAST SIZE SUBSTRATE ALIGNMENT & LINE SPACING KERNING

26. FORM AND FUNCTION DESIGN IS GRIDS PERSPECTIVE LAYOUT VISUAL HIERARCHY READABILITY SPATIAL RELATIONSHIP ALIGNMENT CONTRAST SIZE SUBSTRATESUBSTRATE & LINE SPACING KERNING

27. FORM AND FUNCTION DESIGN IS GRIDS PERSPECTIVE LAYOUT VISUAL HIERARCHY READABILITY SPATIAL RELATIONSHIP ALIGNMENT CONTRAST SIZE SUBSTRATE SIZE& LINE SPACING KERNING

28. FORM AND FUNCTION DESIGN IS GRIDS PERSPECTIVE LAYOUT VISUAL HIERARCHY READABILITY SPATIAL RELATIONSHIP ALIGNMENT CONTRAST SIZE SUBSTRATE CONTRAST & LINE SPACING KERNING

29. FORM AND FUNCTION DESIGN IS GRIDS PERSPECTIVE LAYOUT VISUAL HIEARCHY READABILITY SPATIAL RELATIONSHIP ALIGNMENT CONTRAST SIZE SUBSTRATE HIERARCHY VISUAL & LINE SPACING KERNING

30. FORM AND FUNCTION DESIGN IS GRIDS PERSPECTIVE LAYOUT VISUAL HIERARCHY READABILITY SPATIAL RELATIONSHIP ALIGNMENT CONTRAST SIZE SUBSTRATE & LINE SPACING KERNING PERSPECTIVE

31. FORM AND FUNCTION DESIGN IS GRIDS PERSPECTIVE LAYOUT VISUAL HIERARCHY READABILITY SPATIAL RELATIONSHIP ALIGNMENT CONTRAST SIZE SUBSTRATE & LINE SPACING KERNING & LINE SPACING KERNING & LINE SPACING K E R N I N G

32. FORM AND FUNCTION DESIGN IS GRIDS PERSPECTIVE LAYOUT VISUAL HIERARCHY READABILITY SPATIAL RELATIONSHIP ALIGNMENT CONTRAST SIZE SUBSTRATE & LINE SPACING KERNING LAYOUT

33. DETAILS FROM GOOD TO GREAT DETAILS DETAILS

34. Shading creates muddiness that detracts from bright aesthetic Red pepper detracts from the prominence of new ﬂag Spatial relationships and layout forces strain on eye, no primary focal point

35. Background brightened to increase visual contrast Red pepper removed to increase visibility of the new ﬂag Veggies reduced to create a stronger central focal point

36. DESIGNERS ARE PROBLEM SOLVERS FOCUSED ON THE LOOK AND TECHNICAL EXECUTION OF AN IDEA OR CONCEPT. TLDR- THEY MAKE AWESOME SHIT.

37. COLLABORATION TECHNOLOGY DESIGN PRINCIPLES FOUNDATION IN ART SOFTWARE & TOOLS TECHNIQUE & APPLICATION T-SHAPED MODEL DESIGNER

38. What’s the concept or message? Is there a brand style guide or existing assets? Are there specs or dielines? Where is this going to live and for how long? Is there a word count I need to adhere to? Do do these colors vibrate? Is my composition easy to understand and/or use? How does this composition, image, or feature respond or look on all devices/viewports? What’s does the user experience look like? What’s the main point of conversion, and do these colors, fonts, or graphics help guide a user to achieve it? ASKING THE RIGHT QUESTIONS

39. “Design is a fun thing. Love this shit. Stop complaining and learn to roll with the punches. Some shit’s gonna suck, but, some shit will pay the rent or even a mortgage. We’re all in that boat. At the end of the day, make stuﬀ you love. And don’t be afraid to share it with everyone. Say it loud and say it proud. Oh..And Don’t stretch type, ever.” AARON DRAPLIN, DDC

40. ART DIRECTION

41. WHATGREAT ARTDIRECTION FEELSLIKE...

42. ART DIRECTION IS NOT DESIGN. IT’S ABSTRACT – CONNECTING WHAT YOU’RE SEEING WITH WHAT YOU’RE EXPERIENCING.

43. LOOK FeeL&AND

44. VV BAD DESIGN happy birthday GOOD AD GOOD DESIGN BAD AD V V V V

45. VISUAL LANGUAGE ART DIRECTION IS

46. VISUAL LANGUAGE ART DIRECTION IS MOOD

47. VISUAL LANGUAGE ART DIRECTION IS MOOD TONE

48. VISUAL LANGUAGE ART DIRECTION IS TONE COLOR PALETTE MOOD

49. VISUAL LANGUAGE ART DIRECTION IS TONE COLOR PALETTE MOOD MESSAGE

50. VISUAL LANGUAGE ART DIRECTION IS TONE COLOR PALETTE MOOD FLOW BALANCE MESSAGE

51. VISUAL LANGUAGE ART DIRECTION IS TONE COLOR PALETTE MOOD FLOW BALANCE TEXTURE MESSAGE

52. VISUAL LANGUAGE ART DIRECTION IS TONE COLOR PALETTE MOOD FLOW BALANCE TEXTURE CONSISTENCY MESSAGE

53. VISUAL LANGUAGE ART DIRECTION IS TONE COLOR PALETTE MOOD FLOW BALANCE TEXTURE CONSISTENCYFONT PAIRINGS MESSAGE

54. [Example of Moodboard; TMG]

55. ART DIRECTORS MANIPULATE THE POWER OF DESIGN + EMOTION TO CREATE MEANINGFUL EXPERIENCES.

56. CHANNELS & PLATFORMS PRESENTATION & MENTORSHIP TECHNIQUE & APPLICATION SOFTWARE & TOOLS FOUNDATION IN ART DESIGN PRINCIPLES HUMAN-CENTERED APPROACH VISUAL COMMUNICATION T-SHAPED MODEL ART DIRECTOR

57. What’s the strategy? What’s the canvas? Who is the audience? How is this message or concept relevant to them? What’s the brand position, tone, or voice? What’s the feeling, emotion, or reaction this piece needs to convey? Is it on-brand, or on-message? Can the message/design be easily extended across diﬀerent channels and mediums? Do these colors or typefaces convey the right feeling or mood? Is the message clear enough to cut through the noise and be understood within seconds? ASKING THE RIGHT QUESTIONS

58. FRASER’S RULE Understand it in less than 3 seconds. See it from 4 steps away. Say it in less than 5 words. 3 4 5

59. CONTEXT DELIVERY FROM GOOD TO GREAT

60. CREATIVE DIRECTION IS THE INTERSECTION WHERE ART DIRECTION AND DESIGN MEET STRATEGY. IT’S WHAT CHANGES CONSUMER BEHAVIOR. - DAN MALL, CREATIVE DIRECTOR

61. CULTURAL TRUTH PRODUCT TRUTH CUSTOMER TRUTH BEST IDEAS (AND THE CREATIVE DIRECTION BEHIND THEM)

62. CREATIVE DIRECTION CAN AND SHOULD COME FROM ANYWHERE. LIKE THE ACCOUNT GUY!

63. SO WHAT MAKES A GREAT CREATIVE DIRECTOR?

64. TECHNIQUE & APPLICATION SOFTWARE & TOOLS FOUNDATION IN ART DESIGN PRINCIPLES T-SHAPED MODEL HUMAN-CENTERED APPROACH VISUAL COMMUNICATION CREATIVE DIRECTOR CREATIVEMANAGEMENTBUSINESS CHANNELS & PLATFORMS INDUSTRY CONCEPTUAL IDEATION STRATEGIC APPLICATION

65. YOU’RE A CREATIVE GENERALISTYOU’RE A CREATIVE GENERALIST YOU AREN’T JUST A JACK OF ALL TRADES. YOU’RE A MASTER OF THEM TOO.

66. THE TEAM DOESN’T WORK FOR YOU. YOU WORK FOR THE TEAM.

67. YOU’RE THEIR SWORD & SHIELD.You’re their inspiration, using your mastery to show them the way – empowering their purpose and ability to solve problems.

68. YOU’RE FEARLESS.You lead the charge, doing whatever it takes to carry a project to the ﬁnish and ensure the ﬁnal product isn’t just good…it’s great.

69. & BREATHE STRATEGY. YOU LIVE Every idea is focused on the lifeblood of the business. You do your homework and know how to play the game, whatever it takes to sell in the work.

70. YOU CONNECT THE DOTS THROUGH CURIOSITY. You see what others can’t, using what’s relevant today to change the outcome of tomorrow.

71. DROGA JAY CLOW WIEDEN v GET INSPIRED. KELLEY OGILVY FORD WRIGHT

72. CLIFF BLESZINSKI JJ ABRAMS PHARRELL WILLIAMS

73. 82 THE FRAME REVISITED ARTWORK & COPY BUSINESS STRATEGY Creative Director uses business goals + objectives to craft a strategic approach & establish a vision that will inspire the ideation and tactical execution. Art Director uses the strategy to develop concepts that set the visual language and deliver a clear message. Designer executes the concept through required tactics. Art Director ensures the design/ execution of the concept is cohesive, consistent (on-brand), and clearly delivers the message. Creative Director makes sure the ﬁnal product is on-strategy, aligns to the business goals, and meets the objectives. PLANNING DELIVERY CREATIVE DIRECTON ART DIRECTION DESIGN VISUAL SYSTEMS & CONCEPT DEVELOPMENT

74. ARTWORK & COPY BUSINESS STRATEGY DISCOVERY ART DIRECTION DESIGN VISUAL SYSTEMS & CONCEPT DEVELOPMENT EXECUTION CREATIVE DIRECTION Create a single, timeless yet contemporary brand with people & relationships at it’s core, retaining the equity of the name “McIntyre” Utilize soft shapes, teals, custom high- contrast photography, conversational language, and a logo based on the concept of the handshake to convey a real, human-centric message Clean, easy to navigate layouts and grid systems with light copy, high contrasting red CTA buttons, prominent use of new brand teal, and custom iconography style Does each page of the relaunched site, every icon, every photo and every treatment reﬂect a unique, highly engaging aspect of relationship building (without looking dated or generic)? Will the refreshed identity, new site, and revised articulation unify the business segments, change the perception of the brand, and drive an increase in clients + candidate engagement? $

75. ARTWORK & COPY BUSINESS STRATEGY PLANNING ART DIRECTION DESIGN VISUAL SYSTEMS & CONCEPT DEVELOPMENT EXECUTION CREATIVE DIRECTION Build a digital presence that would reflect a “no bullshit” game studio, with a community first approach for a mature gamer audience, utilizing all relevant social channels Expand on provided look and feel via moodboard and establish a gaming-centric UX to showcase a bold “work hard, play hard” concept that is unique to BKP Photography-driven page layouts that seamlessly executed a responsive, gaming-centric UX with short, easy to read copy, and clear CTAs Does each page of the site speak to gamers using an edgy, provocative voice, familiar UX, and bold imagery? Will the new site provide BKP with a centralized window to create a dialogue on all relevant social channels with their fans? Will the site and brand be future-proof for staff, platforms, and titles?

76. CREATIVEPOTENTIAL PURPOSE + CLARITY = PURPOSE + SKILL + CLARITY =

77. WHAT’S YOUR STORY? @DIGITALSURGEONS

Unlocking Creativity: How to Harness the Powers of Design, Art Direction & Creative Direction

Digital Surgeons

Unlocking Creativity: How to Harness the Powers of Design, Art Direction & Creative Direction