Verslag: “De Kinkhoorn” 1E BACH TOEGEPASTE INFORMATICA JIM DE BEULE, RACHID ARREDOUANI & WOUTER CYPERS 23 OKTOBER 2014
Inhoud 1. Voorstelling bedrijf ...................................................................................................................... 2 1.1 Algemeen ................................................................................................................................. 2 1.2 Bestaande website ............................................................................................................... 2 1.3 Gelijkaardige websites ........................................................................................................ 2 1.3.1 Barrière7.be .................................................................................................................... 2 1.3.2 Studentville.be ............................................................................................................... 3 2. Informatie ...................................................................................................................................... 3 2.1 Doelpubliek.............................................................................................................................. 3 2.2 Persona’s .................................................................................................................................. 4 2.2.1 Dirk De Witte .................................................................................................................. 4 2.2.2 Magda Dietvorst ............................................................................................................ 5 2.2.3 Jeroen Vandenbosch .................................................................................................... 6 3. Doel van de website ................................................................................................................... 7 4. Uitstraling ....................................................................................................................................... 7 5. Mindmap ......................................................................................................................................... 8 6. Wireframes..................................................................................................................................... 8 6.1 Desktop..................................................................................................................................... 9 6.1.1 Home ................................................................................................................................. 9 6.1.2 Studio’s ........................................................................................................................... 10 6.1.3 Residentie ...................................................................................................................... 11 6.1.4 Gastenboek ................................................................................................................... 12 6.1.5 Bezoeken ........................................................................................................................ 13 6.1.6 Contact ............................................................................................................................ 14 6.2 Tablet....................................................................................................................................... 15 6.2.1 Startpagina .................................................................................................................... 15 6.2.2 Studio’s ........................................................................................................................... 16 6.3 Mobile ...................................................................................................................................... 17 7. Reflectie op het groepswerk.................................................................................................. 18 7.1 Jim ............................................................................................................................................ 18 7.2 Rachid...................................................................................................................................... 18 7.3 Wouter .................................................................................................................................... 19 8. Bijlagen ......................................................................................................................................... 19 Overzicht ........................................................................................................................................... 19 1
1. Voorstelling bedrijf 1.1 Algemeen Het bedrijf is een residentie met studentenkoten die geëxploiteerd wordt door de opdrachtgever. Dit complex is vijf jaar geleden vernieuwd. Het gebouw bevindt zich in een rustige buurt op wandelafstand van Leuven centrum. De residentie biedt 24 bemeubelde studentenkamers. Alle kamers hebben een keukentje en een badkamer. Opdrachtgever: Website onderwerp: Adres: Tel: E-mail:
Gerd Blommaert Studiocomplex “De Kinkhoorn” Heilige Geeststraat13, 3000 Leuven 0475/334.404
[email protected]
1.2 Bestaande website Er bestaat al een website, maar deze is erg verouderd. Uit de broncode kunnen we afleiden dat de website gemaakt is met technieken die nu als archaïsch beschouwd worden en niet meer relevant zijn (nl. het gebruik van framesets). Bij het ontwerpen is er geen aandacht besteed aan SEO. Dat betekent dat de website niet geoptimaliseerd is voor zoekmachines. Het volledige potentieel van de website wordt niet benut. De site bestaat uit één pagina, waar alles onder elkaar wordt opgesomd. Ook aan opmaak is er bitter weinig aandacht besteed. De uitstraling is dus ook niet in orde.
1.3 Gelijkaardige websites 1.3.1 Barrière7.be Deze website promoot studio’s voor studenten in het centrum van Brugge. Onze opdrachtgever vindt deze website zeer goed en haalt er graag voorbeelden uit aan. De site heeft een zeer eenvoudige opmaak maar weet tegelijkertijd studentikoos en klasse uit te stralen. De startpagina past volledig in het AIDA-model. De aandacht wordt getrokken door de achtergrondafbeelding. We krijgen meer informatie van de titel en de ondertitel. Daaronder worden we aangezet tot actie met de “bekijk onze studio’s” knop. De pagina “Over ons” vinden we zeer aantrekkelijk. De manier waarop de residentie gepromoot wordt is professioneel en straalt alles uit wat in de ondertitels staat: toplocatie, veilig, cosy en luxe. De combinatie van tekst en foto’s is subliem.
2
De grondplannen van de studio’s vinden we een minpunt. Dit lijkt ons overbodige informatie. Wij zijn van mening dat een koper liefst eerst details of echte foto’s ziet dan een grondplan. De tekst in de navigatiebalk is misschien ook iets te klein.
1.3.2 Studentville.be Ook StudentVille biedt studentenresidenties aan. Dit keer in Leuven op drie verschillende locaties. In tegenstelling tot de website van Barrière 7, gebruikt onze opdrachtgever deze website als typevoorbeeld van hoe het niet moet. De manier waarop het aanbod getoond wordt is, net zoals Barrière 7, via het grondplan. We zijn nog steeds van mening dat het beter en overzichtelijker kan. De uitstraling van de website is ook zeer schreeuwerig. Het mag dan wel studentikoos zijn: klasse straalt het zeker niet uit. De informatie wordt soms ook op een vreemde manier gepresenteerd, zoals op de pagina “Op Kot Bij Ons”. Deze manier lijkt ons beter voor een PowerPoint presentatie dan voor een website.
2. Informatie 2.1 Doelpubliek Deze website is over het algemeen bedoeld voor (toekomstige) studenten die in Leuven studeren. Ook de ouders van studenten worden beschouwd als een belangrijk deel van het doelpubliek: ze helpen immers hun kind zoeken naar een kot. De opdrachtgever ziet ook pas afgestudeerde alleenstaanden tussen 25 en 30 jaar, ook als potentiele bezoekers van deze website.
3
2.2 Persona’s 2.2.1 Dirk De Witte Dirk De Witte is een student van 19 jaar uit ScherpenheuvelZichem. Hij is vrijgezel en studeert aan de KU Leuven. Hij zit in zijn tweede jaar van de Bachelor in de Communicatiewetenschappen. In het weekend vult hij de rekken in de Carrefour in Diest om een centje bij te verdienen. Dirk is een fanatiek sporter. Wanneer hij even genoeg heeft van het studeren pakt hij vaak zijn mountainbike om even rond te crossen in de nabijgelegen bossen. Van kleins af aan is hij begonnen met atletiek, maar door zijn studies heeft hij zich jammer genoeg moeten beperken tot joggen en mountainbiken. Desalniettemin houdt Dirk er van om wekelijks eens een stapje in de wereld te zetten met zijn vrienden in Leuven en kan hij erg genieten van een fris pintje. Dirk gebruikt zijn laptop vooral als hulpmiddel bij het maken van schema’s voor school en het opzoeken van extra informatie of uitleg bij een gegeven topic. Zoals de meeste mensen uit zijn vriendenkring is Dirk ook actief op verschillende sociale netwerksites en speelt hij om de zoveel tijd wel eens een spelletje met een van zijn kameraden. Hij beschikt over een Laptop van het merk Asus en een OnePlus One smartphone. Gemiddeld brengt Dirk 20 uur per week op de computer door. Dirk past in het “invloed” DISC-type. Hij is een zeer open, mensgerichte persoon. Hij is altijd zeer levendig en houdt ervan om zich te omringen met zijn vrienden. Dirk ergert zich eraan wanneer een website zeer ongemakkelijk is opgesteld, met navigatiebalken links en rechts op de pagina, maar vooral wanneer de website onduidelijk is door overmatig gebruik van slecht passende kleuren. Als er geen aandacht besteed is aan een mooie opmaak, gaat Dirk zich al snel vervelen. In het weekend zoekt Dirk op zijn laptop naar een kot in Leuven omdat het pendelen zeer vervelend geworden is in combinatie met zijn lange uren op school. Hij wilt graag verschillende koten in de buurt met elkaar vergelijken. Wanneer hij op de website van een kotencomplex terecht komt, wil hij informatie te weten komen over de verschillende koten in het complex en een beeld kunnen vormen van de voor- en nadelen in vergelijking met andere koten. Als hij een kot vindt dat aan zijn prijscategorie en verwachting voldoet, bereikt hij succes.
4
2.2.2 Magda Dietvorst Magda Dietvorst is een 46 jarige handelsingenieur. Ze is gehuwd en heeft twee kinderen: een zoon van 13 jaar en een dochter van 18 jaar. Sinds 2004 woont ze samen met haar man in een huis met tuin in Sint-Katelijne-Waver. Ze werkt als Fulltime Planning manager bij Alcon in Puurs. Elke zaterdagmiddag gaat Magda samen met haar zus winkelen. Ze speelt iedere zaterdagavond een tenniswedstrijd tegen andere leden van de tennisclub waar ze bij aangesloten is. Op internet surft ze naar allerlei nuttige snufjes tijdens haar werkpauzes, bij het wachten of gewoon ‘s avonds thuis op haar tablet. In de zetel zitten en een kopje thee drinken terwijl ze surft op het internet en webshops bekijkt is bijna een dagelijkse routine. Magda surft dagelijks op haar Samsung Galaxy Tab 4. Ze werkt ook met de computer en beschikt over een uitgebreide kennis van Office programma’s. Magda is consciëntieus nauwkeurig. Ze vergt veiligheid en structuur. Ze gaat altijd zeer zorgvuldig te werk. Ze ergert zich aan wanorde. Ze heeft ook een hekel aan lawaai en chaos. Ze haat websites die niet aanpassen aan de formaat van haar Tablet. Tijdens haar koffiepauze op het werk surft ze even op haar tablet. Haar dochter gaat volgend jaar studeren in Leuven. Ze is al op zoek naar een passend kot. Ze zoekt een veilig en proper kot op een rustige locatie, niet te ver van de campus waar haar dochter gaat studeren. Ze maakt zich snel zorgen om haar dochter qua veiligheid. Het openbaar vervoer vertrouwt ze niet helemaal, vanwege de frequente vertragingen en stakingen. Ze wil niet dat haar dochter elke ochtend te vroeg moet opstaan om te pendelen naar Leuven. Een kot is veiliger en bespaart ook tijd en energie. Op de website ziet ze dat de residentie voldoet aan haar eisen. Ze kan zich ook goed navigeren op de website en zoekt zo snel naar de contact gegevens om de verhuurder een mail te sturen.
5
2.2.3 Jeroen Vandenbosch Jeroen Vandenbosch is een pas afgestudeerde jongeman van 25 jaar. Hij is vrijgezel en woont nog bij zijn ouders in Zonhoven. Hij heeft al twee jaar zijn diploma van Bachelor in de Toegepaste Informatica. Hij werkt sinds kort bij Jobpunt Vlaanderen als verantwoordelijke IT. In zijn vrije tijd houdt Jeroen zich bezig met webdesign en fotografie. Vooral die laatste is een passie van hem geworden. Hij trekt er ieder weekend op uit om mooie natuurfoto’s te maken. Met webdesign als extra hobby, onderhoudt hij zijn eigen website over fotografie en verdient hij hier en daar een centje bij. Iedere morgen vertrek Jeroen met het openbaar vervoer naar zij werk. Als hij een vrij moment vindt, checkt hij zijn Facebook en Twitter op zijn smartphone. Jeroen kijkt ’s avonds graag naar Het Journaal. Jeroen is een gediplomeerde informaticus. Hij is op de hoogte van de laatste nieuwe ontwikkelingen in het vak. Hij is gemiddeld 8 uur per dag bezig met IT. Hij is dus zeer ervaren. Jeroen beschikt over een iPad, een smartphone van Samsung en een sterke laptop. Jeroen is een dominant type. Hij gaat heel concreet en doelgericht op zoek naar informatie. Hij wil controle hebben over de manier waarop hij die informatie kan bereiken. Jeroen heeft kennis van zaken op het gebied van webdesign. Daarom kan hij zich ook aan heel kleine dingen ergeren op een website, zoals een hyperlink met als tekst “klik hier”. Een slecht gebouwde website is voor zijn concentratievermogen een ramp. ’s Avond, als Jeroen thuis komt van het werk, opent hij zijn laptop. Daarop zoekt hij via Google naar mogelijke woningen. Sinds kort heeft Jeroen een nieuwe baan. Hij woont echter nog steeds bij zijn ouders, maar daar wil hij verandering in brengen. Jeroen wilt een propere studio die dicht bij zijn werk gelegen is. Hij wil binnen de twintig minuten met de fiets op zijn werk kunnen geraken. Het liefste wilt hij wonen in een omgeving die rust uitstraalt, zodat hij ’s avonds het gevoel heeft dat hij thuiskomt. Jeroen wilt alleen wonen zodat hij wat meer vrijheid heeft. Veel van zijn vrienden wonen ook in Leuven. Hij wil zijn werk op een ecovriendelijke manier kunnen bereiken. Als hij op de website snel concrete informatie over de ligging vindt en foto’s kan zien van de studio, kan Jeroen snel beslissen of deze studio voor hem gepast is of niet.
6
3. Doel van de website De website dient in eerste instantie als publiciteit. Het moet ervoor zorgen dat meer studenten over het bestaan van deze residentie te weten komen. Op de startpagina proberen we doormiddel van het AIDA-marketingmodel bezoekers te overtuigen om een studio te huren bij deze residentie. Contactinformatie, foto’s en beschikbaarheden die men kan terug vinden op de website zorgen voor extra efficiëntie in het marketen van de studio’s. Dit bespaart onze opdrachtgever een hoop tijd.
4. Uitstraling Om de uitstraling van de website te bepalen, hebben we de wensen van onze opdrachtgever geanalyseerd. We hebben kunnen concluderen dat onze opdrachtgever voorstander is van een rustige, stijlvolle uitstraling. De website mag niet te druk zijn of een schreeuwerige opmaak hebben. Dit is zeer belangrijk, aangezien ook de ouders van studenten een belangrijke doelgroep is. Als deze dit deel van de doelgroep overtuigd kan worden dat hun zoon of dochter op een goede plek terecht komt, bereiken we al snel succes. Ook voor studenten en is een rustige, duidelijke uitstraling een teken van een goed georganiseerde residentie waar ze veel woonplezier zullen beleven.
7
5. Mindmap De globale structuur kan meteen afgeleid worden uit de mindmap. Er zijn zes hoofdonderdelen op de website: de startpagina, een pagina over de studio’s, een pagina over de residentie, een pagina met informatie over bezoekmomenten, een gastenboek en een contactpagina. Deze structuur is bekomen in samenspraak met de opdrachtgever. Het is een intuïtieve, gemakkelijk navigeerbare indeling waarmee informatie snel terug te vinden is.
6. Wireframes De wireframes die we ontwikkeld hebben zijn een ruwe schets van de lay-out van onze websites. Aangezien ieder lid van onze groep deze website moet maken, zijn de wireframes vrij abstract en is er ruimte gelaten voor eigen inbreng. De belangrijkste structuren zijn in ieder geval aangegeven en kunnen nog geïnterpreteerd worden. We hebben van iedere pagina in een wireframe gemaakt in desktopformaat. Van de startpagina en de pagina “studio’s” zijn er een tabletversie gemaakt. Van de startpagina bestaat ook een mobile versie. Het is de bedoeling dat de website volledig responsive wordt. De andere pagina’s gedragen zich ongeveer hetzelfde als de startpagina en de “studio’s”-pagina.
8
6.1 Desktop 6.1.1 Home
9
6.1.2 Studio’s
10
6.1.3 Residentie
11
6.1.4 Gastenboek
12
6.1.5 Bezoeken
13
6.1.6 Contact
14
6.2 Tablet 6.2.1 Startpagina
15
6.2.2 Studio’s
16
6.3 Mobile
17
7. Reflectie op het groepswerk 7.1 Jim Bij aanvang van het project was ons groepje meteen opgesteld en hadden we reeds een aantal ideeën voor een opdrachtgever. Daaruit bleek dat één van de kandidaat opdrachtgevers wel degelijk op zoek was naar een nieuwe website en dachten we meteen goed te zitten. Achteraf bleek jammer genoeg dat hij al iemand anders gevonden had en zaten we dus na twee weken nog steeds zonder opdrachtgever. Wouter had echter meteen een vervangopdrachtgever, zijn kotbaas. Het weekend erna konden we meteen vergaderen met de opdrachtgever en zijn de meeste zaken, die we op voorhand reeds hadden overlopen tijdens een vergadering, vastgelegd met veel inbreng van de opdrachtgever zelf. De opdrachtgever bleek zelf wat kennis over marketing en websites te hebben. Tijdens een van de vergaderingen in de les hadden we ook reeds een plan van uitvoering opgesteld. Iedereen wist dus op voorhand wat zijn taak binnen het verslag van het groepswerk ging zijn en daarmee ging het uitwerken van de verschillende onderdelen eigenlijk zeer vlot. Over het algemeen kunnen we dus concluderen dat het groepswerk zeer vlot verlopen is nadat we de juiste opdrachtgever gevonden hadden. Nu weten we dan ook dat we niet meteen bij aanvang al onze eieren onder één kip moeten leggen en reeds moeten uitkijken voor een 2de keuze, maar al bij al was dat ook zeer vlug opgelost.
7.2 Rachid Ik was afwezig op de eerste vergadering van dit project. Daarom had ik in het begin een kleine achterstand op de gang van zaken. Dat duurde niet lang want mijn teamgenoten hebben me via Facebook en Dropbox genoeg uitleg en informatie aangeboden om mijn achterstand bij te werken. Ze hebben tijdens de eerste vergadering al heel wat zaken in orde gebracht. We hadden al heel snel een opdrachtgever (Frituur Het Grotteke) gevonden, maar deze liet niets meer weten waardoor we opnieuw een andere opdrachtgever moesten zoeken. We hebben dan meteen gezocht naar een plan B om ervoor te zorgen dat we niet in dezelfde situatie belanden als bij onze eerste opdrachtgever. De kotbaas van Wouter was geïnteresseerd en reageerde meteen op ons voorstel. Naar mijn mening is de kotbaas van Wouter zelfs een betere opdrachtgever dan de frituuruitbater. Omdat we achter zaten op de planning, hebben we besloten om al het werk voor te bereiden. We hadden de opdrachten verdeeld en de vergadering met de opdrachtgever voorbereid.
18
Na de vergadering wist iedereen wat hij moest doen. Iedereen maakte zijn deel en we brachten alles samen op Dropbox. Zo konden we al een idee hebben hoe de uiteindelijke verslag gaat uitzien. Dit project heeft me geleerd dat de eerste vergadering erg belangrijk is om het verloop van de opdracht te begrijpen. Ik heb geleerd dat een plan B nuttig kan zijn indien er iets fout loopt. Zo kan je erg veel tijd besparen indien er iets fout loopt. De efficiënte communicatie binnen de groep was een groot pluspunt.
7.3 Wouter Over het algemeen vind ik dat dit project vlot verlopen is. Onmiddellijk na de eerste vergadering hebben we al een opdrachtgever gevonden. Diezelfde dag nog hebben we deze gevraagd of we voor zijn onderneming (Frituur het Grotteke in Leuven) een website mogen bouwen. Helaas hoorden we daarna een week niets meer van de opdrachtgever. Na een week liet de opdrachtgever het afweten. Misschien moeten we in het vervolg vanaf het begin al voor en plan B zorgen. De opdrachtgever herinneren aan de vraag was misschien ook slimmer geweest, maar we wouden niet opdringerig overkomen naar onze opdrachtgever toe. Ondanks dit tijdsverlies hebben we snel daarna een nieuwe opdrachtgever gevonden: mijn eigen kotbaas. Hij kon pas in het weekend daarna samenzitten om zijn wensen te bespreken. Daardoor zaten we dus weer een hele week zonder concreet werk. We hebben de vergadering zo goed mogelijk proberen voor te bereiden. Dat heeft zijn vruchten afgeworpen, want de vergadering is binnen een klein maar intens uur afgerond. Het maken van het verslag zelf is zeer vlot verlopen, aangezien we de taken op voorhand concreet hebben verdeeld. Ik heb de eindredactie op mij genomen en ik ben tevreden over de inzet en het ingediende materiaal van mijn groepsgenoten. Ik heb geleerd dat tijd van groot belang is bij het maken van een project. Alle taken kunnen best zo concreet mogelijk verdeeld worden, zodat er geen onnodige tijd verloren gaat. Ook communicatie gebeurt best zo snel en zo efficiënt mogelijk. Als er dan nog iets mis gaat, is er nog genoeg tijd om dat probleem op te vangen.
8. Bijlagen Overzicht 1. 2. 3. 4. 5. 6.
Verslag Agenda Verslag Agenda Verslag Verslag
vergadering vergadering vergadering vergadering vergadering vergadering
- 2 oktober 2014 - 9 oktober 2014 - 9 oktober 2014 - 16 oktober 2014 - 16 oktober 2014 met opdrachtgever - 18 oktober 2014 19
