Miriam Elst - Pixels in Stereo - 26 maart 2015

Wat hebt u nodig voor een goede website?

15/04/2023 Pixels in Stereo - Miriam Elst 2

About Mie

15/04/2023 Pixels in Stereo - Miriam Elst 3

Agenda

1. Strategie: doel, doelgroep, actie

2. Marktonderzoek: Wat doet uw concurrent? Wat bestaat al?

3. Keuze technologie

4. Inhoud website

5. Gebruiksvriendelijk (User eXperience, customer focused)

6. Checklists voor:– Duidelijke briefing design

– Webdesign

– Development

– Hosting & domeinnaam

15/04/2023 Pixels in Stereo - Miriam Elst 4

15/04/2023 Pixels in Stereo - Miriam Elst 5

15/04/2023 Pixels in Stereo - Miriam Elst 6

15/04/2023 Pixels in Stereo - Miriam Elst 7

15/04/2023 Pixels in Stereo - Miriam Elst 8

15/04/2023 Pixels in Stereo - Miriam Elst 9

15/04/2023 Pixels in Stereo - Miriam Elst 10

15/04/2023 Pixels in Stereo - Miriam Elst 11

1. Strategie: doel website

Wat is het doel van uw website?– Online showroom > prospecten

– Online portfolio > bekendmaking + realisaties

– Verkoop > diensten/producten

– Klantendienst > dienst na verkoop

– Recrutering

15/04/2023 Pixels in Stereo - Miriam Elst 12

1. Strategie: doelgroep

Wie behoort tot de doelgroep van uw website?– Huidige klanten > dienst na verkoop

– Toekomstige klanten > waarom kiezen voor u?

– Geografie

– Demografie

15/04/2023 Pixels in Stereo - Miriam Elst 13

1. Strategie: Call-to-action

Wat wil je dat een bezoeker doet op uw website?

Hoe ga je de bezoeker stimuleren/verleiden?– Promotie

– Contactformulier

– Inschrijven op nieuwsbrief

– Fan worden Facebook

– Downloaden

– Product aankopen/bestellen?

– …

15/04/2023 Pixels in Stereo - Miriam Elst 14

1. Strategie: SWOT

StrenghtWat is uw concurrentievoordeel?

WeaknessWat is uw concurrentienadeel?

OpportunityWaar zijn er opportuniteiten?

ThreadsWat zijn bedreigingen voor uw zaak?

15/04/2023 Pixels in Stereo - Miriam Elst 15

2. Research/benchmarking/marktonderzoek

Wat doet uw concurrent online?– Website?

– Responsive?

– Sociale media > Facebook?

– Tot welke doelgroep gericht? Hoe?

– Wat is zijn storytelling?

15/04/2023 Pixels in Stereo - Miriam Elst 16

3. Keuze technologie

1. Hoeveel kennis hebt u?

2. Hoeveel tijd hebt u over?

3. Wat is uw budget?

4. Domeinnaam

5. Hosting

15/04/2023 Pixels in Stereo - Miriam Elst 17

3. Keuze technologie: kennis

• ‘gratis’ websites

• Wordpress

• Drupal

• CMS

15/04/2023 Pixels in Stereo - Miriam Elst 18

3. Keuze technologie: tijd

• Leertijd

• Teksten

• Foto’s

• Video

• Sociale media

• Opvolging vragen

15/04/2023 Pixels in Stereo - Miriam Elst 19

3. Keuze technologie: budget

Afhankelijk van:

• Complexiteit website

• Database

• Aantal pagina’s

• ‘Dynamisch’ > inhoud verandert regelmatig

• Koppeling naar andere websites/sociale media sites

• SEO-optimalisatie

15/04/2023 Pixels in Stereo - Miriam Elst 20

3. Keuze technologie: Domeinnaam

• Jaarlijkse kost

• dns.be

• Registreren

• Extensie .be / .com / .eu / …

15/04/2023 Pixels in Stereo - Miriam Elst 21

3. Keuze technologie: Hosting

• Maandelijkse kost

• SLA (Service Level Agreement) = service garantie

• Mailbox

• Complexiteit website > type server

• Kleine website: max. 2 Gb > shared server, ca.

• Middelgrote website: 5 Gb > shared server

• Grote website of webshop: dedicated server

15/04/2023 Pixels in Stereo - Miriam Elst 22

4. Inhoud website: Wat is uw verhaal?

• Storytelling

• Teksten

• Beeldmateriaal: foto’s / video’s

• Sociale media – shareble content

• Blog

• Nieuws

15/04/2023 Pixels in Stereo - Miriam Elst 23

5. Gebruiksvriendelijk = conversie

15/04/2023 Pixels in Stereo - Miriam Elst 24

5. Gebruiksvriendelijk: Goede navigatie

15/04/2023 Pixels in Stereo - Miriam Elst 25

5. Gebruiksvriendelijk: Responsive

15/04/2023 Pixels in Stereo - Miriam Elst 26

5. Gebruiksvriendelijk: Vindbaarheid

15/04/2023 Pixels in Stereo - Miriam Elst 27

5. Gebruiksvriendelijk: Leesbaarheid

15/04/2023 Pixels in Stereo - Miriam Elst 28

5. Gebruiksvriendelijk: Storytelling

15/04/2023 Pixels in Stereo - Miriam Elst 29

5. Gebruiksvriendelijk: Call-to-action

15/04/2023 Pixels in Stereo - Miriam Elst 30

5. Gebruiksvriendelijk: Snelheid

15/04/2023 Pixels in Stereo - Miriam Elst 31

5. Gebruiksvriendelijkheid

• Less is more

• Call-to-action (CTA)

• Snelheid

• Meerwaarde

• Sharing = caring

• SEO optimalisatie

15/04/2023 Pixels in Stereo - Miriam Elst 32

15/04/2023 Pixels in Stereo - Miriam Elst 33

6. Checklist: Duidelijke briefing design

o Korte omschrijving van uw zaak

o Omschrijving strategie website

o Omschrijving van doelgroep

o Omschrijving van het doel van de website

o Verwachtingen van de website naar visueel design

(kleur, sfeer, modern/retro/…) > geef voorbeelden van

wat je goed vindt en wat niet

o Deadline

15/04/2023 Pixels in Stereo - Miriam Elst 34

Voorbeeld briefing design website

• Zaak: – Wij zijn een familiaal bedrijf, waarbij persoonlijk contact met klanten deel uitmaakt van

onze verkoopstactiek. – Wij verkopen op maat gemaakte orthopedische schoenen

• Strategie website:– Via onze website willen wij onze vakkennis benadrukken– Via onze website willen wij onze persoonlijke aanpak en service in de kijker zetten– De klant moet het gevoel hebben dat hij bij ons in goede handen is

• Klanten: – 80% van onze klanten vallen in de leeftijdscategorie 60+– 20% van onze klanten heeft specifieke voetproblemen– Al onze klanten hebben een voorschrift– Voor de vrouwelijke klanten speelt uitzicht (trend, modieus) mee in de beslissing van een

model of kleur (> wij bieden een ruime keuze aan materialen en modellen aan)• Verwachtingen:

– Onze website moet een duidelijk overzicht geven van ons schoenengamma. Het is belangrijk dat de manier waarop de schoenen door ons op maat gemaakt worden duidelijk laat zien dat het om kwaliteit gaat.

15/04/2023 Pixels in Stereo - Miriam Elst 35

15/04/2023 Pixels in Stereo - Miriam Elst 36

6. Checklist: webdesign

o Is de briefing duidelijk?

o Hoeveel ontwerpen worden voorgesteld?

o Hoeveel revisierondes?

o Heb je al beeldmateriaal?

o Wie gaat er bijkomend beeldmateriaal creëren?

o Hoe wordt het design aangeleverd?

o Krijg je alle bronbestanden?

o Referenties

15/04/2023 Pixels in Stereo - Miriam Elst 37

6. Checklist development: MODULAIR

Fase 1:- Homepage- Producten- Contact + formulier- SEO optimalisatie

Fase 2:- Referenties/testimonials- Foto’s / video’s- reservatieformulier

Fase 3:- Webshop- …

15/04/2023 Pixels in Stereo - Miriam Elst 38

6. Checklist development: technologie

o Welke technologie wordt voorgesteld? o Drupal, Wordpress, Joomla

o E-commerce: Woocommerce, Magento, Prestashop…

o Waarom die technologie?

o Hoe is de uitbreidbaarheid van de site? Modulair?

15/04/2023 Pixels in Stereo - Miriam Elst 39

6. Checklist development: browsers & versies

• Welke browsers en browserversies worden

ondersteund?

Internet Explorer, Firefox, Google Chrome, …

15/04/2023 Pixels in Stereo - Miriam Elst 40

6. Checklist development

o Krijg je wireframes? Technische analyse? > afhankelijk

van de complexiteit

o Responsive?

o Testen & debuggen > wie doet wat?

o Referenties

o Wat is dienst na ‘go-live’ (oplevering)?

o Krijg je een volledige back-up met broncode?

15/04/2023 Pixels in Stereo - Miriam Elst 41

6. Checklist: Domeinnaam & hosting

o Is de domeinnaam nog vrij?

o Zorg dat de domeinnaam op uw naam geregistreerd is!!

o Wat voor hostingcontract?

o Wat is de SLA (Service Level Agreement = onderhoudscontract)?

o Wie kan je bereiken in geval van problemen?http://www.dnsbelgium.be/nl

15/04/2023 Pixels in Stereo - Miriam Elst 42

Bron

: htt

ps:/

/ww

w.c

onsu

wijz

er.n

l/th

ema/

verk

oopt

rucs

-laat

-je-n

iet-

beet

nem

en

15/04/2023 Pixels in Stereo - Miriam Elst 43

Bedankt!

Miriam Elst

mie@pixelsinstereo.be

Twitter: @MiriamElst

Linkedin

Slideshare

15/04/2023 Pixels in Stereo - Miriam Elst 44