Thesis graphicdesign

graphic design g

in de praktijk

Eindwerk tot het behalen van de graad Bachelor in de Grafische & Digitale Media door Stijn Saelen

Dankwoord Het maken van een eindwerk neemt heel wat tijd in beslag. Je laat je altijd weer adviseren door een heleboel mensen, zonder wiens steun je de opdracht niet tot een goed einde had kunnen brengen. Deze wil ik dan ook graag een welgemeende dankjewel zeggen.

Allereerst wil ik stagebegeleider Kurt Maet en stagementor Leopold Dockx extra bedanken voor de tijd en energie die zij gedurende de stage ge誰nvesteerd hebben in dit project.

Natuurlijk was dit eindwerk niet tot stand kunnen komen als de opleiding me niet de kans had gegeven om theoretisch te kunnen afstuderen. Ik dank hen voor al datgene dat ze mij ter beschikking gesteld hebben. Ook wil ik alle docenten bedanken die mij op welke manier dan ook hebben geadviseerd door nuttige opmerkingen te formuleren die me andere inzichten boden.

Verder wil ik ook graag mijn medestudenten en vrienden bedanken die op elk moment voor me klaarstonden. Daarnaast wil ik mijn ouders, zus en schoonbroer graag bedanken, omdat ze me de kans gegeven hebben om te studeren en omdat ze me steunen en aanmoedigen in wat ik doe.

Tot slot wil ik iedereen bedanken die interesse getoond heeft in wat ik deed en ook diegene die me op welke manier dan ook verder geholpen hebben, maar die ik hier bij naam nu vergeet te bedanken. Dank je wel!

Inhoudstafel i Lijst met afkortingen

Inleiding 1 2

i�i

1

Projectomschrijving Abstract 1

1

Hoofdstuk 1: Wat is grafisch ontwerp

2

1

Hoe zit een ‘ontwerp’ proces in elkaar?

2

Wat is de betekenis van ‘grafisch’ op dit moment?

1.1.1 Werkzijze

2

2

1.2.1 Beyond graphic by Errol Saldanha

4

Hoofdstuk 2: Ontwikkelen v.e. grafisch ontwerp workflow 1

2

What is a workflow?

7

2.1.1 Understanding Print, the Web, and Beyond 2.1.2 Designing for the Web 9 2.1.3 Designing for Print 9

Website

7

8

11

2.2.1 Praktijkvoorbeeld: Piet Huysentruyt 12 2.2.2 Praktijkvoorbeeld: Seru Restoservice 13 2.2.3 Praktijkvoorbeeld: Communicart 14

3

Webnavigatie

15

4

Eenvoudig drukwerk

5

Advertentie

6

Huisstijl

2.3.1 Praktijkvoorbeeld: Immo Acou

17

16

2.4.1 Praktijkvoorbeeld: Timberframe flyer

19

18

2.5.1 Praktijkvoorbeeld: Immo Acou 20 2.5.2 Praktijkvoorbeeld: Optilens 21

22

2.6.1 Praktijkvoorbeeld: Coworks huisstijl 22 2.6.1.1 Communicatievormen 22 2.6.1.2 Coworks logo 25 2.6.1.3 Praktijkvoorbeeld: Bits@Bytes logo 27 2.6.1.4 Naamkaartjes 28 2.6.1.5 Uithangbord bureau Gent 28 2.6.1.6 Website 29

Hoofdstuk 3: Management van een ontwerpbureau 1 2

3

Coworks Gent Offerte 30

3.2.1 Logo 31 3.2.2 Website 31 3.2.3 Eenvoudig drukwerk 3.2.4 Advertentie 31 3.2.5 Huisstijl 31 3.3.1 Prospectie

4

Literatuurlijst

36

32

30

31

Direct marketing via direct mail

Conclusies 1 2 3 4

30

32

Projectconclusie 34 Creatief: grafisch ontwerp vs webdesign 34 Technisch: Browsers en Certified PDF 35 Commercieel 35

Bijlage 1: Orderoverzicht flyer Timberframe Bijgale 2: Studie loon-kostprijs Bijlage 3: Offerte Digi Classics bvba Bijlage 4: www.stereographic.be

ii

Lijst met afkortingen HTML HyperText Markup Language (afgekort HTML) is een taal (geen programmeertaal) voor de opmaak van documenten. HTML wordt vooral gebruikt op het internet, om webpagina’s te tonen.

CSS Cascading Style Sheets (afgekort tot CSS) is een techniek voor de stijl (vormgeving) van webpagina’s. De informatie over de vormgeving wordt toegevoegd aan de HTML-code van het document. Die informatie kan in het document zelf staan, maar ook in een extern document dat wordt geïmporteerd. Een dergelijk apart geïmporteerd document wordt ook wel stylesheet genoemd. Een stylesheet biedt de mogelijkheid inhoud en vormgeving van een document van elkaar te scheiden en op die manier een consistente vormgeving over meerdere documenten te bereiken.

PDF Het Portable Document Format, of kortweg PDF, is sinds ongeveer 1993 een de-facto standaard voor de uitwisseling van elektronische documenten en formulieren die in hun oorspronkelijke vorm gereproduceerd moeten kunnen worden. PDF is een universele bestandsindeling waarmee lettertypen, afbeeldingen en lay-out van elk willekeurig brondocument behouden blijven, ongeacht het programma of het platform waarmee het document werd gemaakt, dit in tegenstelling tot bijvoorbeeld HTML. Certified PDF Om van een PDF een Certified PDF (afgekort cPDF) te maken is een bewerking noodzakelijk. Tijdens deze bewerking wordt gecontroleerd of de PDF aan een groot aantal voorwaarden voldoet. De controles zijn vastgelegd in een profiel. Als de PDF is goedgekeurd spreken we van een Certified PDF. JPEG Met de afkorting JPEG wordt een bestandsindeling aangeduid voor het opslaan van afbeeldingen in digitale vorm. Het is een vorm van datacompressie en van broncodering.

De naam staat voor Joint Photographic Experts Group.

iii

GIF GIF is een bestandsindeling voor het opslaan van afbeeldingen in digitale vorm. GIF is de afkorting van Graphics Interchange Format, een grafische bestandsindeling met pixels. GIF ondersteunt kleuren, verschillende resoluties, animatie en een transparante achtergrond.

Het aantal kleuren in een GIF-bestand is beperkt.

EPS Encapsulated PostScript: standaard bestandsformaat in de grafische industrie. Voor druk is het eps-formaat aangewezen. Een eps-formaat is onbeperkt schaalbaar met een optimale kwaliteit. Een drukker of lay-outverantwoordelijke zal hiermee vlot overweg kunnen.

iv

Inleiding 1 Projectomschrijving Coworks (www.coworks.be) zoekt een grafisch ontwerper met enige ervaring om de mogelijkheid te onderzoeken of Coworks naast development ook verder kan evolueren in grafisch ontwerp. Je zal hierbij moeten laten blijken dat je allround bent. Tijdens het project wordt je betrokken bij overleg met opdrachtgevers en conceptontwikkeling. Je krijgt een veelheid aan opdrachten: je moet in staat zijn om advertenties, brochures en dergelijke vorm te geven en vermits wij in eerste instantie een development bureau zijn ben je inzetbaar voor alles wat met webdesign te maken heeft. Hierbij kun je je eigen ideeën perfect uitwerken met kennis van alle gangbare softwareprogramma’s: Indesign, Photoshop, Illustrator, Dreamweaver, HTML en CSS. Kennis van druktechnieken is daarbij natuurlijk een must.

2 Abstract In dit eindwerk staat het begrip ‘grafisch ontwerp’ centraal. De grafisch ontwerper en het vakgebied zijn niet eenduidig gedefinieerd. De term grafisch ontwerp kan in verschillende toepassingsgebieden een andere betekenis krijgen. Naargelang de invalshoek worden andere aspecten geaccentueerd. De zeer uiteenlopende eindproducten die door grafische vormgeving gerealiseerd worden, de verschillen in aanpak en de balans tussen creatieve, technische en commerciële criteria maken dat een éénduidige definitie moeilijk op te stellen is. Aan de hand van de bevindingen tijdens de stage worden verschilpunten weergegeven. Volgende toepassingsgebieden komen aan bod: huisstijl, webdesign, eenvoudig drukwerk, advertentie. Naast het technisch-creatieve facet van grafisch ontwerp werd tijdens de stage ook de ruimte geboden om de commerciële en financiële aspecten van een ontwerpbureau in acht te nemen.

Kernwoorden: grafisch ontwerp – praktisch – creatief – technisch – commercieel Dit eindwerk bestaat uit volgende hoofdstukken: Hoofdstuk 1: Wat is grafisch ontwerp Hoofdstuk 2: Ontwikkelen van een grafisch ontwerp workflow Hoofdstuk 3: Management van een ontwerpbureau Bij dit eindwerk hoort ook een website die voornamelijk fungeert als digitaal archief. U zal dus regelmatig verwijzingen naar www.stereographic.be aantreffen.

Hoofdstuk 1: Wat is grafisch ontwerp 1.1 Hoe zit een ‘ontwerp’ proces in elkaar?

“The designer does not, as a rule, begin with a preconceived idea. His idea is the result of subjective and objective thought, and the design a product of the idea. In order, therefore, to achieve an honest and effective solution he necessarily passes thought some sort of mental process ... Consciously or not, he analyzes, interprets, translates ... He improvises, invents new techniques and combinations. He coordinates and integrates his material so that he may restate his problem in terms of ideas, pictures, forms, and shapes. He unifies, simplifies, eliminates superfluities. He symbolizes ... abstract from his material by association and analogy. He intensifies and reinforces his symbol with appropriate accessories to achieve clarity and interest. He draws upon instinct and intuition. He considers the spectator, his feelings and predilections.”

(Paul Rand)

1.1.1 Werkwijze Een ontwerp proces is in zijn puurste vorm simpelweg een manier om een probleem op te lossen. Een klant wil bijvoorbeeld een nieuw product of dienst promoten aan zijn cliënteel om de verkoop te doen stijgen. In één zin hebben we het probleem geïdentificeerd en hoe we het succes van de oplossing kunnen meten. Met het indentificeren van het probleem kunnen we onderzoek verrichten, noodzakelijke informatie verzamelen, het probleem analyseren en strategieën ontwikkelen om het op te lossen.

Een grote misopvatting is echter dat creativiteit in een ‘flash’ van inspiratie ontstaat, het tegenovergestelde is immers waar! Het is een manier van denken om een probleem te benaderen. Echte creativiteit en orginaliteit is een tijdrovende aangelegenheid.

Verbeelding, nieuwsgierigheid en analytische vaardigheden spelen hierin een centrale rol.

“The creative ‘act’ is a process, not a moment.” (Unknown) Laten we dieper ingaan op de vijf hoofdingrediënten: Tijd: Echte creativiteit is niet mogelijk zonder voldoende tijd. Helaas is dit het eerste wat gebeurt daar de kostprijs en deadline tot de hoofdcriteria behoren. Het is zoals een huis bouwen in een week, hoewel dit normaal in drie maanden gebeurt. Er is weinig tijd om stil te staan over kwaliteit of aandacht voor detail. Wat de klant uiteindelijk krijgt, is een pover resultaat en een pak last-minute tekenen om het geheel op te smukken.

Tijd geeft het verstand de mogelijkheid om verschillende invalshoeken in te gaan, te herzien, en verder te ontwikkelen.

“You can’t depend on your eyes, when your imagination is out of focus.” ( Mark Twain) Informatie: Informatie is dè drijfveer voor goed ontwerp. Dit kan bekomen worden door: vragenlijsten, interviews, marketing onderzoek, het onderzoeken van marktgebonden trends en het verzamelen van informatie over de concurrentie Enkele sleutelvragen zijn: Wat is er uniek aan wat u verkoopt? Wie is uw klant? Wat willen zij? Wat willen zij in de toekomst? Wat denken zij van u? Wat kan er veranderd worden aan uw product of dienst om meer succesvol te zijn? Wat kan jij hen bieden dat zij momenteel niet hebben?

“Creative without strategy is called ‘art’. Creative with strategy is called ‘advertising’.

(Jef I. Richards) Analyse: Nadat de informatie is verzameld en gestructureerd, wordt het schematisch weergegeven.

Creatief denken en analyseren begint bij het neerschrijven van gedachten en ideeën. In deze fase is hoeveelheid belangrijker dan kwaliteit.

Na een dag (of twee) wordt dit materiaal opnieuw herzien. De voorgaande informatie inspireert nieuwe gedachten en ideeën en duidt de bruikbare dingen aan. Na verloop van tijd beginnen twee of drie richtingen te groeien en leidt dit tot één (of twee) sterk(e) concept(en).

Good ideas are a dime a dozen...it’s execution that counts. (Anon) Concept ontwikkeling: Creatitiveit is progressief van nature; nieuwe ideeën doen nog nieuwere ideeën ontstaan.

Wanneer de initiële tekeningen, afbeeldingen en tekst ontwikkeld worden, worden kleine aanpassingen gemaakt: een zin kan bijvoorbeeld aangepast worden om meer impact te hebben op een afbeelding, of een afbeelding aangepast om meer interesse op te wekken.

Creativiteit heeft geen eindpunt. Zo is het ook belangrijk om te weten wanneer genoeg ‘genoeg’ is.

“The consumer isn’t a moron; she is your wife. You insult her intelligence if you assume that a mere slogan and a few vapid adjectives will persuade her to buy anything.”

(David Ogilvy, confessions of an advertising man)

De uitvoering: Wanneer akkoord is gegaan met een concept, begint het uiteindelijk produceren ervan.

Een kritiek punt bij creativiteit is de aandacht voor detail. Uiteindelijk moet het een sterke oplossing zijn voor het oorspronkelijke probleem om een succes te zijn/worden.

“Any activity becomes creative when the doer cares about doing it right or better.”

(John Updike)

1.2 Wat is de betekenis van ‘grafisch’ op dit moment?

1.2.1 Beyond graphic by Errol Saldanha 1 Today’s graphic designer has moved beyond graphic. The term “graphic” fails to accurately describe our profession to the business community and the public. We should consider replacing it with a more relevant, accurate description of what we do today. Why? Identity As graphic designers, we’ve been so busy defining our client’s identities that we forgot about a far more important identity: our own. Ironically, the entire communications industry is in a state of self-inflicted confusion: marketing, advertising, corporate identity, branding, web design, new media, multimedia, interactive, packaging, graphic design. We have accumulated so many terms -- old and new -- that people in our own industry don’t understand what we do, yet alone our clients. Many of these titles have become obsolete -- especially “graphic design”.

The term “graphic” limits the advancement of our industry. Graphics refer to pictures and images -- not strategies, concepts, words, sound, or animation. With the digital revolution, graphic design has truly moved beyond graphics. Today’s graphic designer has outgrown the job title. Some have tried to combat this by dropping the descriptor and calling themselves “designers”. However, this is a vague term that confuses people and bundles us with other types of designers (interior, industrial, fashion etc.).

Value Although our expertise creates value for business, we are not valued as professionals by the business world. Compared with the average advertising budget, graphic design fees are minimal. Businesses spend millions on marketing or advertising, but only thousands on graphic design. It’s easy to understand how our expertise and services are not taken seriously. As much as the graphic design community has worked over the years to educate businesses, few people really understand or value what we do. As a result, graphic designers are not considered crucial to an organization’s success. Graphic designers get 1

url website: www.beyondgraphic.org

little respect in the boardroom and are constantly trying to justify their existence to clients.

Are we fighting a losing battle by promoting obsolete terminology?

Respect Many of us are members of professional graphic design associations. While these associations succeed in bringing us together, some may fall short of elevating our profession to the status of professions that are respected in the business world (lawyers, engineers, and accountants).

The respect we deserve in the business world will continue to evade us as long as “graphic” remains part of our name. Most business people -- the ones that hire us -- think that we are at the table to create the “look and feel”. They see our work as decoration, a nice-to-have after the strategic thinking is performed. This is why graphic designers remain at the bottom of the communications chain -- below advertising professionals, communication consultants, and marketing strategists. As long as we are seen only as visual enhancers, we will never command the respect (or fees) that other professionals do.

Ability Phototypesetting/Paste-up > Desktop Publishing Software > Web/new publishing software In the past, people who learned desktop publishing software called themselves graphic designers. Now, technology-savvy people with Web publishing skills are calling themselves Web designers and are often crossing over into print. Again, we are faced with the problem of unqualified people using their technical abilities to pose as design experts. To combat this, the new designer must emphasize communication as their strength and be fluent in all forms of media. Communication ability -- not software ability -- should qualify them.

Evolution Commercial Art > Graphic Art > Graphic Design > ?

“Design” once replaced the term “art”. The term “design” communicated that the work we did was more than artistic. Now it is time to replace “graphic”. A term like “communication” may be best as it deals with all of the communication elements that today’s professional must work with: concepts, words, type, color, sound, animation and, of course, graphics. It also suggests that we help clients communicate in many mediums -- not just print but also digitally and 3-dimensionally.

“Communication” conveys that the work we do is functional and not just decorative. A “communication designer” must be not only creative, but also strategic. Our work must deliver a message, not just a “look and feel”. We can work visually and verbally in all media because our talent is communication, not technology.

Action How can we command respect and fairer fees when we haven’t communicated our own “brand” to the public? We must band together and take our industry to its rightful place in the professional business world. We either redefine our own profession or graphic design ourselves right out of existence. The first step is retiring an outdated term that is doing us far more harm than good.

Are you beyond graphic? Do you support a debate and global review of our professional title?

If you agree that your professional title of “graphic designer” could change to better reflect what you do, then please take action: • Send this link to your graphic design colleagues: www.beyondgraphic.org • Bring this issue to the attention of your graphic design association For more information, please contact: info@beyondgraphic.org

Hoofdstuk 2: Ontwikkelen van een grafisch ontwerp workflow In grafisch ontwerp bevat een workflow alle nodige stappen die noodzakelijk zijn om een bepaalde taak uit te voeren. In dit hoofdstuk vindt u workflowschema’s voor een website, webnavigatie, eenvoudig drukwerk, advertentie en huisstijl. Dit alles geïllustreerd met praktijkvoorbeelden.

If you can’t describe what you are doing as a process, you don’t know what you’re doing.

(W. Edwards Deming)

2.1 What is a workflow? 2 A workflow is a process of how something gets done. It’s a map that gets you from point A to point B. In other words, it’s the roadmap for a project. In most cases, there are several ways to get to where you’re going. Some ways might have more traffic, others nice scenery—but they all basically get you to your destination. In the business world, though, you want to get to your destination in the shortest amount of time, using the least amount of gas, and having a bit of fun at the same time—which makes your job rewarding, successful, and, most important, profitable.

In graphic design, a workflow comprises all the necessary steps that have to happen for a particular job to be completed. Obviously, whatever your final result is supposed to be is going to determine what the workflow is. If you’re designing a piece that will be output to the Web, it’s going to a have a different workflow, or process, than a project that will end up on a printing press.

Right off the bat, it’s important to realize that every workflow is different—mostly, of course, because every project has different goals, but also because there is usually more than just one way to accomplish a task. Workflows are also affected by factors you might not necessarily think about. For example, if you’re a designer who is putting together a newspaper, you might be incorporating some photographs into your layout that came from prints from your local photographer. Another paper might have overseas photographers who need to submit their images digitally.

More so, there are organizations or design firms that handle nearly all the aspects of a project, and there are designers who may work on only one portion of a project. Some firms offer services from concept all the way through design. Some people are just photographers. Even so, photographers who understand the entire workflow not only can provide better services to their clients, but also can be more efficient and avoid having to 2

uit het boek: Adobe Creative Suite All in One by Mordy Golding; ISBN-13: 978-0-672-32591-5

redo work later in the process.

Traditionally, one was required to possess and learn several software tools, each one working differently. A tremendous amount of work was required to make sure that all of these tools worked together in some useful way. And maintaining them was challenging (to say the least), because each of the tools had different upgrade cycles, causing constant workflow changes.

What is unique about the Adobe Creative Suite is that it provides all the tools necessary for a design workflow. Because of the integration between the applications in the Suite, it’s easy to move your project along each step of the process. And because these applications all work in the same way, you don’t have to tear your hair out learning about all kinds of programs to get your work done. Most important, Adobe has aligned each of the products in the Suite to release at the same time, making it easier to develop a workflow and maintain it.

NOTE The workflows you’ll find here are guidelines to give you a better idea of how the applications work together, and what the process might be for different kinds of projects.

They will work in a majority of cases; however, specialized tasks or functions might require a modified workflow. By all means, feel free to customize and expand on the workflows mentioned here to achieve just the workflow required for your particular needs.

As you read through the rest of this chapter, you may feel the urge to skip particular areas because they don’t pertain to the kinds of things you are doing today. For example, you may skip anything related to the Web because you work primarily in print-related materials.

My advice (if you’re willing to take it) is to at least get a basic understanding of other workflows because you never know what might come your way. This way, if you end up getting an opportunity to do such work—even if you’re going to outsource it—you’ll have a complete understanding of the process and what needs to happen. If I had a nickel for every time I’ve heard someone say, “I lost so much money because I told them I could do it, but I had no idea how much work was involved...,” I’d have enough money for one of those speedy G5 computers (and an iPod, of course).

2.1.1 Understanding Print, the Web, and Beyond In the 1980s, computer technology redefined print publishing. In the 1990s, the Internet and the World Wide Web took center stage as a powerful medium for communication. As we begin to settle into this new millennium, wireless technologies are pushing design and communication even further.

NOTE Another workflow that is becoming more common as bandwidth increases is creating content for video. Adobe has a separate Video Collection of tools which can be used to

create this content. The good news is that these tools, including Premiere Pro (video editing), After Effects (special effects and compositing), Encore DVD (DVD authoring), and Audition (sound editing) are all applications that integrate with the apps you now have in the Adobe Creative Suite (mainly Photoshop and Illustrator). Should the day come when you need to dive into the world of video, you’ll already have some of the tools—and the knowledge—to get you started.

As we look at the workflows specific to these different media, I’m going to focus primarily on the aspects that involve working with the Creative Suite directly. Obviously, many different things need to happen in order to communicate your (or your client’s) message.

For example, concepts are discussed, copy is written, sketches are drawn, and meetings with the client are endured (oh, the agony)—all before you even start working on the project. This book, however, focuses mainly on the technical aspects of doing your job, not necessarily the conceptual ones. I’m going to make the assumption here that the initial concept is done and that you have copy written.

2.1.2 Designing for the Web There are two approaches to Web design: create something the same way you would for print, but adapt it to work on the Web; and create a true interactive experience from the ground up. In the early days of the Web, most sites you went to were of the former kind— page after page of large static images, garish colors, and illegible text. Granted, two main reasons for that were a lack of powerful Web authoring tools and a general lack of understanding of the technical capabilities of the medium.

NOTE I should note that today’s dynamic design environment has also caused a reverse of this effect. There are many designers who specialize in Web design but have almost no knowledge of what it takes to create a quality printed piece. Those who have tried going to press with a 72dpi RGB image know what I’m talking about.

A good Web designer will be thinking about what size monitor he expects users to have, how best to build a page that can be updated quickly and easily, how to add interactive elements to draw a reader’s attention, how to provide useful navigation and links to help readers find what they’re looking for, and, most important, how to communicate all of it with a design concept that delivers the right message. Some jobs may also require knowledge or interfacing with back-end systems and databases. Following are two workflows that are common in the area of Web design.

2.1.3 Designing for Print Say what you want about the future of print, but find me another medium that can provide a designer with the prospect of using an exquisite paper with embossing, foil stamping, custom die-cutting, varnishing, or various other effects that pulls a reader in and delivers a

message all its own. I’ve seen art directors who sometimes spend days picking out just the right paper for an Annual Report. Use of custom inks such as metallics, pastels, or even magnetic inks (like what’s used for account numbers on bank checks) takes print a step further. That being said, when you are designing for print, you have to be mindful of such things as image resolution, custom spot colors, transparency flattening, bleed and trim areas, folds, fonts, and color separations. Some jobs also require knowledge of government or postal regulations.

10

2.2 Website

Aanmaken VersionCue Project

Illustrator bestanden

Photoshop bestanden ImageReady bestanden

VersionCue Database

Dreamweaver bestanden

standaard workflow optionele wofkflow

Web-ready bestanden ( HTML, CSS, PDF, GIF, JPG, ... )

11

2.2.1 Praktijkvoorbeeld: Piet Huysentruyt

Concept De klant sprak over “de nieuwe wereld waar de kruiden vandaan komen”. Vemits het logo al een wereldse uistraling heeft, is dit gekoppeld aan de groei van kruiden vertrekkend vanuit deze wereld. Ook was het noodzakelijk om het logo wat te camoufleren zodat het niet zo nadrukkelijk aanwezig is vermits het wat verouderd is. Het kleurenschema is geïnspireerd op hoe Piet Huysentruyt ooit met zijn kruidenreeks is begonnen (te lezen op de template op www.stijnsaelen.be), oranje staat voor ‘hot & spicey’, het grijze voor ‘peper’ en de witte achtergrond voor ‘zuiverheid’. Het menu is een plant, die vertrekt vanuit de Boomerang wereld en waaraan peperbollen groeien. Verder is er gewerkt met afbeeldingen van nog niet verwerkte kruiden.

De lay-out past zich aan naar de huidig geldende resoluties, met een minimum van 1024x768 pixels en is geoptimaliseerd voor Internet Explorer 6 & 7, Firefox, Opera en Apple Safari. Bekijk deze website via www.stereographic.be !

12

2.2.2 Praktijkvoorbeeld: Seru Restoservice

Concept Gebruik van warme kleurtinten uit foto’s van hun assortiment. Deze professionele foto’s tot hun recht laten komen was bij dit ontwerp de boodschap.

De lay-out past zich aan naar de huidig geldende resoluties, met een minimum van 1024x768 pixels en is geoptimaliseerd voor Internet Explorer 6 & 7, Firefox, Opera en Apple Safari. Bekijk deze website via www.stereographic.be !

13

2.2.3 Praktijkvoorbeeld: Communicart

Concept Basis website, verwerking van aangeleverde foto’s en integratie van huisstijlkleuren.

Technische uitwerking (XHTML/CSS/...) door Coworks. Bekijk deze website via www.stereographic.be !

14

2.3 Webnavigatie

Illustrator bestanden

Photoshop bestanden ImageReady bestanden

Dreamweaver bestanden

standaard workflow optionele wofkflow

Web-ready bestanden ( HTML, CSS, PDF, GIF, JPG, ... )

15

2.3.1 Praktijkvoorbeeld: Immo Acou

Concept Freelance opdracht, design op basis van een bezoek aan het kantoor. Technische uitwerking (XHTML/CSS/...) door Coworks. Bekijk deze website via www.stereographic.be !

16

2.4 Eenvoudig drukwerk Aanmaken VersionCue Project

Illustrator bestanden

Photoshop bestanden

VersionCue Database

Word documenten

Indesign bestanden

Pitstop preflighting

Acrobat bestanden

standaard workflow optionele wofkflow

Press-ready PDF of cPDF

17

2.4.1 Praktijkvoorbeeld: Timberframe flyer sonck_flyer_recto.pdf 14/03/2007 10:09:02

C

M

Y

CM

MY

CY

CMY

K

sonck_flyer_verso.pdf 14/03/2007 10:15:36

Timberframe

bakovens

Houtbouw en Interieur / Bois et Tradition woningenbouw

eikenhouten bijgebouwen C

plattelandsarchitectuur

M

Y

CM

laag - en hoogstamboomgaarden

MY

CY

confituur - en boerentuinen

CMY

K

Timberframe Sonck & 't Gebinte Tortelboomstraat 8 9404 Aspelare (Ninove) Tel/fax: 054/50 26 39 heritage@timberframe.be www.timberframe.be

Concept Timberframe is een ecologisch project dat zich richt op traditionele houtbouw & interieur.

De aangeleverde foto’s in een ‘groen kader’ plaatsen was dan ook een logische keuze. In bijlage 1 het orderoverzicht voor dit drukwerk. Aangeleverd aan drukkerij als Certified PDF (profiel: SheetCmyk_1v3). Bekijk deze drukklare cPDF op www.stereographic.be !

18

2.5 Advertentie Aanmaken VersionCue Project

Illustrator bestanden

Photoshop bestanden

VersionCue Database

Word documenten

Indesign bestanden

Pitstop preflighting

Acrobat bestanden

standaard workflow optionele wofkflow

Press-ready PDF of cPDF

19

2.5.1 Praktijkvoorbeeld: Immo Acou

IMMO ACOU VERKOOP - VERHUUR

Zeelaan 119 8660 De Panne tel: +32 (0)58.41.28.33 fax: +32 (0)58.41.57.19 www.acou.be info@acou.be

IMMO ACOU VENTE - LOCATION

acou.indd 1

27/04/2006 21:40:30

Zeelaan 119 8660 De Panne tel: +32 (0)58.41.28.33 fax: +32 (0)58.41.57.19 www.acou.be info@acou.be

acou.indd 1

27/04/2006 21:42:20

Concept Kleine informatieve advertentie voor publicatie in Knack-magazine. Aangeleverd als Certified PDF (profiel: MagazineAds_1v2) aan Roularta Media Group. Bekijk deze drukklare cPDF op www.stereographic.be !

20

2.5.2 Praktijkvoorbeeld: Optilens adOptilens.pdf

30/05/2007

14:16:00

C

M

Y

CM

MY

CY

K

www.optilens.be

CMY

Easy-Switch-Pack U bent een actief persoon die wil genieten van elk moment zonder zorgen om uw lenzen? Met ons Easy-Switch-Pack kan dit! Alles wat u nodig hebt binnen handbereik ĂŠn in handige afmetingen. Ontdek het op www.optilens.be/easyswitch

Concept Schoolopdracht, design op basis van een uitgebreide briefing die u vindt op www.stereographic.be ! Drukklare Certified PDF (profiel: MagazineAds_1v2) eveneens te bekijken op de website.

21

2.6 Huisstijl 2.6.1 Praktijkvoorbeeld: Coworks huisstijl Deze huisstijl omvat de volgende zaken: • logo • naamkaartjes • uithangbord bureau Gent • website

2.6.1.1 Communicatievormen: hoe kies je de juiste naam en het sterkste logo? 3 Sollicitanten met een klassieke voornaam, zoals Thomas of Peter, zul je zelfs voor je ze hebt gezien hoger inschatten dan mensen met een naam uit de familie Flodder. Namen en begrippen roepen onmiddellijk gevoelens op. Ook bij bedrijven gaan achter enkele letters talloze feiten, associaties, waarden en verhalen schuil. Je kan er dus beter voor zorgen dat die associaties gewenst zijn. Zou u een Fiat Sukkel kopen?

Een naam moet communiceren wat je wilt zijn en de doelgroep moet hem kunnen decoderen. Zelfs een fonkelnieuwe naam heeft eeuwenoude roots. Als je een ronde en een grillig gepunte vorm aan woorden als Moolomo en Kratarakt moet verbinden, zal je de ronde vorm Moolomo en de grillige Kratarakt noemen. Geen van beide woorden bestaat, maar toch associeer je ze met bepaalde vormen. Een naam of merk is een verzameling feiten, associaties, waarden en verhalen, zelfs als die naam of dat merk totaal nieuw is.

Klanken, beelden en schrijfwijzen communiceren op zichzelf. Wil je exclusief overkomen, dan is in het Nederlands een naam die eindigt op ‘que’ bijvoorbeeld sterker dan een naam die op ‘k’ eindigt. De spontane associaties die klanken oproepen kun je niet zomaar veranderen.

• Welke klank communiceert wat?

Sommige associaties die klanken en woorden oproepen zijn cultuurgebonden, andere haast universeel. De merknamen Apple en Microsoft voldoen perfect aan de klankpsychologie. Rationeel zou je echter kunnen stellen dat Microsoft een zeer slecht gekozen naam is. Want ‘micro’ betekent klein en ‘soft’ straalt niet onmiddellijk kracht en degelijkheid uit. De lange en lage o in het midden geeft de naam echter omvang, net zoals de cr-combinatie de merknaam van een scherp kantje voorziet. Apple, met de korte e-klank bij het begin roept iets klein en lichts op en de pl-combinatie geeft de naam iets ronds en aangenaams. Het meest bepalende onderscheid in een naam zit in lage of hoge klinkers. Korte klinkers staan voor klein. De korte e (van mes en hek) en de i of ie (van hiel en hik) roepen dadelijk de associaties klein, fijn of licht op. Een lage a en vooral de o 3

uit het boek: Modellen van C door Noel Slangen; ISBN: 90 5261 530 6

22

maken iets groter. Vervang de klinkers maar eens in mes, hek of hiel door oo of een aa.

Zorg als je grootte wil suggereren dat er minstens één o of een lage a in je naam zit.

Hoe lager de klank, hoe machtiger de uitstraling. Hoe hoger de klank, hoe zwakker. De medeklinkers spelen een eigen rol. Scherpere medeklinkers zoals een k of een r maken een begrip assertiever en agressiever, waar ondersteunende klanken zoals b, d, p of l een naam ronder en minder bedreigend maken.

• Een klassieke uitgang of een provocerende x?

Kenmerkend voor veel nieuwe namen is dat ze Latijnse of Griekse uitgangen gebruiken.

Een uitgang is of us is klassiek, iedereen herkent ze en ze zijn makkelijk leesbaar.

Bovendien worden deze klanken geassocieerd met een groots verleden en een rijke traditie. Ze wekken vertrouwen. Zo bedachten wij een energiemaatschappij met de naam ‘Luminus’, waarbij waarden als ‘licht’ en ‘ideeën’ werden gekoppeld aan de klassieke uitstraling van de Latijnse uitgang.

De letter x symboliseert het onbekende, het mystieke, de verboden vrucht en staat voor avontuur. Aan de klank te horen, zitten er ook duidelijk scherpe kantjes aan. Denk maar aan termen als x-factor of Generatie x. Daarom past x perfect bij een bedrijf of product dat mikt op jongeren of een gespecialiseerde markt.

Bekendheid kan ervoor zorgen dat een woord of merknaam een associatie meekrijgt die tegen de klankpsychologie ingaat. In een ridderfilm zullen wij er automatisch van uitgaan dat de zwarte ridder de slechterik is en de witte ridder de held, maar scenario of acteur kunnen die perceptie vrij snel bijsturen. In communicatie krijgt men echter doorgaans niet de kans of de aandacht om dit te doen.

• Zou jij de Fiat Sukkel kopen?

Natuurlijk zijn er nog heel wat andere zaken waarmee je rekening moet houden, zoals de betekenis van een naam in verschillende talen en culturen. Hoewel het aantal talen daalt, zijn het er vandaag toch nog altijd meer dan zesduizend. Met duizenden verschillende talen is de kans groot dat één en dezelfde naam verschillende betekenissen of associaties heeft. Dat kan tot komische situaties leiden, al zullen de aandeelhouders niet om zo’n interculturele blunder kunnen lachen. Een bekend voorbeeld is de Fiat Uno. Uno is Italiaans voor één en heeft ook in talloze andere talen een positieve connotatie (numero uno). Behalve dan in Finland, waar Uno ‘sukkel’ betekent. Of neem de Chevrolet Nova, wat in het Spaans zoveel betekent als een Chevrolet die niet rijdt. Je zou voor minder een andere wagen kiezen.

• Liever tijdloos dan trendy Een trendy naam klinkt hip en sexy, maar trends zijn uiteraard van korte duur. Wat vandaag hipper dan hip is, is morgen oubollig en gedateerd. Bij de keuze van een naam laat je je dus beter niet leiden door heersende trends. De uitzondering die de regel bevestigt, zijn namen voor fast moving consumer goods die hooguit enkele jaren op de markt zijn.

23

Een naam van een organisatie of product moet een hele tijd meegaan. Vergelijk het met de naam van een kind. Britney was een erg populaire meisjesnaam en uiteraard zit popicoon Britney Spears daarachter. Maar wanneer de populariteit over is, zit dochterlief nog steeds met die naam opgescheept. Met merknamen is dat niet anders.

Als het de bedoeling is dat een naam 10 jaar meegaat, vraag je je af of hij 10 jaar geleden ook al had gekund. Dan is hij tegen de tand des tijds bestand en zal hij ook in het volgende decennium elke modegolf doorstaan. Moet het nog tijdlozer, ga dan uit van 30 jaar.

• Methode van associatieve evaluatie Om de juiste keuze voor een nieuwe naam of logo te maken, gebruik je een associatieve methode. Eerst breng je de feiten, waarden, associaties en verhalen in kaart die je voor een organisatie of product nastreeft. Vervolgens doe je hetzelfde met de namen die op je shortlist staan. Je vraagt testgroepen uit de doelgroep (eventueel zelfs interne mensen) om op dezelfde manier associaties en waarden aan de namen te koppelen. Gebruik hiervoor dilemmalijstjes, lijstjes waarop men moet kiezen tussen tegenstellingen als jong/oud of degelijk/vernieuwend. Natuurlijk wil je vaak beide zijn, maar omdat het dilemma’s zijn kan er maar één het overwicht hebben. Op die associatieve lijstjes kunnen ook producten staan. Wil je worden vergeleken met de populaire commerciële zender of met de degelijke maar weinig populaire kwaliteitskrant? Vindt men je product een Opel of een BMW? Het resultaat is een associatieve beschrijving per mogelijke naam. Nu komt het er gewoon op aan om die te vergelijken met de eigen associatieve beschrijving van het product of de organisatie. Zo krijg je een rangschikking die is gebaseerd op associaties en niet op smaak. Identiek dezelfde techniek gebruik je voor letterbeelden en logo’s.

• Een logo is geen kwestie van smaak Ook een logo of letterbeeld is geen kwestie van smaak maar van strategisch communiceren. Vormen, letters en kleuren communiceren afzonderlijk én als combinatie.

Vertellen ze wel wat je wil zeggen? Als we 30 willekeurige logo’s van onbekende merken verzamelen en voorleggen aan een testgroep met de vraag welke men de mooiste en de lelijkste vindt, zullen de antwoorden erg uiteenlopend zijn. Maar zodra we het aspect smaak uitschakelen, zien we iets heel anders. We vertellen dezelfde testgroep dat dit allemaal logo’s van verkopers van tweedehands auto’s zijn. Als we nu vragen welke firma de beste auto’s verkoopt, reageert de groep plotseling heel wat eensgezinder. Of we vragen bij welke firma men het meest kans heeft om te worden opgelicht, welk bedrijf het langst bestaat, wie het meest sportauto’s verkoopt, wie vooral jonge klanten heeft, enzovoort. Er zit een lijn in wat de groep denkt. Dat heeft alles te maken met het feit dat we de smaak hebben uitgeschakeld en ons concentreren op het verhaal dat het logo of de naam vertelt.

Fout: Alleen kleine bedrijven kiezen voor overdadige logo’s met veel tierlantijntjes. Kies voor soberheid. Sommige belangrijke bedrijven, zoals Microsoft of Virgin, beperken zich zelfs puur tot een letterbeeld.

24

• Kleuren, vormen en lettertypen Ook zonder proeven weet een ervaren kok welke smaakcombinaties al dan niet kunnen.

Bij het ontwerpen van een logo werkt een actief gebruik van kleuren- en vormpsychologie op dezelfde manier. Blauw straalt vertrouwen uit, rood assertiviteit en geel roept, afhankelijk van de tint, optimisme of twijfel op. Scherpe hoeken zijn assertief, ronde vormen geven rust. Rechthoeken zijn ouder, vierkanten zijn jonger. Sterk bepalend is het lettertype. Een andere letter kan de perceptie helemaal omgooien. Als het de bedoeling is dat het letterbeeld langer dan twee jaar meegaat, moet je je beperken tot lettertypen die al enkele tientallen jaar oud zijn of zouden kunnen zijn. Maar natuurlijk geen die zo verouderd zijn dat ze lijken op reclame voor een oude western of een antiekzaak.

Met de opkomst van de computer denken we al te snel dat er een ontwerper in ons schuilt.

Een geoefend oog haalt een ontwerp van een niet-professional er echter zo uit. Je zal het misschien oneens zijn met de communicatieprofessional die het als ‘amateuristisch’ afdoet, maar als je het aan een testgroep voorlegt, blijkt toch dat het sneller wordt geassocieerd met begrippen als ‘onbetrouwbaar’ of ‘onervaren’.

• Wees duidelijk Zorg ervoor dat de naam van je bedrijf in het logo zit. Niemand zal achter een kunstig symbool een naam als Farmafix zoeken. Als je naam niet onmiddellijk duidelijk maakt wat je doet, kun je het best ook je activiteit vermelden. Alleen grote bedrijven als Mercedes, Nike, Apple of de Nederlandse Spoorwegen beschikken over voldoende middelen om een symbool zo bekend te maken dat de naam overbodig wordt. En dan nog! Denk even terug aan die scène uit Forrest Gump waarin Tom Hanks een brief met het logo van Apple uit de bus haalt en vertelt dat hij wat geld heeft geïnvesteerd in een nieuw fruitbedrijfje.

2.6.1.2 Coworks logo

Concept De blokjes stellen informatieobjecten voor die ‘geïntregreerd’ (information integrators) worden rond het centrale blokje. Dit centraal blokje staat voor de ‘look and feel’ of ervaring die men heeft bij het bezoeken van een site. Rond dit centraal aantrekpunt verzamelen zich de aanvliegende blokjes. Bekijk dit logo via www.stereographic.be !

25

Kleurenpsychologie 4 • Associaties blauw Blauw is een koele, rustige en neutrale kleur. Deze kleur geniet de nodige autoriteit, voornamelijk in de donkere tinten. Helder blauw is de meest analytische kleur, die verwijst naar trouw, verantwoordelijkheid en veiligheid. Het blauw van de zee en de lucht opent onze kijk met een zeer breed vizier op alle mogelijkheden en staat om die reden voor een universele vrijheid en openheid.

De afstand die deze kleur symboliseert, is wel het meest opvallend weergegeven door de adel, die verheven is boven het gewone volk, want zij hebben blauw bloed. Associaties met koud, afstandelijk, ijzigheid, eenzaamheid zijn dan ook nooit veraf, maar ze wijzen op plichtsbewustzijn, wijsheid, waarheid en schoonheid.

• Toepassingen blauw Blauw is intelligent, analytisch, wekt vertrouwen en behoudt rust. Kortom, de kleur is toepasbaar in een brede waaier van sectoren. De meest duidelijke vind je wel in de financiële en dienstverlenende sector. De B-to-B wereld heeft immers een grote nood aan bekwaamheid en betrouwbaarheid.Ook de wereld van technologie, informatica en communicatie kiest vaak voor deze kleur. De kleur is door de populariteit dan wel geen uitschieter, maar zorgt wel voor het nodige vertrouwen. De donkere tinten, ideaal voor uniformen voor gezagsdragers, stralen een zekere autoriteit en kennis uit, maar behouden een zekere afstand. De lichtere kleuren die naar het water en de zee verwijzen, hebben dan weer meer connectie met rust, eerlijkheid en hoop.

• Associaties grijs Als het wit noch zwart is, is het grijs. Een uitdrukking van neutraliteit die sterker is dan grijs is moeilijk vindbaar. Het mag dan een sombere kleur zijn, ze heeft een hoge bruikbaarheid door de autoriteit die ze uitstraalt. Natuurlijk verwijst grijs ook naar een gebrek aan zelfvertrouwen en zorgt ze voor kleurloosheid en saai overkomen. Het kan wijzen op een regenachtige dag met grijze lucht, toch zorgt een grijs pak voor een gedistingeerd overkomen. De uitstraling van wijsheid, betrouwbaarheid, luxe en gedegenheid dankt ze aan de grijze ouderdomsharen.

• Toepassingen grijs Grijs is een leuke kleur om te combineren. Ze laat zich eenvoudig combineren en kan de nodige ernst toevoegen aan meer frivole kleuren. Daarnaast zorgt grijs voor een formele uitstraling bij uitstek en is ze naast blauw uiterst geschikt voor sectoren waarvan men een conservatieve aanpak verwacht. Denken we maar aan de economie, technologie en informatica, waar degelijkheid primeert boven wispelturigheid. Gebruik wat meer grijs in je documenten i.p.v. enkel zwart en het zal een meer evenwichtige uitdrukking krijgen met meer degelijkheid, zonder in te boeten qua waardig karakter.

4

url website: www.kleurenpsychologie.be

26

2.6.1.3 Praktijkvoorbeeld: Bits@Bytes logo

Concept Een logo voor een computerwinkel (www.biby.be). Het blokje in de eerste b stelt een bit voor, de grote B van bytes neigt naar een 8 aangezien 8 bits een byte vormen. Er is ook met opzet gekozen voor ‘at’ i.p.v. ‘@’ aangezien dat meer aantrekkingskracht uitoefent (at-traction). Bekijk dit logo via www.stereographic.be !

Klankpsychologie We vergelijken dit logo even met het Coworks logo. We kunnen stellen dat ze in dezelfde branche zitten waardoor het logo min of meer gelijkaardig is qua kleurenpsychologie. Ook conceptueel zijn de gelijkenissen groot.

Het verschil zit echter in de klankpsychologie. De naam ‘Coworks’ doet groot aan, vandaar dat er gekozen is voor een vetter lettertype. De naam ‘Bits@Bytes’ doet kleiner aan, wat resulteert in het gebruik van een fijner lettertype.

27

2.6.1.4 Naamkaartjes

Concept Integratie logo en huisstijlkleuren, daarbuiten werd het strimpel gehouden. Strimpel staat voor strak & simpel. Bekijk deze naamkaartjes via www.stereographic.be !

2.6.1.5 Uithangbord bureau Gent

Concept Idem naamkaartjes. Dit bord hangt boven het bureau, te Casinoplein 12, 9000 Gent. Ook te bekijken op www.stereographic.be !

28

2.6.1.6 Website

Concept Integratie logo & huisstijlkleuren, passende headerfoto’s per hoofdonderdeel met ruimte voor een slagzin. Een cross-browser javascript effect brengt de focus naar de header bij het laden van de pagina.

Geoptimaliseerd voor Inerntet Explorer 6 & 7, Firefox, Opera en Apple Safari. Bekijk deze website via www.stereographic.be !

29

Hoofdstuk 3: Management van een ontwerpbureau 3.1 Coworks Gent Coworks opende nog voor de stage een 2de kantoor op het Casinoplein in Gent. Dit kantoor fungeert - naast het kantoor in De Panne - als meer centraal punt voor het geografisch verspreid cliënteel. Er worden projecten besproken met klanten, alsook gebeurt daar het grafisch werk. Het gros van de ontwikkeling gebeurt in De Panne.

Een nieuw bureau, een nieuw interieur, nieuwe software, ... maar vooral een nieuw individu in de vorm van een stagair. Maar wat zou nu de loonkost zijn van een grafisch ontwerper in vaste loondienst? In bijlage 2 vindt u een prognose.

Er werd vaak gewerkt op twee locaties en hierbij is communcatie een belangrijk aspect, maar buiten communiceren alleen moet er ook nog gewerkt worden. Om dit gedeeltelijk op te vangen werd het begrip ‘self-management’ geïntroduceerd, wat wil zeggen dat er een aantal taken op zelfstandige basis uitgevoerd mochten worden. Zo kwam er regelmatig “volk over de vloer” en werden er offertes opgesteld en verstuurd. Daarnaast werd er ook een marketingcampagne op poten gezet (punt 3.3 blz. 32).

3.2 Het maken van offertes Voor elk eindproduct werd ingeschat hoeveel tijd er minimum aan gespendeerd zou worden om zo een houvast te hebben bij het maken van offertes, enerzijds bij het inplannen van de opdracht, anderzijds om de kostprijs te bepalen. Minimum staat hier synoniem voor ‘ideale omstandigheden’. Een eenduidige maximum tijdsduur bepalen zou ons te ver leiden daar dit voor elke opdracht anders is, afhankelijk van klantspecifieke wensen en (bijgevolg) benodigdheden. Ook kan men in bepaalde gevallen onder de minimum-uren terechtkomen, bijvoorbeeld bij een redesign van een bestaand logo, website, etc.

De minimumkostprijzen (excl. BTW) zijn gebaseerd op een uurkostprijs van 40 euro per uur.

“It’s unwise to pay too much, but is worse to pay too little. When you pay too much, you lose a little - that is all. When you pay too little, you sometimes lose everything, because the thing you bought was incapable of doing the thing it was bought to do. The common law of business balance prohibits paying a little and getting a lot - it can’t be done! If you

30

deal with the lowest bidder, it is well to add something for the risk you run. And if you do that, you will have enough to pay for something better.”

(John Ruskin /1819-1900) Een voorbeeld van een offerte vindt u in bijlage 3. A.d.h.v. de mondelinge briefing met de ‘klant’ zou het resultaat gelijkaardig geweest zijn met de website van Communicart (praktijkvoorbeeld 2.2.3 blz. 14).

3.2.1 Logo Het maken van een logo neemt al gauw 10 uren in beslag. Zo komen we tot een minimumkostprijs van 400 euro. Dit omvat een studie van de zaak, tot maximum 3 voorstellen in demo, uitwerking van 1 voorstel, aflevering in een 5-tal JPEG-formaten van verschillende grootte en een vectoriële EPS.

3.2.2 Website Het maken van een website neemt minimum 16 uren in beslag, wat neerkomt op 640 euro. De website wordt opgebouwd volgens de regels van de kunst op basis van een correct afgeleverd logo, voorgestelde kleuren en afgeleverde foto’s. Enkel basic content pagina’s ingevuld in XHTML/CSS.

3.2.3 Eenvoudig drukwerk Onder eenvoudig drukwerk verstaan we flyers, affiches, folders, ... die ontworpen worden op basis van een correct afgeleverd logo, voorgestelde kleuren en correct afgeleverde foto’s, volledige teksten in bezit bij aanvang. Het drukwerk wordt aangeleverd als (Certified) PDF, inclusief drukwerkbegeleiding en kwaliteitscontrole. Hier werden 6 minimum-uren gehanteerd wat neerkomt op 240 euro.

3.2.4 Advertentie Dit is een vrij variabel gegeven, twee extremen: kleine advertentie van Immo Acou (praktijkvoorbeeld 2.5.1 op blz. 20) in vergelijking met advertentie van Optilens op basis van een uitgebreide briefing (praktijkvoorbeeld 2.5.2 op blz. 21). Een advertentie wordt aangeleverd als (Certified) PDF. Ondanks deze grote variabiliteit werden hier 3 minimumuren vooropgesteld wat neerkomt op 120 euro.

3.2.5 Huisstijl Dit omvat het maken van een logo, naamkaartjes, daarbijhorende klant-specifieke documenten (briefpapier, enveloppen, bestelbonnen, facturen, …) en een basis website.

Geschat op 40 minimum-uren komt dit op 1600 euro.

31

3.3 Direct marketing via direct mail 5 “In marketing you must choose between boredom, shouting and seduction. Which do you want?”

(Roy H. Williams) Direct marketing bestaat uit rechtstreekse communicatie met een zorgvuldig uitgekozen doelgroep van individuele klanten en dient om een directe respons te krijgen en een blijvende relatie met de klant op te bouwen. Met behulp van uitvoerige databases snijden de bedrijven de marketing en communicatie toe op de behoeften van smal afgebakende segmenten of zelfs individuele kopers. De bedrijven proberen niet alleen een merk en een imago op te bouwen, maar streven meestal naar een onmiddellijke, directe, meetbare reactie van de klant Direct mail is geschikt voor een directe één-op-ééncommunicatie. De selectiviteit in de deelmarkt is groot, het kan persoonlijk gericht worden, is flexibel en de resultaten kunnen makkelijk gemeten worden. De kosten per duizend bereikte mensen liggen hoger dan bij de massamedia zoals televisie of tijdschriften. De mensen die men bereikt zijn echter veel betere potentiële klanten.

3.3.1 Prospectie A.d.h.v. de Gouden Gids werd een prospectie uitgevoerd die zich richt(te) op de vastgoedsector, zo wil Coworks de band met dit marktsegment versterken. De website is het enige wat je van dergelijke bedrijven op een gemakkelijke manier kan bekijken. Er werd geselecteerd zowel op het ontwerp alsook op de functionalitieten. Webdesign vormt hier de middenweg tussen grafisch ontwerp en ontwikkeling.

Doelgroep voor deze campagne: immo-kantoren met een website, in de provincie Oost - en West-Vlaanderen, bij voorkeur 3 tot 10 werknemers.

Uiteindelijk werden 83 immo-kantoren geselecteerd en ontvingen deze een 3-luiksfolder, de prospectielijst kan u raadplegen via www.stereographic.be !

Bij aanvang werd een prognose van 50/2 vooropgesteld, per 50 verstuurde folders zou Coworks 2 klanten winnen. In de praktijk echter haalde Coworks 1 nieuwe klant binnen met deze campagne.

5

uit het boek: Marketing De Essentie; ISBN-13: 978-90-430-1058-0

32

Concept:

Inhoud: Heeft uw website een nieuw likje verf nodig of zelfs volledig nieuwe fundamenten? Dankzij een flexibele samenwerking tussen grafisch ontwerpers en ontwikkelaars kan Coworks u in elke situatie bijstaan.

Wij werken reeds voor tal van klanten uit de vastgoedsector, zowel voor promotors, immobiliĂŤn als aannemers.

Wil u weten waarom wij net u deze folder toesturen? Surf naar www.coworks.be, vul uw unieke code in, en ontvang een gratis analyse van uw site. Uw code xxxxx Onze ontwerpers grafische en digitale media zorgen voor uw uitstraling op het scherm of in gedrukte media. Wij kunnen ons ontfermen over uw logo, huisstijl, drukwerk en advertenties.

Dankzij samenwerking met webhosts, drukkerijen en mediagroupen naar uw of onze keuze, kan Coworks een one-stop point worden voor uw publicaties.

Webdesign kan gaan van een opfrissing van uw huidige site tot een volledige herwerking. Coworks informeert, adviseert en denkt met u mee. Zo zoeken we samen met u wat uw site nodig heeft om succesvol(ler) te worden. U kent immers uw zaak, wij kennen de mogelijkheden.

De ontwikkelaars van Coworks zorgen niet alleen voor een stevige onderbouw van uw site, maar realiseren volledige online/intranet applicaties. Hebt u een bepaalde softwarebehoefte die u momenteel niet ingevuld krijgt? Wij kunnen u assisteren bij de keuze voor een bepaalde oplossing of bieden een pakket op maat.

33

Conclusies 1 Projectconclusie Ondanks de inspanningen van beide partijen kan er geen eenduidig antwoord gegeven worden of Coworks verder kan evolueren in grafisch ontwerp. De tijdsperiode om dit uit te maken was te kort.

2 Creatief: grafisch ontwerp vs webdesign Om op de hoogte te blijven van de jobaanbiedingen lees ik dagelijks de nieuwe vacatures.

Wat er opvalt is dat veel bedrijven een grafisch ontwerper / webdesigner zoeken. In feite is dat zo’n beetje hetzelfde als een industrieel ingenieur / boekhouder.

Het gaat hier toch om twee duidelijk verschillende profielen, elk met hun eigen vaardigheden. Nochtans denken veel bedrijven dat het ontwerpen van een brochure en het ontwerpen van een webpagina “wel ongeveer hetzelfde zal zijn”. Een grafisch vormgever is geen webdesigner. Een webdesigner is geen grafisch vormgever. Een poster is geen webpagina. Een brochure is geen homepage.

Elk medium heeft zijn eigen regels en beperkingen. Een grafisch vormgever geeft grafisch vorm. Een webdesigner structureert informatie. Te veel mensen denken nog dat een website louter visueel voor te stellen is. Maar daar zitten ze fout. Een website is in de eerste plaats een verzameling van informatie. Die informatie dient gestructureerd te worden en onderling verbonden door links. Pas als de structuur duidelijk is, kan er begonnen worden met een gebruikersinterface. Een webdesigner moet dus meedenken met het structureren van informatie, het linken van verschillende onderdelen, het navigeren van een site, gebruiksvriendelijkheid en zo veel meer.

Deze misvatting volgt uit een verkeerde perceptie en een verlangen de kosten om een website te produceren te drukken.

34

3 Technisch: Browsers en Certified PDF Browsers Een klant wees er op dat zijn website niet correct werd weergegeven op een Mac. We hebben dit onderzocht en sindsdien werd elk webdesign ook geoptimaliseerd voor Apple Safari.

Als we de browserstatistieken van het jaar 2006 bekijken op www.katinkahesselink.net/webvisie/browsers-o6.html blijkt dat 2,5% van de bezoekers surft via Safari. Wetende dat een goed bezochte KMO-site gemiddeld 200 bezoekers per dag heeft kunnen we constateren dat 5 bezoekers een slechte - vaak onbruikbare - versie van de website te zien krijgen. Er is wel een Internet Explorer versie voor de Mac, maar deze komt in de statistieken niet voor en Microsoft raadt tegenwoordig Safari aan omdat ze de IE versie voor Mac niet verder ontwikkelen. Hierdoor zal het belang van Safari in de toekomst nog toenemen.

Certified PDF ontwerper: Dag meneer, ik wil een folder laten drukken en zou hem willen aanleveren als Certified PDF ... drukker: Geen probleem meneer, PDF is ok. ontwerper: Met welk profiel moet ik de PDF preflighten? drukker: Euhm, geen profiel, wij werken daar niet mee ... ontwerper: ?

Laat ons er geen twijfel over bestaan dat Certified PDF de dag van vandaag de beste manier is om drukwerk aan te leveren. Maar: de maker moet leren hoe hij een goed PDF-bestand maakt (en hoe dit moet worden gepreflight). Daartegenover staat dat de ontvanger moet leren zijn ‘wensen’ aan de maker te communiceren.

4 Commercieel Het maken van een offerte is een aangenaam iets want je beschouwt dat als een goed teken. Op het eerste gezicht is het antwoord van de klant “ja”. Als je dan de offertes telefonisch gaat opvolgen om te peilen naar de beslissing voelt het aan alsof je ongelegen belt en de verkoop wil forceren. Persoonlijke mening: indien de klant een beslissing neemt en kiest om met jou in zee te gaan, zal hij zelf wel terugbellen. Eens de offerte gemaakt is, is het de klant die beslist.

35

Literatuurlijst Websites • www.beyondgraphic.org • www.kleurenpsychologie.be • www.katinkahesselink.net/webvisie/browsers-o6.html

Boeken • Adobe Creative Suite All in One by Mordy Golding; ISBN-13: 978-0-672-32591-5 • Modellen van C door Noel Slangen; ISBN: 90 5261 530 6 • Marketing De Essentie; ISBN-13: 978-90-430-1058-0 • Bronnenboek voor grafisch ontwerp; ISBN: 90 395 2114 X • Colour by Edith Anderson Feisner; ISBN: 1 85669 300 7

36