Webdesign
Online offerte-aanvraag
XXXX
Naam: XXXXXXXXXXXXXX
Studentennummer: xxxxxxxxxxxxxxxxxxxxxxxx
Datum: 18-08-2017
NCOI Opleidingsgroep
HBO E-Business, Marketing & Communication – 1 jaar
Module: Webdesign Docent: Luuk de Bie
1
,Voorwoord
Ik ben XXXX en werk bij xxxx bv als project medewerker E-business. Als projectmedewerker ben ik verantwoordelijk
voor het bedenken, uitrollen en begeleiden van verschillende webshopprojecten.
Bij NCOI heb ik gekozen voor de opleiding E-Business, Marketing & Communication. De module webdesign is hier
een onderdeel van. Via deze opleiding wil ik meer inzichten krijgen in de theorie en praktijk omtrent E -business,
(digitale) marketing en communicatie. Daarnaast vergroot ik op deze wijze tevens mijn kansen op de arbeidsmarkt.
Dit project vloeit voort uit de module-opdracht van mijn voorgaande module: User Experience. Bij deze module heb ik
een offerte-button uitgewerkt voor de xxxx-webshop. De module-opdracht welke u nu leest (webdesign) is een
uitwerking van het verzonnen design.
Ik wil graag mijn docent Luuk de Bie bedanken voor zijn inspirerende en actieve manier van lesgeven.
Figuur 1. Wordcloud xxxx
2
,Samenvatting
Xxxx bv is dé internationale toeleverancier op het gebied van elektrotechnische en mechanische producten. Het
hoofdkantoor is gevestigd in xxxx, Noord-Brabant. Ongeveer 500 werknemers verspreid over 5 Europes e landen
(Nederland, Duitsland, België, Spanje en Roemenië) werken bij de groothandel.
In 2015 is het project ‘Know Me’ van start gegaan. Het project behelst het implemeteren van een nieuwe
website, webshop en het verbeteren van de naamsbekendheid in de E uropese landen. Het onderwerp van deze
module-opdracht is daar een onderdeel van.
Deze module-opdracht vloeit voort uit de opgedane kennis van de voorgaande module-opdracht gemaakt voor de
module User Experience. In deze moduleopdracht is de volgende vraagstelling geformuleerd: ‘De volgende
vraagstelling is geformuleerd: ‘Hoe k an men als product owner van de webshop zorgen dat offerte-aanvragen via het
contactformulier beter worden opgevolgd met behulp van een gecentraliseerd proces?’’
Deze module-opdracht is de uitwerking van het daadwerkelijke design van de button bestemd voor een offerte-
aanvraag. Xxxx heeft een huisstijl waarbij de hoofdtoon gekenmerkt wordt door een strakke witte achtergrond in
combinatie met een donkerblauwe kleur. Dit straalt status, macht en eerlijkheid uit.
Uit het persona-onderzoek is gebleken dat gebruikers van de xxxx webshop interesse hebben in en behoefte hebben
aan een digitale offertebutton. De persona wil binnen 4 a 5 kliks een offertelijst kunnen verzenden. Het geheel moet
overzichtelijk en duidelijk zijn; zonder teveel poespas en goed zichtbaar/hanteerbaar zijn op een mobiele telefoon.
Door de stakeholders is gekozen voor een simpel design met afrasteringen, een witte achtergrond en blauwe buttons.
Zoals aangegeven door de persona heeft een overzichtelijke offertelijst de voorkeur. Tevens heeft de primaire
persona aangegeven dat voornamelijk gebruik wordt gemaakt van een mobieile telefoon om te kunnen bestellen op
de xxxx webshop. Deze opmerking geeft aan dat voor xxxx geldt ‘mobile first’!
De verbeterde webportal en de nieuwe functionaliteiten worden via social media verspreid. Daarnaast staat een
elektrotechnische beurs halverwege september in de planning waarbij de promotie van de webshop een prominente
plaats toebedeeld heeft gekregen.
3
, Leeswijzer
Hoofdstuk 1. Inleiding
Bevat een beschrijving van xxxx en haar missie en visie
Hoofdstuk 2: Het Internet Project Plan
Dit hoofdstuk bestaat uit een uiteezetting van het plan, de doelen, de stakeholders en een concurrentie-
analyse
Hoofdstuk 3: Functioneel ontwerp
Dit hoofdstuk omvat een navigatiestructuur, informatiestructuur en de wireframes
Hoofdstuk 4: Advies en ontwerpkeuze
Dit hoofdstuk omvat het grafisch ontwerp van de ontworpen pagina’s en functies en laat zien
welke keuzes gemaakt zijn op het gebid van CSS-design.
4
Online offerte-aanvraag
XXXX
Naam: XXXXXXXXXXXXXX
Studentennummer: xxxxxxxxxxxxxxxxxxxxxxxx
Datum: 18-08-2017
NCOI Opleidingsgroep
HBO E-Business, Marketing & Communication – 1 jaar
Module: Webdesign Docent: Luuk de Bie
1
,Voorwoord
Ik ben XXXX en werk bij xxxx bv als project medewerker E-business. Als projectmedewerker ben ik verantwoordelijk
voor het bedenken, uitrollen en begeleiden van verschillende webshopprojecten.
Bij NCOI heb ik gekozen voor de opleiding E-Business, Marketing & Communication. De module webdesign is hier
een onderdeel van. Via deze opleiding wil ik meer inzichten krijgen in de theorie en praktijk omtrent E -business,
(digitale) marketing en communicatie. Daarnaast vergroot ik op deze wijze tevens mijn kansen op de arbeidsmarkt.
Dit project vloeit voort uit de module-opdracht van mijn voorgaande module: User Experience. Bij deze module heb ik
een offerte-button uitgewerkt voor de xxxx-webshop. De module-opdracht welke u nu leest (webdesign) is een
uitwerking van het verzonnen design.
Ik wil graag mijn docent Luuk de Bie bedanken voor zijn inspirerende en actieve manier van lesgeven.
Figuur 1. Wordcloud xxxx
2
,Samenvatting
Xxxx bv is dé internationale toeleverancier op het gebied van elektrotechnische en mechanische producten. Het
hoofdkantoor is gevestigd in xxxx, Noord-Brabant. Ongeveer 500 werknemers verspreid over 5 Europes e landen
(Nederland, Duitsland, België, Spanje en Roemenië) werken bij de groothandel.
In 2015 is het project ‘Know Me’ van start gegaan. Het project behelst het implemeteren van een nieuwe
website, webshop en het verbeteren van de naamsbekendheid in de E uropese landen. Het onderwerp van deze
module-opdracht is daar een onderdeel van.
Deze module-opdracht vloeit voort uit de opgedane kennis van de voorgaande module-opdracht gemaakt voor de
module User Experience. In deze moduleopdracht is de volgende vraagstelling geformuleerd: ‘De volgende
vraagstelling is geformuleerd: ‘Hoe k an men als product owner van de webshop zorgen dat offerte-aanvragen via het
contactformulier beter worden opgevolgd met behulp van een gecentraliseerd proces?’’
Deze module-opdracht is de uitwerking van het daadwerkelijke design van de button bestemd voor een offerte-
aanvraag. Xxxx heeft een huisstijl waarbij de hoofdtoon gekenmerkt wordt door een strakke witte achtergrond in
combinatie met een donkerblauwe kleur. Dit straalt status, macht en eerlijkheid uit.
Uit het persona-onderzoek is gebleken dat gebruikers van de xxxx webshop interesse hebben in en behoefte hebben
aan een digitale offertebutton. De persona wil binnen 4 a 5 kliks een offertelijst kunnen verzenden. Het geheel moet
overzichtelijk en duidelijk zijn; zonder teveel poespas en goed zichtbaar/hanteerbaar zijn op een mobiele telefoon.
Door de stakeholders is gekozen voor een simpel design met afrasteringen, een witte achtergrond en blauwe buttons.
Zoals aangegeven door de persona heeft een overzichtelijke offertelijst de voorkeur. Tevens heeft de primaire
persona aangegeven dat voornamelijk gebruik wordt gemaakt van een mobieile telefoon om te kunnen bestellen op
de xxxx webshop. Deze opmerking geeft aan dat voor xxxx geldt ‘mobile first’!
De verbeterde webportal en de nieuwe functionaliteiten worden via social media verspreid. Daarnaast staat een
elektrotechnische beurs halverwege september in de planning waarbij de promotie van de webshop een prominente
plaats toebedeeld heeft gekregen.
3
, Leeswijzer
Hoofdstuk 1. Inleiding
Bevat een beschrijving van xxxx en haar missie en visie
Hoofdstuk 2: Het Internet Project Plan
Dit hoofdstuk bestaat uit een uiteezetting van het plan, de doelen, de stakeholders en een concurrentie-
analyse
Hoofdstuk 3: Functioneel ontwerp
Dit hoofdstuk omvat een navigatiestructuur, informatiestructuur en de wireframes
Hoofdstuk 4: Advies en ontwerpkeuze
Dit hoofdstuk omvat het grafisch ontwerp van de ontworpen pagina’s en functies en laat zien
welke keuzes gemaakt zijn op het gebid van CSS-design.
4
