P&P

Page 1

Van genaratie op generatie u meest ambachtelijke banketbakker Naam Omar Vasquez Jesus Studentnummer 500 704 100 Klas Roze Docent J. Faber Vak Plug & Play Opdracht Eindopdracht Plug & Play Casus Banketbakkerij Datum 16 - 1 - 2015 Versie 1.0


Inleiding Dit document bevat informatie en keuzes gebaseerd op de eindopdracht voor het vak Plug and Play. Alle bevindingen in verband met de gekozen casus zijn samengevat en verwerkt in dit document. Ter afsluiting van het vak Plug and Play moet er en presentatie gemaakt worden over een van de gekozen Casussen (probleemstellingen). Deze presentatie wordt onderbouwd door dit document, de presentatie laat op een snelle en overzichtelijke manier de genomen stappen en onderbouwing van de keuzes zien. En is tevens de oplossing voor de gekozen casus. Aan de hand van de gegeven casussen kies je een casus in mijn geval is dit Casus 3: 1 Banketbakkerij Op de Hoek. Aan de hand van de gekozen casus en de bijbehorende probleemstellingen stel ik minimaal vijf criteria op waaraan een technische oplossing zou moeten voldoen. Denk hierbij aan functionaliteiten die in de applicatie moeten zitten maar ook bijvoorbeeld aan het gemak waarmee bepaalde acties kunnen worden uitgevoerd. Vervolgens zoek ik vijf applicaties die aan de criteria zouden kunnen voldoen. Aan de hand van een vergelijkend onderzoek bepaal ik welke drie van deze vijf applicaties het meeste kans hebben om een oplossing te zijn voor de casus. Deze drie installeer ik op de Virtual Box server. De drie ge誰nstalleerde applicaties worden vervolgens bestudeerd en beoordeeld op basis van onder andere het gemak waarmee ze kunnen worden ge誰nstalleerd, geconfigureerd (zowel qua inhoud als vormgeving) en in hoeverre ze aan de verwachting voldoen met betrekking tot de opgestelde criteria. De installatie die als beste uit deze vergelijking komt wordt verder uitgewerkt om een oplossing te vormen voor de door mijn gekozen casus.

1 Hogeschool van Amsterdam. (2015). Plug & Play: Plug & Play eindopdracht (blok 2). Reader Plug & Play. Amsterdam: Hogeschool van Amsterdam


Inhoudsopgave Casus

5

Motivatie gekozen applicatie

31

5

Conclusie 32

Functionaliteit eisen 5

Hosting 33

Criteria technische oplossing

Webserver 33

Applicaties

6

Database 33

Applicatie #1Magento 7/8

Communities 34

Applicatie #2 Prestashop 9/10

Gebruikers 34

Applicatie #3 Tomato cart

11/12

Privacy 34

Applicatie #4 VirtueMart 13/14

Security 34

Applicatie #5 VamShop 15/16

Aanlevering 35 Content 35

Vergelijkend onderzoek

17

Vergelijkend onderzoek tabel

Copyright 35

18

Aandachtspunten webshop Virtual Box server installaties

19

Aplicatie #1 Magento 20/22 Aplicatie #2 Prestashop 23/26 Aplicatie #3 Tomato cart

27/30

36

Webshop printscreens 37/56 Bronvermelding 57


Casus 3: Banketbakkerij Op de Hoek

Criteria technische oplossing

Banketbakkerij Op De Hoek wil een website om het assortiment aan verjaardags-­, huwelijks-­en andere taarten te tonen. Vooral bij verjaardagstaarten komt het tegenwoordig te vaak voor dat de klant aangeeft, de levertijd te lang te vinden. De klant wil en taart en wel nu, anders gaat hij naar de HEMA. De banketbakkerij heeft geëxperimenteerd met een vast assortiment maar dat was geen succes. Ook al komt een paar keer per dag wel iemand binnen die een taart wil, dan nog bleven te vaak de taarten onverkocht. Vooral bij slagroomtaarten is dat een groot probleem, maar een banketbakker zonder slagroomtaart in het assortiment is niet geloofwaardig. Extra zuur is dat de banketbakker een echte vakman is die regelmatig in de prijzen is gevallen met zijn taarten. Tot enkele jaren gelden trok de banketbakker zelfs klanten uit de regio.

- Functionaliteit - Gemak - Interface (etalage) - Snelle leertijd - Categorieën toevoegen - Producten toevoegen - Foto’s/afbeeldingen toevoegen - Menu makkelijk aan te passen - Taal aan te passen - Makkelijk templates te instaleren - Hoeveelheid (geschikte, gratis) templates

De bakkerij heeft onderzocht waarom het klantengedrag is veranderd. Bij jonge gezinnen blijken vaker dan 10 jaar geleden beide ouders te werken. Twee tot drie keer naar de banketbakker moeten voor een taart is echt uit de tijd. Daarom, en om de klanten uit de regio tegemoet te komen, heeft de bakkerij het plan opgevat om een digitale etalage in te richten. Dan kunnen klanten eerst online oriënteren, kunnen zij rustig het assortiment bekijken om vervolgens de bestelling door te geven.

Van genaratie op generatie u meest ambachtelijke banketbakker

Functionaliteit eisen - Makkelijk te bewerken webshop (CMS) - Taarten tonen op webiste - Geen vast assortiment - Vakmanschap tonen op website - Prijzen tonen op website - Klanten uit de regio uitnodigen - Webshop moet lijken op een digitale etalage - De klant moet zich makkelijk kunnen oriënteren - Assotiment moet zichtbaar zijn - Er kan besteld worden via de webshop

Logo Banketbakkerij Op De Hoek, ontworpen door Omar Vasquez Jesus

4


Applicaties Dit zijn de vijf open source applicaties die ik gekozen heb voor mijn casus: Banketbakkerij op de hoek. Aan de hand van deskresearch en de functionaliteiten en specificaties van de applicaties ga ik kijken en vergelijken welke drie applicaties van deze vijf het meeste geschikt zijn om te installeren op de Virtual Box server. hier volgen de vijf gekozen applicaties: #1 Magento

#2 Prestashop

#3 Tomato Cart

#4 VirtueMart

#5 VamShop

5


Applicatie #1 Magento

Onderbouwing

Magento is een professionele open source e-commerse CMS die flexibiliteit en controle biedt. Magento is gelanceerd op 31 maart 2008 en is ontwikkeld door Varien (tegenwoordig Magento Inc), het is ontworpen met het idee dat elke e-commerce implementatie op zichzelf uniek moet zijn omdat geen enkel bedrijf hetzelfde is. Magento is gebouwd met de Zend Framework. Het gebruikt de Entity-atribute-value (EAV) database model om data op te slaan. Magento is redelijk makkelijk in het gebruik en heeft een zeer actieve community. Voor elk probleem is er wel een antwoord. Nog belangrijker zijn de duizenden gratis en betaalde extensies voor Magento. Magento is voor zowel kleine webwinkels als grote webwinkels zeer geschikt.

- Instaleren duurt erg lang - Admin interface is niet erg overzichtelijk - Interface is niet gepast voor de casus -Open source -Honderden plugins -Honderden templates (ThemeForrest en TemplateMonster) -Grote community voor vragen -Zoekmachine vriendelijk -Nederlandse vertaling -Meerdere webshops vanuit één installatie (gezamenlijk voorraadbeheer) -Compleet in te richten voor de Nederlandse markt -Ook prima voor het buitenland (ook binnen één installatie) -Goede statistieken -Makkelijk split-testen

Het installeren neemt behoorlijk wat tijd in beslag. De basis heb je binnen een middag wel staan, maar dan begint het pas. Je moet veel verschillende dingen instellen en diverse tweaks toepassen. Doordat Magento wereldwijd wordt gebruikt dien je hem eerst volledig te tunen naar de Nederlandse markt. Je hebt behoorlijk wat kennis nodig om dit voor elkaar te krijgen.

6


Printscreen 1 (http://magento.com/, 2015)

7


Applicatie #2 Prestashop

Onderbouwing

PrestaShop is de meest betrouwbare en flexibele open source e-commerce CMS software. Sinds 2007, heeft PrestaShop een revolutie gebracht in de e-commerce industrie, door features te integreren die online winkeliers en de online verkoop van de online stores verhogen.

-Veel templates verkrijgbaar -Strakke lay-out -Makkelijk te begrijpen interface -Responsive web design ook voor mobiel en andere apparaten -Genoeg keus uit sjablonen voor de webshop -Uitgebreid netwerk van ontwerpers

Zoals gezegd is PrestaShop evenals Magento een Open Source e-commerce platform, en het is gratis te downloaden vanaf de website www.prestashop.com. Vervolgens kun je diverse modules (plug-ins), templates en thema’s downloaden via de website, zowel gratis als – voornamelijk – betaalde varianten. PrestaShop is gericht op het MKB – small & medium businesses. Technisch gezien maakt PrestaShop gebruik van de Smarty template engine voor de programmeertaal PHP. PrestaShop wordt momenteel volgens eigen schrijven in meer dan 125.000 online shops gebruikt. Er zijn geen officiele ondersteuningskanalen (support), maar de makers hebben een online forum gecreëerd voor de PrestaShop community waar vragen gesteld kunnen en oplossingen geboden worden. De huidige versie is 1.5.x.

8


Printscreen 1 (http://prestashop.com/, 2015)

9


Applicatie #3 Tomato cart

Onderbouwing

TomatoCart is een van de betere e-commerce platvormen waar je uit kan kiezen, om je online bedrijf te expanderen. Naast de vele verschillende features biedt TomatoCart ook veel modulair design en intu誰tieve gebruikers interface, deze open source e-commerce software maakt je dromen waar als je een succesvolle online store wilt runnen.

-Gebruikt bootstrap responisve CSS framework -Compatible met IE7, Firefox en Google Chrome -Heeft jQuery om Bootstrap componenten te ondersteunen -Multi-level drop-down menu

10


Printscreen 1 (http://tomatocart.com/, 2015)

11


Applicatie #4 VirtueMart

Onderbouwing

Joomla! is een prijs winnaar open source CMS, die gebruikt wordt voor het bouwen van krachtige websites voor bijna elk doel. VirtueMart is een open source e-commerce solutie die samen gebruikt wordt met Joomla. Dit betekent dat Virtuemart alleen gebruikt kan worden in combinatie met een Joomla installatie en niet als losse software kan worden ge誰nstalleerd. Het is geschreven in PHP en kan in typische PHP/MySQL omgevingen gebruikt worden.

-Automatisch bijbehorend zelf te maken veld voor een product -Downloadbare mediabestanden (gratis download) -Snelle mediasynchronisatie -Nieuwe triggers -Migraties van vrijwel alle data -Verkoper-weergave -Uitgebreid met lay-out voor TOS (Terms of Service) -Wettelijke informatie voor verkopers

De mogelijkheden van Virtuemart zijn bijna onbeperkt. Doordat het open source software is kunnen er verschillende plug-ins en modules worden ge誰nstalleerd om de standaard mogelijkheden verder uit te breiden, denk bijvoorbeeld aan de betaalmethoden.

12


Printscreen 1 (http://virtuemart.com/, 2015)

13


Applicatie #5 VamShop

Onderbouwing

VamCart is een gratis en open source e-commerce CMS die gebaseerd is op CakePHP.

-CakePHP -Geen duidelijke gebruikers interface -Past niet bij de gekozen casus -Weinig templates te vinden -Weinig tot geen assistentie op problemen

14


Printscreen 1 (http://vamshop.com/, 2015)

15


Vergelijkend onderzoek Aan de hand van de gedane deskresearch naar verschillende open source e-commerse CMS systemen, ben ik uitgekomen op een selectie van vijf CMS systemen deze zijn: -Magento -Prestashop -Tomato Cart -VirtueMart -VamShop Aan de hand van de opgestelde (technische criteria) voor een mogelijke oplossing voor de casus ben ik de verschillende systemen met elkaar gaan vergelijken. Ik heb rekening gehouden met de volgende punten om het vergelijken te vergemakkelijken en tot drie mogelijke kandidaten te komen. De technische criteria is als volgt:

Na het vergelijken van deze vijf CMS systemen doormiddel van de opgestelde criteria heb ik een tabel opgemaakt. De tabel geeft weer welke CMS systemen er als beste uit het vergelijkend onderzoek zijn gekomen, de waardes lopen van 1 tot en met 5, met 5 als laagste cijfer en 1 als hoogste cijfer. Het tabel geeft weer op welke aspecten de verschillende CMS systemen falen of juist slagen. (zie tabel) Als beste uit de test zijn de volgende systemen gekomen en deze zal ik vervolgens installeren op de Virtual Box. -Magento -Prestashop -Tomato Cart

- Functionaliteit - Gemak - Interface - Snelle leertijd - Makkelijk categorieÍn toevoegen - Makkelijk producten toevoegen - Makkelijk foto’s/afbeeldingen toevoegen - Menu makkelijk aan te passen - Templates zijn makkelijk te installeren - Hoeveelheid (geschikte,gratis) templates

Lorem ipsum

16


Vergelijkend onderzoek tabel Magento Prestashop Virtuemart VamShop Tomato cart Functionaliteit

4

2

4

5

3

Gemak

4

1

4

5

3

Interface (etalage)

2

3

3

3

3

Snelle leertijd

5

2

4

3

3

Makkelijk categorieĂŤn toevoegen

3

2

4

4

2

Makkelijk producten toevoegen

3

2

4

4

2

Makkelijk foto's/afbeeldingen toevoegen

4

1

4

4

2

Menu makkelijk aan te passen

4

2

4

4

2

Makkelijk templates te instaleren

5

3

3

5

3

Hoeveelheid (geschikte,gratis) templates

2

3

5

5

4

Totaal

36 (3)

21 (1)

39 (4)

42 (5)

27 (2)

Vergelijkend onderzoek tabel

17


Virtual Box server installaties Aan de hand van het vergelijkend onderzoek op de vijf applicaties die ik gekozen heb, zijn de volgende drie als beste uit de test gekomen: -Prestashop -Magento -Tomatocart Dit zijn de drie CMS systemen die ik ga installeren op de Virtual Box server. Doormiddel van de ervaringen en configuraties van deze gevoerde installaties en het voorgaande vergelijkend onderzoek, kan ik een beeld vormen van de applicaties. Zo kan ik mijn keuzes onderbouwen met welke van deze drie applicaties het meest geschikt is om als oplossing te bieden voor mijn casus. Hier volgen een aantal printscreens en de stappen van de gedane installaties van de applicaties op de Virtual Box server.

Afbeelding 1 (Google, 2015) Oracle vm virtual box

18


Applicatie #1 Magento

Printscreen 2 Magento installatie

Printscreen 3 Magento installatie

Printscreen 4 Magento installatie

Printscreen 5 Magento installatie

Printscreen 6 Magento installatie

Printscreen 7 Magento installatie

19


Printscreen Magento Admin Panel

20


Printscreen Magento Home Page

21


Applicatie #2 Prestashop

Printscreen 2 Prestashop installatie

Printscreen 3 Prestashop installatie

Printscreen 4 Prestashop installatie

Printscreen 5 Prestashop installatie

Printscreen 6 Prestashop installatie

Printscreen 7 Prestashop installatie

22


Printscreen 8 Prestashop installatie

Printscreen 9 Prestashop installatie

23


Printscreen 10 Prestashop Admin Panel

24


Printscreen 11 Prestashop Home Page

25


Applicatie #5 Tomato cart

Printscreen 2 Tomato Cart installatie

Printscreen 3 Tomato Cart installatie

Printscreen 4 Tomato Cart installatie

Printscreen 5 Tomato Cart installatie

Printscreen 6 Tomato Cart installatie

Printscreen 7 Tomato Cart installatie

26


Printscreen 8 Tomato Cart installatie

Printscreen 9 Tomato Cart installatie

Printscreen 10 Tomato Cart installatie

Printscreen 11 Tomato Cart installatie

27


Printscreen 12 Tomato Cart Admin Panel

28


Printscreen 13 Tomato Cart Front Page

29


Motivatie gekozen applicatie Van alle applicaties die geïnstalleerd zijn op de Virtual Box server is de Prestashop applicatie in tegenstelling tot Tomatocart en de Magento applicatie als beste naar voren gekomen. Tijdens mijn deskresearch naar de vijf applicaties die mogelijk een oplossing zouden kunnen bieden voor mijn casus, werd er geadviseerd op de mogelijkheden en opties van Prestashop. Op verschillende websites stond de applicatie meestal tussen de top drie van de meeste gebruikte/bekende e-commerse CMS systemen. Dit trok mijn aandacht, en zo ben ik me gaan verdiepen in Prestashop en de mogelijkheden die deze applicatie had te bieden, wat ik zag waren duidelijke interfaces, een groot aanbod templates en consistent vormgegeven webshops die passend waren voor verschillende doelgroepen. Tijdens de installatie van Prestashop is alles vrijwel soepel verlopen, de installatie interface was vrij duidelijk en de stappen waren makkelijk te volgen. De admin page van Prestashop heeft naar mijn mening naast Opencart en Wordpress ook het meest overzichtelijk en gebruikers vriendelijke interface. Als beginner, zonder al te veel vaardigheden of kennis van de techniek en de opties van een applicatie als Prestashop is het alsnog vrij simpel te begrijpen en te gebruiken. Dit zijn aspecten die in het geval van mijn Casus erg belangrijk zijn. Een banketbakker op de hoek zou dit makkelijk kunnen leren en zelf zijn eigen webshop/website kunnen beheren zonder al te veel gedoe. Templates toevoegen, categorieën aanmaken, producten tonen, foto’s uploaden en simpele modules instaleren is vrijwel makkelijk te bereiken met Prestashop. Daarnaast zijn er duizenden templates waar je uit kunt kiezen met veel mogelijkheden in ontwerp een soort. Prestashop biedt voor bijna elke webshop wel een fraaie, passende en gebruikers vriendelijke ontwerp. Het is dan ook daarom een van de meest gebruikte open source e-commerse CMS systeem.

30


Conclusie Door mijn deskresearch, vergelijkend onderzoek,installatie en gangbaarheid van Prestashop, ben ik tot de conclusie gekomen dat deze applicatie het beste aansluit op mijn casus (banketbakkerij op de hoek). Ik zal deze applicatie dan ook gebruiken voor het ontwerpen en maken van de webshop voor de banketbakker. Ik denk dat dit met Prestashop goed te doen is en dat het makkelijk is aan te passen. Met deze applicatie ga ik een webshop maken die aansluit bij mijn casus en voldoet aan de gegeven criteria waar de webshop aan moet voldoen. De belangrijke criteria waar de webshop van mijn casus aan moet voldoen zijn als volgt: - Ambachtelijke banketbakkerij (vormgeving,gevoel) - Aantal klanten is gedaald - Klanten hebben het druk en geen tijd om naar de banketbakkerij te gaan - Webshop is de oplossing hiervoor, klanten kunnen nu online bestellen (dit scheelt hen tijd) - Ambacht naar voren brengen in de vormgeving van de webshop. (foto’s, logo, ban ners etc.) - Vele prijzen gewonnen - Prijzen tonen op webshop - Acties op de webshop tonen om klanten te trekken (mogelijke korting acties) - Klanten hebben weinig tijd en willen snel een taart bestellen en geleverd hebben - Makkelijke en simpele webshop interface (zo dat haastige klanten snel door het proces gaan) - Bekijken van het assortiment een en bestelling plaatsen - Bezorg dienst - Snelle service - Gebruiksvriendelijk en makkelijk te onderhouden/aan te passen

31


Hosting

Database

Webhosting is een dienst die particulieren of bedrijven ruimte aanbiedt voor het opslaan van informatie, afbeeldingen, of andere inhoud die toegankelijk is via een website. Om snelheid en veiligheid te garanderen en ervoor zorg te dragen dat een webpagina of een website altijd beschikbaar is, worden deze opgeslagen bij een hostingbedrijf.

De database die gebruikt is voor de webshop van de webshop voor Banketbakkerij op de hoek is MySQL. Op deze database staat het CMS systeem Prestashop opgeslagen.

Webserver Een webserver is een programma dat via een netwerk HTTP-verzoeken ontvangt en documenten naar de client stuurt. Als totum pro parte wordt in het dagelijks spraakgebruik ook wel de hele computer die de betreffende software uitvoert als webserver aangeduid. Het Engelse begrip server betekent zoveel als “dienstverlener”. De dienst, het leveren van documenten, wordt doorgaans verleend aan webbrowsers. De verzoeken aan een webserver moeten niet noodzakelijkerwijs via een fysiek netwerk gesteld worden, een dergelijke communicatie kan ook binnen één en dezelfde computer plaatsvinden.

32


Communities

Privacy

De communitie die via de webshop verbonden is zijn klanten en andere banketbakkers die kunnen onderdeel van de communitie worden via een facebook page of een link hiervan die op de webshop aanwezig is. Naast de reguliere facebook communitie zijn ook de volgende communities op de webshop aanwezig: Twitter, Google + en Pinterest.

Versie 0.1 Deze pagina is voor het laatst aangepast op 22-2-2015. Wij zijn er van bewust dat u vertrouwen stelt in ons. Wij zien het dan ook als onze verantwoordelijkheid om uw privacy te beschermen. Op deze pagina laten we u weten welke gegevens we verzamelen als u onze website gebruikt, waarom we deze gegevens verzamelen en hoe we hiermee uw gebruikservaring verbeteren. Zo snapt u precies hoe wij werken. Dit privacybeleid is van toepassing op de diensten van Banketbakkerij Op De Hoek. U dient zich ervan bewust te zijn dat [Bedrijfsnaam] niet verantwoordelijk is voor het privacybeleid van andere sites en bronnen. Door gebruik te maken van deze website geeft u aan het privacy beleid te accepteren. Banketbakkerij Op De Hoekrespecteert de privacy van alle gebruikers van haar site en draagt er zorg voor dat de persoonlijke informatie die u ons verschaft vertrouwelijk wordt behandeld.

Gebruikers

Security

De gebruikers van de webshop zijn de klanten en de beheerders. De beheerder in dit geval ben ik, maar omdat we met een CMS systeem werken die makkelijk aan te passen en te beheren is voor de gemiddelde gebruiker, Kan ook de banketbakkerij zelf als webshop beheerder fungeren.

Secure Sockets Layer (SSL) en diens opvolger Transport Layer Security (TLS), zijn encryptie-protocollen die communicatie op het internet beveiligen.

33


Aanlevering

Copyright

De aanlevering van de webshop voor de Banketbakkerij Op De Hoek, is volledig naar wens van de klant. Aangeleverd met de verwerkte aandachtspunten voor de webshop, communitie, content en logo.

Op de inhoud en vormgeving van de uitingen van de Banketbakkerij Op De Hoek webshop Keurmerk (hieronder begrepen de correspondentie, de internetsite en iedere andere uiting daarvan, ongeacht de drager) rust auteursrecht en databankenrecht. Voor het overnemen, opslaan en verspreiden van (delen van) de inhoud en gebruik van de vormgeving, op welke wijze dan ook, dient u vooraf schriftelijke toestemming te hebben verkregen van de rechthebbende en/of de anketbakkerij Op De Hoek webshop.

Content De content op de webshop is genomen van andere webshops, Ik heb rondgekeken naar hoe de producten werden getoond op andere webshops en heb hier ook mijn keuzes op gebasseerd. Wel op een zodanige manier dat dit goed past bij de webshop voor Banketbakkerij Op De Hoek.

34


Aandachtspunten webshop

Korting op al onze verjaardagstaarten & slagroomtaart Om aandacht te vestigen op de dalende verkoop van de verjaardags en slagroomtaarten

Snelle levertijd! voor 15:00 besteld volgende dag in huis

De klant vind de levertijd niet snel genoeg en zal eerder naar de Hemas gaan, hier brengen we de snelle levertijd aan het licht

Onze ambachtelijke bakkerij heeft al drie jaar op rij de bakker met ster gewonnen De ambachtelijke banketbakkerij is al vaker in de prijzen gevallen, dit moet zichtbaar zijn op de webshop, het straalt namelijk ook de ambacht uit

35


Webshop Banketbakkerij Op De Hoek

De huisstijl van de webshop is gebaseerd op het ontwerp van het logo. Kleur, vorm en font komen allemaal terug op de website, zo is de vormgeving consistent en krijgt de website een profesionele look. Dit zal de banketbakkerij uiteindelijk helpen meer klanten te werven en wordt de webshop herkenbaar door de bezoekers. Het is nu een geheel en het nieuwe uiterlijk zal de klant zeker aanspreken. Webshop Banketbakkerij Op De Hoek printscreen Homepage #1

36


Webshop Banketbakkerij Op De Hoek

Door de gekozen afbeeldingen en foto’s krijgt de webshop de vorm van een echte online banketbakkerij. De wens van de banketbakker komt hier naar voren, de webshop krijgt het uiterlijk van een online etalage.

Webshop Banketbakkerij Op De Hoek printscreen Homepage #2

37


Webshop Banketbakkerij Op De Hoek

De belangrijkste criteria waar de webshop aan moest voldoen, zijn op de homepage opgenomen. De verkoop van de verjaardags en slagroomtaarten was te laag, doormiddel van een korting actie wordt de klant geprikkeld een aankoop te doen. De levertijd was te lang en men ging liever naar de hema, ook dit probleem is aangekaart en verwerkt in de vorm van een advertentie. De banketbakker viel vaak in de prijzen, maar had tevergeefs weinig klanten, De gewonnen prijzen zijn duidelijk zichtbaar op de webshop dit zal het vertrouwen van de klant zeker terugwinnen. Webshop Banketbakkerij Op De Hoek printscreen Homepage #3

38


Webshop Banketbakkerij Op De Hoek

Om de webshop zo overzichtelijk en helder mogelijk te laten, is gekozen voor een simpel maar duidelijk horizontaal menu. Op het menu staan de hoofdcategorieĂŤn van de taarten aangegeven, zo is het voor de bezoeker makkelijker gemaakt om snel de taart te vinden die hij/zij zoekt. Dit scheelt een hoop tijd in vergelijking met daadwerkelijk naar de banketbakkerij te gaan. Webshop Banketbakkerij Op De Hoek printscreen Taarten #1

39


Webshop Banketbakkerij Op De Hoek

Elke categorie in het menu geeft een korte beschrijving van de taart soort. De gebruiker kan op deze manier op een snelle manier zien wat voor verschillende soorten taarten je hebt, Dit zal de aankoop gemakkelijker maken voor de klant.

Webshop Banketbakkerij Op De Hoek printscreen Taarten #2

40


Webshop Banketbakkerij Op De Hoek

Om het effect van een etalage nog meer naar voren te brengen, heb ik gekozen om alleen met hoge resolutie foto’s te werken. Dit oogt veel beter op de website en zo kan de klant zijn taart tot in de details zien.

Webshop Banketbakkerij Op De Hoek printscreen Taarten #3

41


Webshop Banketbakkerij Op De Hoek

Vergroten van de foto’s is mogelijk, zo wordt de belevenis van een echte taart des te meer geprikkeld.

Webshop Banketbakkerij Op De Hoek printscreen Taarten #4

42


Webshop Banketbakkerij Op De Hoek

Hier zie je een uitvergrootte foto, wanneer je een foto uitvergroot wordt de achtergrond donkerder, hierdoor gaat alle aandacht uit naar de taart. Op deze manier wordt de ambacht ook goed naar de klant gepresenteerd.

Webshop Banketbakkerij Op De Hoek printscreen Taarten #5

43


Webshop Banketbakkerij Op De Hoek

Heeft de klant een mooie taart gezien, maar is die vergeten welke het was? Geen stress de webshop laat de laatste bekeken producten zien aan de linkerkant.

Webshop Banketbakkerij Op De Hoek printscreen Bruidstaarten #1

44


Webshop Banketbakkerij Op De Hoek

De ambacht van de banketbakker is ook goed terug te zien op de verjaardagstaarten die de webshop aanbiedt.

Webshop Banketbakkerij Op De Hoek printscreen Verjaardagstaarten #1

45


Webshop Banketbakkerij Op De Hoek

Je kan de taart die je wilt kopen delen via social media, zoals: Twitter, Facebook, Pinterest en Google plus. Zo worden klanten uit de regio en jouw vrienden geprikkeld om langs de banketbakkerij te gaan en ook een taart te kopen.

Webshop Banketbakkerij Op De Hoek printscreen Verjaardagstaarten #2

46


Webshop Banketbakkerij Op De Hoek

Is dit nou net de taart die niet zocht, geen zorgen met de vergelijk button kan je makkelijk zoeken op taarten die er op lijken.

Webshop Banketbakkerij Op De Hoek printscreen Gebak #1

47


Webshop Banketbakkerij Op De Hoek

Webshop Banketbakkerij Op De Hoek printscreen Gebak #2

48


Webshop Banketbakkerij Op De Hoek

Webshop Banketbakkerij Op De Hoek printscreen Gebak #3

49


Webshop Banketbakkerij Op De Hoek

Webshop Banketbakkerij Op De Hoek printscreen Cupcakes #1

50


Webshop Banketbakkerij Op De Hoek

Webshop Banketbakkerij Op De Hoek printscreen Koeken #1

51


Webshop Banketbakkerij Op De Hoek

Webshop Banketbakkerij Op De Hoek printscreen Koeken #2

52


Webshop Banketbakkerij Op De Hoek

Als de klant vragen of klachten heeft kan hij/zij via de webshop altijd een bericht sturen naar de banketbakkerij.

Webshop Banketbakkerij Op De Hoek printscreen Contact us#1

53


Webshop Banketbakkerij Op De Hoek

Ben je een vaste klant of wil je gewoon lekker genieten van de korting van de banketbakkerij? Je kan je via de webshop registreren en een account aanmaken.

Webshop Banketbakkerij Op De Hoek printscreen Account #1

54


Webshop Banketbakkerij Op De Hoek

Heb je de taart gevonden die je zocht, je kan nu op een overzichtelijke en betrouwbare manier je bestelling afronden via de webshop.

Webshop Banketbakkerij Op De Hoek printscreen Winkelwagen #1

55


Bronvermelding 1 Hogeschool van Amsterdam. (2015). Plug & Play: Plug & Play eindopdracht (blok 2). Reader Plug & Play. Amsterdam: Hogeschool van Amsterdam Foto 1.Google. (2015, 10 februari). banket bakkerij [Online afbeelding]. Gedownload op 10 februari 2015, van https://www.google.nl/search?q=village+bakery+home+retail&espv=2&biw=1920&bih=993&source=lnms&tbm=isch&sa=X&ei=rh3aVO2gIc3MOPH9gdAE&ved=0CAYQ_AUoAQ#imgdii=_&imgrc=EbK4mR5-E1ulDM%253A%3B9dRs8ufnHSJi4M%3Bhttp%253A%252F%252Fvillagebakeries.com%252Fwp-content%252Fuploads%252F2012%252F11%252Fvillage-bakery-home-retail.jpg%3Bhttp%253A%252F%252Fvillagebakeries. com%252F%3B1620%3B1080 Afbeelding 1.Google. (2015, 10 februari). Oracle vm virtualbox [Online afbeelding]. Gedownload op 10 februari 2015, van https://www.google.nl/search?q=oracle+vm+virtualbox+logo&espv=2&biw=1920&bih=993&sourc e = l n m s & t b m = i s c h & s a = X & e i = 4 b X a V J 6 L M s v l U t u X g f A B & v e d = 0 C A Y Q _ A U o A Q # q = o r a c l e + v m + v i r t u a lb ox& t b m = is c h & t b s =i s z : l & i m gdi i = 2 Cx3 F zGY P6 OgAM% 3 A% 3 Bm A4w3BfNul8EQ M% 3B2C x3FzGYP6O g AM%3A&imgrc=2Cx3FzGYP6OgAM%253A%3Bw8AzYgcVKhvcrM%3Bhttp%253A%252F%252Fwww.linuxspace. org%252Fwp-content%252Fuploads%252F2014%252F07%252Foracle-vm-virtualbox-blu-foto-sfondi-per-95885.jpg%3Bhttp%253A%252F%252Fwww.linuxspace.org%252Farchives%252F6061%3B1920%3B1440

56 56


Van genaratie op generatie u meest ambachtelijke banketbakker


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.