Tamara Ursem   •   30 maart, 2018

Eerste indruk

Het is ondertussen alweer mijn zevende week bij BLUBmedia. Ik voel mij hier als een vis in het water. Elke dag ben ik druk bezig met allerlei verschillende opdrachten. Meestal maak ik samen met Bas twee websites per week. Daarnaast ben ik vooral bezig met het maken van logo’s, visitekaartjes, flyers en dat soort dingen. Voor de websites zorg ik ook dat alle afbeeldingen zijn gecomprimeerd tot het juiste formaat of een donkere laag krijgen zodat de tekst goed leesbaar is die eroverheen komt.

Briefing

De week is weer begonnen en dat betekend dat we beginnen met een meeting. Hierin bespreken we alle klanten die op de lijst staan. Wat is al af? Wat moet er nog gedaan worden? Wie doet wat? Als alles weer duidelijk is voor iedereen gaan we aan de slag. Voor deze week staan de websites van Praktijk Innerlijke Balans en Kees Timmermans op de planning. Daarnaast heb ik mijn portfolio weer aangevuld met de dingen die ik heb gemaakt.

Praktijk Innerlijke Balans

Oriëntatie

Voor Praktijk Innerlijke Balans heb ik eerst een kijkje genomen op haar huidige website. Daarna heb ik samen met Bas een demo van Avada gekozen die past bij de website die we willen maken. We hebben de demo Avada health gekozen. Bart heeft namelijk contact gehad met deze klant en gaf aan dat zei een website net als www.naaber.nl wilt hebben. Bij Naaber is deze demo ook gebruikt.

Content verzamelen en logo aanpassen

Hierna ben ik alle kleurcodes gaan omzetten in die van de huisstijl van Praktijk Innerlijke Balans. Bas heeft gebeld met Cecile (de klant) om te vragen of ze nog beeldmateriaal heeft die wij kunnen gebruiken. Het bamboe zit in haar logo en wilt ze ook op haar website hebben. Ik heb verschillende stock foto’s gezocht van bamboe en andere afbeeldingen die bij de huisstijl passen. Zodra we de foto’s van Cecile binnen hadden, heb ik het logo ook een beetje aangepast. Ze had namelijk een rondje met bamboe erin gestuurd. Ik heb een combinatie gemaakt van het oude logo en het rondje dat ze stuurde. Links is het oude logo en rechts het vernieuwde logo.

Ontwerpen

Toen kon het ontwerpen van de website beginnen. De homepagina maken we altijd als eerste en daarna komen de andere pagina’s. Zodat de stijl overal hetzelfde is. Als foto om te openen, heb ik een Mock-up gevonden waar het logo in terugkomt, maar ook de sfeer van Innerlijke Balans met bamboe en stenen. De teksten zijn herschreven door Carline en heb ik gebruikt als content. Ook de oude website heb ik erbij gehouden om sommige stukjes tekst vandaan te halen. Zelf gaf ze aan dat ze een quote op haar website wilde:

“Ik ga ervan uit dat je kracht genoeg hebt om veranderingen te realiseren.”

Hier heb ik weer een Mock-up bij gevonden in de juiste sfeer.

Controle

Tussendoor kwam Bas even kijken hoe het ging en gaf tips en ideeën. Zodra alle pagina’s erin stonden met verschillende foto’s voor de headers heb ik de site samen met Bas nog een keer helemaal doorgelopen. Werken alle linkjes wel? Zijn alle wensen van de klant verwerkt? Is de website responsive ook leesbaar en goed te gebruiken? Nadat alle dingetjes zijn aangepast, heeft Bas met Bart gebeld en heeft de site met hem doorgenomen. Bart gaat dan weer met de klant zitten om de website te laten zien en eventuele aanpassingen weer aan ons door te geven. De klant was erg tevreden over het eindresultaat. Micky gaat er uiteindelijk voor zorgen dat de SEO wordt gedaan voor de vindbaarheid in Google, maar de website moet eerst worden overgezet naar de juiste weblink.

Fouten en oplossingen

Het logo was niet overal even leesbaar door de header afbeelding. Ik heb deze een donkere laag gegeven. Toen het logo nog steeds niet overal helemaal goed zichtbaar was, heb ik een tweede versie van het logo gemaakt. Dit keer met de donkergroene letters in het wit. Zodra je gaat scrollen in de website verandert het logo met wit in het groen. Zo is deze op de witte menubalk ook leesbaar.

Sfeerdeuren

Oriëntatie

Voor sfeerdeuren heb ik de website gemaakt volgens dezelfde manier als hierboven. Foto’s waren allemaal al aangeleverd en dat maakt het maken van een website dan ook een stuk makkelijker. De klant had al aangegeven welk template ze wilde, dus kon ik aan de slag gaan. Er was nog geen bestaande website, dus ik moest het doen met alleen foto’s en tekst. Op basis van de website moesten er natuurlijk ook visitekaartjes en flyers gemaakt worden. Alles in dezelfde stijl. Een mooie opdracht voor mij om mee aan de slag te gaan. De website heb ik al gemaakt, dus ik hoef mij niet meer te verdiepen in de klant. www.sfeerdeuren.nl

Content verzamelen

Voor de content kon ik alle gegevens van de website halen en ook de foto’s had ik al aangeleverd gekregen. Nu was het aan mij de taak om te kijken welke foto’s ik het beste kon gebruiken.

Ontwerpen visitekaartje

Ik ben begonnen met het visitekaartje. Het logo in het wit met op de achtergrond een afbeelding leek mij een goed idee. Omdat op de site het logo ook op het hout stond, heb ik dit een beetje nagedaan. Verschillende foto’s heb ik in het kaartje gezet en uiteindelijk de beste gekozen. Het font heb ik hetzelfde gedaan als op de website. Dit scheelde weer uitzoeken welk font ik het beste kon gebruiken. Omdat het nog een beetje leeg aanvoelde met alleen de contactgegevens erop, heb ik de deur uit het logo terug laten komen. Toen was het kaartje helemaal klaar.

Oriëntatie flyer

Voor de flyer kon ik afkijken bij de website en het visitekaartje. Ook zijn er al een aantal flyers voor andere klanten gebruikt. Ik heb deze er ook even bij gepakt om te kijken wat er belangrijk is om op te zetten. De voorkant was meestal met een foto en het logo duidelijk erop. Daaronder een inleidende tekst over wat de klant doet. Onderin de contactgegevens. Op de achterkant stonden vaak een paar van de werkzaamheden nog extra uitgelegd met eventueel een foto erbij en tenslotte weer de contactgegevens.

Ontwerp flyer

Ik heb dezelfde opmaak als de andere flyers een beetje aangehouden, omdat ik het zelf ook erg duidelijk vond. Voor de voorkant heb ik dezelfde foto als op de website gepakt. Dit is voor de mensen weer herkenbaar. Omdat in de website donker en lichte kleuren worden gebruikt heb ik 2 versies gemaakt. Dan kan de klant uiteindelijk beslissen welke hij het beste vindt. Voor de achtergrond heb ik een soort collage gemaakt met verschillende foto’s van alle verschillende deuren. Ik heb ze een beetje speels als een soort mozaïk neergezet, bij de portfolio’s op de website is dit ook gedaan. Ik heb bij elke foto neergezet wat voor deur het is, zo is ook gelijk duidelijk wat ze allemaal kunnen maken. Onderin staan weer de contact gegevens. De achterkant heb ik ook weer in 2 kleuren gemaakt.

Controle

Uiteindelijk moet de klant natuurlijk aangeven of hij de ontwerpen goed vindt en welke er geprint mogen worden. Bas is bij de klant langs geweest voor de website en die was helemaal goedgekeurd. De visitekaartjes en flyers zijn via de mail opgestuurd en daar wachten we nog op goedkeuring.

Fouten en oplossingen

Het logo was officieel in het donkergrijs, maar dat werd op het hout niet heel duidelijk. Op de flyers en visitekaartjes had ik dit eerst wel in het donkergrijs, maar bleek uiteindelijk met wit veel mooier uit te komen. Ook de teksten op de flyer achterkant, waren eerst niet heel leesbaar. Door een schaduw erin te plaatsen, zijn de teksten nu wel duidelijk.

Conclusie

Ik weet steeds beter hoe ik een website het beste kan opdelen. De homepagina is eigenlijk in het kort waar de hele site over gaat. Met linkjes kun je dan navigeren naar extra informatie of uitleg over dat gedeelte. Voor de visitekaartjes en flyers is het erg belangrijk dat alles in dezelfde stijl is als de website. Het moet een geheel vormen. Ik vind het erg leuk dat er zoveel afwisseling zit in de opdrachten, maar ook in de soorten klanten. Zo kan ik mij in allerlei verschillende dingen verdiepen, waardoor mijn kennis nog groter wordt.

Werkprocessen

B1-K1-W1: Bespreekt de opdracht
B1-K1-W3: Oriënteert zich op opdrachtgever/doelgroep/onderwerp
B1-K1-W5: Maakt een ontwerp
B1-K2-W1: Bereidt de realisatie voor
B1-K2-W3: Maakt de media-uiting
B1-K2-W4: Levert de media-uiting op
B1-K2-W5: Houdt het (digitaal) archief bij