SlideShare a Scribd company logo
1 of 42
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

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

31

Direct marketing via direct mail
3.3.1 Prospectie

Conclusies

32

4

Literatuurlijst

32

30

36

1
2
3
4

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

More Related Content

What's hot (9)

Girias portugues
Girias portuguesGirias portugues
Girias portugues
 
Sequencia didactica o segredo do rio
Sequencia didactica   o segredo do rioSequencia didactica   o segredo do rio
Sequencia didactica o segredo do rio
 
Les opérations bancaires
Les opérations bancairesLes opérations bancaires
Les opérations bancaires
 
Club fiscal holding v10 dom
Club fiscal holding v10 domClub fiscal holding v10 dom
Club fiscal holding v10 dom
 
Ficha de exploração de um livro de banda desenhada
Ficha de exploração de um livro de banda desenhadaFicha de exploração de um livro de banda desenhada
Ficha de exploração de um livro de banda desenhada
 
Relatorio add 2010-2011_hs
Relatorio add 2010-2011_hsRelatorio add 2010-2011_hs
Relatorio add 2010-2011_hs
 
Relatorio 1periodo sala-amarela-2010-2011
Relatorio 1periodo sala-amarela-2010-2011Relatorio 1periodo sala-amarela-2010-2011
Relatorio 1periodo sala-amarela-2010-2011
 
Marchés des changes
Marchés des changesMarchés des changes
Marchés des changes
 
Code du commerce Algérien SAARL
Code du commerce Algérien SAARLCode du commerce Algérien SAARL
Code du commerce Algérien SAARL
 

Viewers also liked

Handen en voeten geven aan duurzaam organiseren Tonnie van der Zouwen 2015
Handen en voeten geven aan duurzaam organiseren Tonnie van der Zouwen 2015Handen en voeten geven aan duurzaam organiseren Tonnie van der Zouwen 2015
Handen en voeten geven aan duurzaam organiseren Tonnie van der Zouwen 2015
Tonnie Van Der Zouwen
 
VECHTERSBAZEN v7 +cover
VECHTERSBAZEN v7 +coverVECHTERSBAZEN v7 +cover
VECHTERSBAZEN v7 +cover
Guido Asscher
 
Ashish Garg Final
Ashish Garg FinalAshish Garg Final
Ashish Garg Final
Ashish Garg
 
Isabella paz restrepo 10 1
Isabella paz restrepo 10 1Isabella paz restrepo 10 1
Isabella paz restrepo 10 1
EMPERATRIZ1460
 

Viewers also liked (20)

Gip: Re-lamping, hou de watts in toom
Gip: Re-lamping, hou de watts in toomGip: Re-lamping, hou de watts in toom
Gip: Re-lamping, hou de watts in toom
 
Design and validation of piezoelectric energy harvesting systems
Design and validation of piezoelectric energy harvesting systemsDesign and validation of piezoelectric energy harvesting systems
Design and validation of piezoelectric energy harvesting systems
 
Het meten van klantervaringen.
Het meten van klantervaringen. Het meten van klantervaringen.
Het meten van klantervaringen.
 
Handen en voeten geven aan duurzaam organiseren Tonnie van der Zouwen 2015
Handen en voeten geven aan duurzaam organiseren Tonnie van der Zouwen 2015Handen en voeten geven aan duurzaam organiseren Tonnie van der Zouwen 2015
Handen en voeten geven aan duurzaam organiseren Tonnie van der Zouwen 2015
 
Moederschapsbescherming
MoederschapsbeschermingMoederschapsbescherming
Moederschapsbescherming
 
Efficiënt eindwerken[update]
Efficiënt eindwerken[update]Efficiënt eindwerken[update]
Efficiënt eindwerken[update]
 
Bachelorproef Maatschappelijk Werk & Dienstverlening Nathanya Wouden
Bachelorproef Maatschappelijk Werk & Dienstverlening Nathanya Wouden Bachelorproef Maatschappelijk Werk & Dienstverlening Nathanya Wouden
Bachelorproef Maatschappelijk Werk & Dienstverlening Nathanya Wouden
 
Bachelor paper: how to get free publicity for your advertising campaign
Bachelor paper: how to get free publicity for your advertising campaignBachelor paper: how to get free publicity for your advertising campaign
Bachelor paper: how to get free publicity for your advertising campaign
 
Mechatronic System Design
Mechatronic System DesignMechatronic System Design
Mechatronic System Design
 
Graphic Thesis Presentation
Graphic Thesis PresentationGraphic Thesis Presentation
Graphic Thesis Presentation
 
vanschoonhoven_marieke
vanschoonhoven_mariekevanschoonhoven_marieke
vanschoonhoven_marieke
 
Partitioneren
PartitionerenPartitioneren
Partitioneren
 
Master culturelestudies
Master culturelestudiesMaster culturelestudies
Master culturelestudies
 
Drukwerkbegeleiding voor de grafische vormgever
Drukwerkbegeleiding voor de grafische vormgeverDrukwerkbegeleiding voor de grafische vormgever
Drukwerkbegeleiding voor de grafische vormgever
 
Hoofddocument
HoofddocumentHoofddocument
Hoofddocument
 
VECHTERSBAZEN v7 +cover
VECHTERSBAZEN v7 +coverVECHTERSBAZEN v7 +cover
VECHTERSBAZEN v7 +cover
 
Muscular y nervioso
Muscular y nerviosoMuscular y nervioso
Muscular y nervioso
 
BCM Nw Issue 436
BCM Nw Issue 436BCM Nw Issue 436
BCM Nw Issue 436
 
Ashish Garg Final
Ashish Garg FinalAshish Garg Final
Ashish Garg Final
 
Isabella paz restrepo 10 1
Isabella paz restrepo 10 1Isabella paz restrepo 10 1
Isabella paz restrepo 10 1
 

Similar to Thesis graphic design

Blok 1 - Presentatie HCD
Blok 1 - Presentatie HCDBlok 1 - Presentatie HCD
Blok 1 - Presentatie HCD
DaveWeijgertse
 
Presentatie Opendag 26jan2008
Presentatie Opendag 26jan2008Presentatie Opendag 26jan2008
Presentatie Opendag 26jan2008
t.klinker
 
Bedrijfspresentatie nov2011
Bedrijfspresentatie nov2011Bedrijfspresentatie nov2011
Bedrijfspresentatie nov2011
steindocter
 
CV_Olaf van Halem_vNed
CV_Olaf van Halem_vNedCV_Olaf van Halem_vNed
CV_Olaf van Halem_vNed
Olaf van Halem
 
Linkedin_Jaike Wagemaker-Reus
Linkedin_Jaike Wagemaker-ReusLinkedin_Jaike Wagemaker-Reus
Linkedin_Jaike Wagemaker-Reus
Jaike
 

Similar to Thesis graphic design (20)

Design management, a curse or a blessing for the independent designer?
Design management, a curse or a blessing for the independent designer?Design management, a curse or a blessing for the independent designer?
Design management, a curse or a blessing for the independent designer?
 
50 Praktijkervaringen die Kadenza verzamelde om Business Intelligence succesv...
50 Praktijkervaringen die Kadenza verzamelde om Business Intelligence succesv...50 Praktijkervaringen die Kadenza verzamelde om Business Intelligence succesv...
50 Praktijkervaringen die Kadenza verzamelde om Business Intelligence succesv...
 
Delen Is Vermenigvuldigen 50 Waardevolle Ervaringen
Delen Is Vermenigvuldigen 50 Waardevolle ErvaringenDelen Is Vermenigvuldigen 50 Waardevolle Ervaringen
Delen Is Vermenigvuldigen 50 Waardevolle Ervaringen
 
VIGC @ GN GetSmart
VIGC @ GN GetSmartVIGC @ GN GetSmart
VIGC @ GN GetSmart
 
Blok 1 - Presentatie HCD
Blok 1 - Presentatie HCDBlok 1 - Presentatie HCD
Blok 1 - Presentatie HCD
 
Ppt Reinwardt, Pitchen 26 November 09a
Ppt Reinwardt, Pitchen 26 November 09aPpt Reinwardt, Pitchen 26 November 09a
Ppt Reinwardt, Pitchen 26 November 09a
 
Presentatie Opendag 26jan2008
Presentatie Opendag 26jan2008Presentatie Opendag 26jan2008
Presentatie Opendag 26jan2008
 
Minorwijzer 2014 2015 sem1
Minorwijzer 2014 2015 sem1Minorwijzer 2014 2015 sem1
Minorwijzer 2014 2015 sem1
 
Bedrijfspresentatie nov2011
Bedrijfspresentatie nov2011Bedrijfspresentatie nov2011
Bedrijfspresentatie nov2011
 
Hoe ik 'Mr. Design Thinking' werd - Design by Fire Cafe 078
Hoe ik 'Mr. Design Thinking' werd - Design by Fire Cafe 078Hoe ik 'Mr. Design Thinking' werd - Design by Fire Cafe 078
Hoe ik 'Mr. Design Thinking' werd - Design by Fire Cafe 078
 
Minorvoorlichting Interface & User Experience Design 2016 / 2017
Minorvoorlichting Interface & User Experience Design 2016 / 2017Minorvoorlichting Interface & User Experience Design 2016 / 2017
Minorvoorlichting Interface & User Experience Design 2016 / 2017
 
Informele introductie Zicht
Informele introductie ZichtInformele introductie Zicht
Informele introductie Zicht
 
CV_Olaf van Halem_vNed
CV_Olaf van Halem_vNedCV_Olaf van Halem_vNed
CV_Olaf van Halem_vNed
 
mtenv Academie programma 2016
mtenv Academie programma 2016mtenv Academie programma 2016
mtenv Academie programma 2016
 
Beroepenvoorlichting Preadinius Gymnasium V1.1
Beroepenvoorlichting Preadinius Gymnasium V1.1Beroepenvoorlichting Preadinius Gymnasium V1.1
Beroepenvoorlichting Preadinius Gymnasium V1.1
 
Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)
 
Linkedin_Jaike Wagemaker-Reus
Linkedin_Jaike Wagemaker-ReusLinkedin_Jaike Wagemaker-Reus
Linkedin_Jaike Wagemaker-Reus
 
It Talenten 2013
It Talenten 2013It Talenten 2013
It Talenten 2013
 
Strategievorming met hulp van business model canvas
Strategievorming met hulp van business model canvasStrategievorming met hulp van business model canvas
Strategievorming met hulp van business model canvas
 
Flyer level1 doc_v27_web_f v1-4 02012017
Flyer level1 doc_v27_web_f v1-4 02012017Flyer level1 doc_v27_web_f v1-4 02012017
Flyer level1 doc_v27_web_f v1-4 02012017
 

Thesis graphic design

  • 1. graphic design g in de praktijk Eindwerk tot het behalen van de graad Bachelor in de Grafische & Digitale Media door Stijn Saelen
  • 2. 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!
  • 3. 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
  • 4. Hoofdstuk 3: Management van een ontwerpbureau 1 2 3 Coworks Gent Offerte 30 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 31 Direct marketing via direct mail 3.3.1 Prospectie Conclusies 32 4 Literatuurlijst 32 30 36 1 2 3 4 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
  • 5. 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
  • 6. 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
  • 7. 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.
  • 8. 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.
  • 9. 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)
  • 10. 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
  • 11. 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.
  • 12. 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
  • 13. 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
  • 14. 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
  • 15. 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
  • 16. 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
  • 18. 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
  • 19. 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
  • 20. 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
  • 22. 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
  • 24. 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
  • 26. 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
  • 27. 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
  • 28. 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
  • 29. 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
  • 30. 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
  • 31. • 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
  • 32. 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
  • 33. 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
  • 34. 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
  • 35. 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
  • 36. 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
  • 37. 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
  • 38. 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
  • 39. 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
  • 40. 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
  • 41. 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
  • 42. 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