stageverslag
Eerste stage zit erop, maar mijn tweede stage is pas net begonnen...
Inhoud Inleiding Het bedrijf Diensten Mijn plaats in het bedrijf Persoonlijk ontwikkelingsplan Mijn opdrachten bij Freshheads Responsive design (Thema) Nawoord
Inleiding Na een half jaar te hebben stage gelopen bij Schepnet in Tilburg is het tijd geworden
geintresseerd en ik mocht langskomen voor een gesprek. Na mijn sollicitatiegesprek ging ik
om nieuwe ervaringen op te doen bij een ander bedrijf. Mijn oog viel al snel op “Freshheads” in tilburg.
met gemengde gevoelens naar huis. Het ging goed maar hoorde dat er al veel sollicitanten waren langs gekomen. Maar in december kreeg ik uiteindelijk goed nieuws! Ik was aangenomen. Nu ik hier een tijdje zit voel ik me helemaal op me plaats. Ik kan het goed vinden met de mensen die hier werken, krijg leuke opdrachten en ik mag natuurlijk het voetballen niet vergeten. Na de middag lunch gaan we namelijk altijd lekker drie kwartier voetballen op het kunstgrasveld achter het pand. Zo leer je de mensen snel maar ook anders kennen. Naast dat mag ik de vrijdagiddagborrel niet vergeten. Dat is natuurlijk heel relaxed. Lekker om 4 uur stoppen met werken en met zijn allen bier drinken. Een keer in de maand gaan we zelfs na de vrijdagmiddagborrel nog de kroeg in dus kortom “ik zit hier op mijn plek!”
Ik ben Jesper een student van het Sintlucas in Boxtel. Ik zit in het derde jaar en volg de richting Mediavormgeving Grafisch. Het 3e jaar is een geheel jaar stage lopen bij twee verschillende bedrijven. Het eerste half jaar was ik actief bij “Schepnet” in Tilburg. Ik heb het daar zeker naar mijn zin gehad. Leuke mensen, gezellige sfeer en lekker tafelvoetballen. Ik heb hierna voor een 2e stage moeten kiezen en dat was voor mij al snel duidelijk. Het werk wat ik van Freshheads had gezien haalde mij definitief over en ik besloot een mail te sturen met daarbij mijn portfolio. Ik kreeg goed nieuws. Ze waren
Het bedrijf Wat doet Freshheads?
Wie zijn ze?
Freshheads bedenkt, ontwerpt en ontwikkelt
Een prettige mix van 35 gretige en fanatieke
toepassingen voor opdrachtgevers gericht op online focus. Zoals de TROS, Werkspot.nl, Thuisbezorgd.nl, de Effenaar, Floris van Bommel en Randstad. Ze werken vanuit een visie waarin de ontsluiting van gegevens centraal staat. Of dat nu via een website, een mobiele telefoon, een app, een tablet of een tv is. Hun toepassingen kunnen vanuit de basis omgaan met logica en gegevens. De slimme interactie en een strak design doet de rest. Het resultaat is uiteindeijk een oplossing waarmee klanten hun online profiel ijzersterk kunnen neerzetten.
Heads. Stuk voor stuk experts die uitblinken in wat ze doen. Mensen met vakkennis die concept, design en technologie effectief en zinvol inzetten. Creatieve geesten die liever zweten van ambitie dan dat ze drijven op routine.
Diensten Concept Freshheads maakt slimme oplossingen.
in zeer strakke en unieke designs en
Qua techniek, functionaliteit, vormgeving en interactie. Ze zijn niet bezig met high level conceptontwikkeling, ze houden meer van bedenken, ontwerpen en uitwerken. Op basis van best practices en bewezen successen creĂŤren ze waardevolle concepten voor opdrachtgevers en hun doelgroep. Ze werken mee aan het idee en benaderen de oorspronkelijke opzet vanuit verschillende invalshoeken. Wie is de doelgroep, hoe gaat het werken, hoe ziet het er uit en wat zijn de technische mogelijkheden?
interactieontwerpen. Niet voor niets hebben ze diverse ontwerpprijzen gewonnen voor huisstijlen, websites, apps en platformen...
Design Van mooie dingen en goed doordachte ontwerpen worden ze blij. Vandaar dat ze hoog inzetten op het (interactie) design van hun oplossingen. De mensen schitteren
Beheer en onderhoud Keer op keer vinden ze het een uitdaging om rijke, gelaagde content via allerlei kanalen te ontsluiten, te delen of te aggregeren. Aan de voorkant zetten de werknemers van Freshheads alles perfect om met HTML, CSS en Javascript. Aan de achterkant timmeren ze alles dicht in MySQL en PHP. Om te achterhalen hoe opdrachtgevers, gebruikers en bezoekers hun oplossingen ervaren, zetten ze uitgebreidde interne en externe testprocedures op.
Ontwikkelen en testen
Mailing
Om websites of apps actueel te houden,
Met Mailing van Freshheads kun je eenvoudig
moeten ze regelmatig langs de online meetlat worden gehouden, een update krijgen of worden uitgebreid met functionaliteiten. Veel klanten leggen daarom het beheer en onderhoud van hun toepassingen bij Freshheads weg.
nieuwsbrieven of e-mails versturen. Met keuze uit verschillende templates, een handige editor, mogelijkheden voor gepersonaliseerde nieuwsbrieven, geavanceerde statistieken voor leesdichtheid & conversie en rapportages met exporteermogelijkheden.
Freshbeheer (CMS)
Hosting
Freshheads heeft een eigen CMS ontwikkeld: Freshbeheer. Een gebruiksvriendelijk content management systeem waarin rollen, autorisaties, templates, containers en alle mogelijke content naar eigen inzicht kunnen worden beheerd en bepaald.
Je kunt je website ook laten hosten via Freshheads. Alle vormen zijn denkbaar. Ze adviseren en bieden je verschillende hostingpakketten aan. We werken voortdurend met 3 testomgevingen en 1 live-omgeving. Dat is wel zo betrouwbaar. Je eigen website hosten kan natuurlijk ook, maar dan vragen ze je wel om aan een aantal voorwaarden te voldoen.
Service Is een online toepassing eenmaal live, dan wil je hem ook live houden. Toch kan er wel eens iets gebeuren waardoor een tool of website even niet meer werkt. Om je dan uit de brand te helpen, heeft Freshheads een calamiteitenservice. Ze werken met heldere SLA’s, snelle responsetijden en verschillende abonnementsvormen...
Mijn plaats in het bedrijf Binnen het bedrijf Freshheads hebben ze natuurlijk meerdere vakgebieden zitten. Zo heb je hier de directeurs, administratie, projectmanagers, interactieontwerpers, developers en designers. Ik als stagair maak deel uit van het design team. Dit doe ik samen met nog twee anderen. Samen met Roel Tuerlings en Violette MĂźller maken we alle designs voor klanten die vanuit Freshheads binnen komen. Met zijn drieĂŤn zijn we de enige designers binnen het bedrijf en hebben onze eigen plek in de studio-ruimte. We zitten naast elkaar en kunnen zo helpen daar waar nodig is. Ook zijn zij mijn stagebegeleiders. Zij kijken regelmatig met mij mee en wijzen mij op kleine fouten. Ook beoordelen zij mijn werk en moet ik als ik voor
klanten werk eerst mijn werk langs hun laten gaan voordat het naar de klant gaat. De eerste 2 maanden was er maar weinig werk waar ik mee verder kon. Het waren vaak maar kleine opdrachten waar ik dan hoogstens een dag mee bezig was. Dat was erg jammer omdat ik graag aan grote projecten wilde mee werken waar ik ook een aantal weken mee aan de slag kon. Later zijn er nog wel leuke projecten gekomen en tussendoor ook kleine opdrachten. Natuurlijk niet te vergeten mijn meesterproef. Jammer dat ik hier pas laat mee kon beginnen. Er was steeds maar geen geschikte opdracht die ik als meesterproef kon gaan doen. Uiteindelijk hebben we gekozen om een schaduw opdracht te kiezen voor mijn meesterproef. Ik vond het een toffe opdracht omdat ik hier helemaal mijn ei in kwijt kon.
Ik was vrij om te maken wat ik wilde en heb zo mijn creativiteit maximaal kunnen benutten. De opdrachten die ik krijg worden meestal door de projectmanagers gegeven. Zij briefen mij dan met wat er moet gebeuren, wanneer het af moet zijn en wat de specificaties zijn. Meestal zijn mijn stagebegeleiders hier ook al van op de hoogte dus als ik ergens niet uitkom heb ik altijd nog iemand waar ik op terug kan vallen. Het komt wel eens voor dat ik kleine opdrachten krijg van developers als er kleine aanpassingen in bepaalde design moeten gedaan worden. Dit directe contact werkt vaak het snelst en zo kan er ook duidelijk afgestemd worden wat er moet gebeuren...
Persoonlijk ontwikkelings plan Mijn eerste dag bij Freshheads. Ik kwam binnen en kon gelijk beginnen met een illustratie voor de nieuwe website. Later die week zijn we gaan zitten om te kijken naar wat ik wilde leren en hoe we dit aan konden pakken. Als eerst heb ik ze gezegd hoe ik het op mijn vorige stage heb aangepakt en ze vonden dit een goed idee. Ik heb namelijk op mijn vorige stage gewerkt met een lijst vol tips, tricks en tutorials die ik de gehele stageperiode heb kunnen doorwerken. Dit zou ik weer op dezelfde manier kunnen aanpakken alleen hebben we dit keer geen lijst samengesteld. Ze hebben me gezegd dat ik beter op de momenten wanneer ik geen concrete
opdrachten heb me kan verdiepen in dat waar op dat moment mijn intresses liggen. Daar kan ik dan informatie van opzoeken en tutorials van maken zodat ik hier beter in word. Naast dat heb ik ook nog opdrachten en projecten van klanten lopen. Ik vind zelf dat je hier toch wel het meest van leert. Je leert onder druk werken en dat je niet al te lang voor alles tijd kunt nemen. Je ziet zo ook eens hoe het er in het echt aan toe gaat. Op school heb je langer de tijd voor je opdrachten en kun je op je gemak werken terwijl je op stage soms echt hard moet door bikkelen om het af te krijgen. Het is soms wel even stressen maar als het dan uiteindelijk af is dan ben ik wel trots op mijn werk. Ook heb ik geleerd hoe het proces achter het vormgeven gaat. Ik heb namelijk kunnen meekijken hoe een interactieontwerp
Leerpunten tot stand komt. Hier bij Freshheads werken ze daar constant mee. Het is een opzet van hoe bijvoorbeeld een website ingedeeld moet worden, wat er in moet komen qua content en hoe de website uiteindelijk moet gaan functioneren. Dit was voor mij vrij nieuw omdat ik nooit heb geweten dat hier zo diep over nagedacht werd. Dit is toch wel een van de belangrijkste dingen die ik heb bijgeleerd. Voor de rest heb ik niet veel nieuwe dingen bijgeleerd omdat al veel is uitgelegd op mijn vorige stage. Dit heb ik bij veel opdrachten nuttig kunnen toepassen.
Belangrijke leerpunten zijn vooral het interactie gedeelte achter een design maar ook de tips die ik gekregen heb voor het maken van een website. Ook hebben ze mij toffe interfaces laten zien die heel handig zijn om een professionele visualisatie neer te zetten.
Sterke en zwakke punten Mijn sterke punten waren vooral het uitwerken van opdrachten. Hier kreeg ik regelmatig complimenten over. Ook was ik erg sterk in het doorzetten als ik vastliep in een opdracht. Mijn zwakke punt was het communiceren naar anderen. Ik was soms te zelfstandig bezig waardoor ik bruikbare feedback mis. Hier heb ik toch zeker wel van geleerd en is een les voor de toekomst...
Mijn opdrachten bij Freshheads Tijdens mijn stage heb ik een gewerkt aan een aantal opdrachten. Een paar van deze opdrachten ligt ik uit en geef een korte toelichting. Daarbij toon ik ook een aantal beelden van het eindresultaat. In mijn stageperiode heb ik mijn workflow sterk verbeterd. Dat wil zeggen dat ik veel sneller ben gaan werken omdat ik nog beter om kan gaan met de software waarmee ik werk. Het is verbeterd door veel bezig te zijn met opdrachten waarbij ik gebruik maak van programma’s zoals “Adobe Photoshop Cs5”, “Adobe Illustrator Cs5”, “Adobe In-Design Cs5” Hier volgen een aantal opdrachten die ik gedaan heb met een korte toelichting.
Amsix Amsterdam internet exchange is een belangrijk bedrijf waar al het internetverkeer in Nederland binnen komt. Zij verspreiden dit door naar de rest in nederland. Amsix heeft al wel een huisstijl maar ze hebben de vraag gesteld of er een nieuw design voor de site ontworpen kon worden. Ze hebben aangegeven dat hun oude site ouderwets was en dat ze van dat imago wilde afstappen. Bij het nieuwe design heb ik daar rekening gehouden. Ik heb het wat moderner gemaakt door het strak te houden en er meer contrast in te brengen. Ook hebben we besloten tijdens een gesprek met de klant om een Google Maps functie in de header te plaatsen. Hier kun je gemakkelijk hun partners, co-locations en internet exchanges vinden. Deze opdracht ligt wel nog bij de klant dus hij is nog niet af...ges vinden over de verschillende
Vakantiepanel Ik zal eerst eens uitleggen wat vakantiepanel inhoudt. Het is een site waarop reviews worden geplaatst van vakantiegangers. Zo kun je zien hoe mensen hun vakantie ervaren hebben. Ook heb je een handige tool op de website. Je kunt met deze tool een persoonlijk reisadvies krijgens. Je krijgt namlijk een aantal vragen die gelinkt zijn met de reviews van vakantiegangers. Zo kun je je vakantie zo precies mogelijk afstemmen op de dingen die jij wel of niet wil. Dan verder met de opdracht. Freshheads is hier namelijk al een tijdje mee bezig. Ze hebben eerst goed gekeken naar hoe de site in elkaar moest zitten. Hiervoor hebben ze veel gepraat met de klant over wat zij precies wilden. Hier is uiteindelijk een interactieontwerp voor gekomen die ze ook weer voorgelegd hebben aan de klant.
Na goedkeuring is er een design gemaakt voor de website. Toen er weer een meeting was met klant kwamen er een aantal correcties naar voren. Een daarvan is dat ze zaten te denken om illustraties van vakantie gangers te gebruiken. Dit om het gevoel te versterken dat je echt door hun wordt geadviseerd. Deze taak is aan mij gegeven. Zelf ben ik erg trots op het eindresultaat. Ik vond het ook een van de leukste opdrachten die ik heb mogen doen...
Hago next Ik heb van Hago next de opdracht gekregen om een iconen set te maken voor de @lly app. In samenwerking met Somehow heeft Freshheads voor de dochtermaatschappij Hago Next van Vebego “@lly� ontwikkeld. Deze applicatie heeft als doel de transparantie in de schoonmaakbranche te vergroten. De applicatie maakt deel uit van een nieuwe, duurzame strategie die door Hago Next de komende tijd in de markt wordt gezet. Met de app kunnen schoonmakers doormiddel van hun gps locatie en hun smartphone allerlei taken op locatie uitvoeren. Projectmanagers en locatiebeheerders hebben vervolgens via de management tool online toegang tot alle gegevens. Mij hebben ze gevraagd om dus
hiervoor de iconen te ontwerpen. Ze hadden een lijst met begrippen opgesteld waarvoor stuk voor stuk een eigen icoon gemaakt moest worden. Dit was natuurlijk een hele klus. Niet alleen omdat het er zo veel waren maar meer doordat sommige begrippen nogal moeilijk uit te drukken waren in een icoon. Toch is het me gelukt en ben zeker trots op het resultaat. De klant was ook blij met het resultaat Hiernaast zie je een greep uit de iconen set...
Spares In Motion Voor mijn stage heb ik ook vanuit school een meesterproef meegekregen. Deze heb ik in mijn stageperiode moeten maken. Het is de bedoeling dat je een opdracht vanuit je stage gaat uitwerken. Je moet hier echter wel genoeg werk aan hebben omdat kleine opdrachten zoals alleen een foldertje niet worden toegestaan als meesterproef. In het begin van mijn stage was er nog maar weinig werk voor mij. Daar baalde ik van omdat er nu ook geen geschikte opdracht lag om voor mijn meesterproef te gebruiken. Na een gesprek met mijn stagedocent te hebben gehad zijn we tot de conclusie gekomen om een schaduwopdracht te pakken. Het is wel jammer dat het werk wat ik gemaakt heb niet gebruikt gaat worden maar je leert er alsnog erg veel van. De opdracht die ik heb gekregen
is om een aantal media-uitingen te maken voor het bedrijf Spares In Motion. Dat is een bedrijf wat dient als doorgeefluik voor onderdelen van windmolens. Mensen kunnen zich bij hun registreren en zo onderdelen uploaden, kopen en verkopen. Mij is gevraagd om hiervoor een website te maken. Daarnaast ook een mobiele website, huisstijl (envelop, briefpapier, visitekaartje en logo), banier en poster. Ze hebben hier ook een duidelijke briefing bij gegeven die aangaf dat ze vooral gefocust waren op betrouwbaarheid, fris, open en gemakkelijk in gebruik. Hier volgen een aantal visuals van het eindresultaat...
Responsive design Een website met een responsive webdesign past zich qua vormgeving automatisch aan op het gebruikte apparaat en zijn bijbehorende schermformaat. Tegenwoordig is dit heel bruikbaar met de komst van al die verschillende platformen. Waarom maken ze eigenlijk een responsive design? Dat doen ze omdat het aantal apparaten, platformen en browsers blijft toenemen. Al deze apparaten moeten bijvoorbeeld een website goed weergeven en dat is waar de kracht van responsive webdesign ligt. Een responsive webdesign past zich automatisch aan op de schermgrootte van je laptop, tablet of mobiel zonder hier een aparte site voor te ontwikkelen. En dat is nodig omdat 1/3 van de mensen via een
mobiel de site bezoekt. Voor de bouw van een website met een responsive webdesign wordt gebruik gemaakt van CSS (voor het design) en JavaScript (voor de functionaliteit). Door de combinatie van deze twee technieken wordt de site altijd optimaal getoond op verschillende apparaten. Hiernaast kun je een voorbeeld zien van een responsive design...
Nawoord Alweer bijna aan het eind van mijn 2e stageperiode. Voor mijn gevoel is het heel snel gegaan. Ik geef nog een korte toelichting hoe ik deze stage heb ervaren. Toen ik bij Freshheads terecht kwam moest ik nog even een tijdje wennen. Ik had namelijk al een stage achter de rug en nu gelijk door met de volgende stage was zwaar. Het was me allemaal even teveel en ik zag het niet zo zitten. Maar dat veranderde snel. Ik voelde me op mijn plek bij Freshheads. Leuke mensen leuke sfeer en een prettige werkomgeving. Tijdens de vrijdagmiddag-borrel leer je iederen steeds beter kennen. Na een tijdje draaide ik lekker mee in het bedrijf en kon ik goed opschieten met de mensen. Ook met de baas kan ik het erg goed vinden. Hij is altijd met zijn muziek
bezig en dat is iets wat ik ook graag doe in mijn vrije tijd. Naast dat gaat hij ook elke dag mee voetballen en is dan ook altijd heel fanatiek. Het voetballen is iets wat ik zeker ga missen want tijdens de pauze even lekker er uit om een potje te voetballen is heerlijk. Zo kan je daarna ook weer helemaal fris aan je werk verder. Kortom Freshheads was een super chille stage!! Nu nog maar een paar weken te gaan met in het vooruitzicht Berlijn! We gaan van 21t\m25 juni met iedereen van Freshheads naar Berlijn. Zo te horen moet het wel echt heel vet worden als ik de verhalen over de vorige uitjes mag geloven...
Genoten van mijn stageperiode, nu lekker vakantie vieren en op naar het afstudeerjaar...
Jesper Boertien / 3MVG / Sintlucas / Stageperiode 2 @Freshheads 2012