Skip to main content

Designing the Touchpoints

Lesson 17 from: Graphic Design Fundamentals

Timothy Samara

Designing the Touchpoints

Lesson 17 from: Graphic Design Fundamentals

Timothy Samara

buy this class


Sale Ends Soon!

starting under


Unlock this classplus 2000+ more >

Lesson Info

17. Designing the Touchpoints

Lesson Info

Designing the Touchpoints

And so, you know, that system informs all the parts. The brand lives in the real world, in printed form, in digital form, in materials that she shows to groups, in materials that she gives out to others, and those things are referred to often as touchpoints or applications. They are the point at which the brand touches the consumer or the audience, whether it's a business card, or a form, or a letterhead, an invoice, the side of a truck delivering things, the packaging that the product is in. All of these things are points of contact where the consumer, the audience, the public, begins to kind of have a dialogue, sort of a family talk with the client in a certain way. They become aware of the client through certain avenues whether it's advertising of the web. From there, they're directed to some other piece of information that they need. They're brought continually deeper and deeper into a kind of a close knit kind of association with the brand itself. It's weird that we can now talk a...

bout brands as people but even though they're not, but they are entities. They have a kind of a presence and that's what you want. You want the audience to know why they're going to that brand for what they're offering. You want them to like going there. You want the audience to feel as though they are valued, that the brand or the company is actually talking to them, is helping make their life better in some way, is adding to their experience as humans, and that the... You're building a relationship and a narrative that will just continually grow over time. So these are the... Touchpoints that are in existence. Now, the first is the stationary. This is the letterhead. Using one of the engravings as a kind of a watermark. This is a folder. The folder was original intended to be the same coloration with a full bleed of that image on the inside, but for budgetary reasons, we had to find an existing off-the-rack folder and began to, and customized it with a sticker. And the other side of the sticker's here. It folds around and holds a print of that engraving collage as a kind of an internal flysheet which is much easier, much cheaper to print, and also could be folded down to become the envelope. So I actually got two pieces of the stationary out of one print run, and was able to achieve the same kind of effect, which was this full bleed sort of rich, lush background image without having to actually make a real folder out of it. These are the envelope. And so when it's folded down, you open the envelope and that image is on the inside. You see here the application of the tag line on the lower part of the envelope. This is the business card front and back. It's printed, now again, three colors. So this is much more accurate in terms of that color, that third corporate color, this kind of, sort of pale muted yellow-green. The backside is surprinting where you get a little bit more of the kinda the blue-violet out of the tones as those two ink colors come into contact with each other. And then one thing that was really important was to develop a presentation that she would make to interested or concerned groups. And in that presentation we really started to look at messing around with imagery. So we had the, we had the, the engravings as a kind of a backdrop, this is sort of the backbone of the visual language for the brand, but we also started to look at more symbolic and playful kinds of images in the presentation. One, for emotional value, and two, because her personality is actually kind of a lot like mine. She's very sort of bouncy, kind of very friendly. She speaks with a lot of passion. She goes off on tangents all the time, and she talks to audiences very much like she's talking to a, you know, a friend. So we wanted to bring some of that personality, but she's also... She's very confrontational, and she's presenting information that a lot of people are going to sort of be taken aback by in terms of some facts about food. So, this is the presentation. This is the title screen. So I'll just cycle through these. It begins with this going directly to black using that accent face to deliver a sort of shocking bit of information, and then jumps to this, and then these are statistics about... Livestock production, about nutritional elements in foods. And as it cycles through there are about 40 or 50 of these, the background type begins to fade out. This is a, talks about the relationship between tobacco and sugar and asks the question. And then it launches into a series of sort of shocking facts or misconceptions, in a kind of a true/false sort of game. And so the first one is "Milk builds strong bones." Which is false. And so by breaking the image apart and fracturing it, the idea of bone fracture is kind of thrown out there. That is what strong bones are, and calcium or drinking milk is supposed to aid against. And then there's a fact that follows it. So as soon as she debunks the myth, she give you the evidence, and then moves on to the next one. So again, to begin to get a little bit playful because a fish is more like a cow in terms of saturated fat, which many people do not know. And then after about 10 or 15 of those, by which time the audience is totally inflamed, she returns to a kind of, a calming session where, and at that point, you're about halfway through the presentation and she refers to Hippocrates, the Greek father of modern medicine. And then begins to offer solutions. "Where do I start?" And then it goes through a series of different kinds of possibilities. There are eight segments to this, and I don't have all of them. So here, she's talking about getting back in the kitchen and spending less time on the computer, and more time actually doing the act of cooking and caring for your nutrition. Facts about chewing. This is a, an engraving about phrenology, which is a pseudoscience that developed in the 1800s, that tried to map personality traits based on the bumps on your head, which didn't last very long. Kind of a precursor to psychology or eugenics. I'm jumping there to four. Other, there are other aspects to dealing with nutrition, that there are effects about how you live, stress levels and so on, that affect how your body processes things. And so, always this kind of combination of the engravings and this kind of playful image. Interestingly, these are the actual colors of the tags that she found. For this shot, for this slide, which played kind of directly off of, they're greens and violets and I couldn't have been happier. (laughs) I couldn't have done that better myself. All right, sometimes we really played with the treatment. When it made sense to veer away from the strict sort of branding language, we went there because, you know, ultimately, it's the message that's most important. It's gonna live in this brand anyway. It's surrounded by it. And then, into the kind of the final segment. And then into the hard sell at the end, where she outlines what exactly she offers. Here now, completely enveloped in the brand language with the logo as the, kind of the anchoring point. And then to the website as a kind of director. The website is still in production, but it is designed. But this is what it looks like, so it, we eventually determined that the silhouetted images were gonna cause a lot of trouble, and so we just sort of locked them into a box. This follows the same grid formation as was established for the stationary. Here are the little icons being used. This is the primary navigation which is outside of the content area, and there's a search function. There's a secondary navigation for brand information, the mission and her bio and the services themselves. Then we developed an advertising system also based on that grid formation. The, these don't line up here, but there you see it happening and this grid continues all the way across. So depending on what newspaper you're buying in and which part of a page you're buying, is that you use the number of columns that fits that page, and then you determine what the margin is. If the margin doesn't work out, you go to the next column in so you keep the live area, all the material safe from the outer edges if there's gonna be a trim. So basically it was a creation of two zones. One for branding and color and one for image, which could be very flexible depending on what you wanted. So this would be kind of an example of sort of a purely brand language ad, using the brand language only as the image material and also use the colors of the brand in more or less their primary form. It could also accept photography for a particular campaign or when the mood struck the client. I really, I'd like to show fresh kale in this image. Okay. We can do that. And then last, it's a really, it's an image of her with something that we wrote together that sort of captures her, her essence as a person, and as a personality, because the brand is also really kind of wrapped up in her. And that ad was the first one that was produced. Just a little website on the bottom and that's it.

Class Materials

Bonus Materials with RSVP

Syllabus - Graphic Design Fundamentals.pdf

Bonus Materials with Purchase

Ad+Poster-Timothy Samara Presentation.pdf
Book+Web--Timothy Samara Presentation.pdf
Color-Timothy Samara Presentation.pdf
Form+Image-Timothy Samara Presentation.pdf
Identity-Timothy Samara Presentation.pdf
Intro-Timothy Samara Presentation.pdf
Layout-Timothy Samara Presentation.pdf
Typography-Timothy Samara Presentation.pdf

Ratings and Reviews


This is more about all of your courses - It would be really nice for instructors to answer questions during break times or even after the class. There a lot a fabulous questions that I see that never get answered. I would like to go back even the next day and see a short note for at least some of those questions. Just an idea to help out this wonderful format that you have going. I am sure to make use of the promote question when I see an interesting one.


I LOVED this class! I learned so much and since I had the foresight to purchase it, I can go back for a refresher anytime I want. Plus, the downloads are spectacular! Almost a book's worth and so helpful! Thank you Timothy, you are great teacher!

a Creativelive Student

This was an outstanding course, would love to see a more in depth typography course from this guy. I'm a proffesional photographer with a formal education in design, I hardly ever use it, so I forget things, this was great both as a review, and to pinpoint things I didn't know or thought I knew. thanks once again! well done!!

Student Work