SlideShare ist ein Scribd-Unternehmen logo
1 von 132
Downloaden Sie, um offline zu lesen
Aanpak van een (web)project
75+ experts in strategy, branding, marketing,
content, customer experience and development.
digitale strategie
Tom Van Mierlo
Mathias Vissers
75
• Strategy, marketing and development
• Intracto Group
• Intracto (digital), Mosquito (360), King Foo (back-end)
• Group revenue 2014: 11.5 million EUR
• International network / experience
• Herentals, since 2005
• Open culture, sharing knowledge,
active contributor to Drupal& Symfony
About Intracto
Van idee tot
website executie
“Wat kost een website?”
--de klant
“25.000 euro”
--Intracto
“Aub”
--de klant
1 week later…
“Klaar! Bedankt, en tot ziens”
--Intracto
Passionateabout digital
www.intracto.com
Bedankt!
Mathias Vissers
@mvissers | mathias.vissers@intracto.com
Tom Van Mierlo
@tomvm | tom.vanmierlo@intracto.com
Fases in een
webproject
Discovery
Briefing
Implementation
Fases
DiscoveryBriefing Implementation
Briefing
• Wat probeertde klant te bereiken?
• Wie stelt de vraag?
• Welke informatie hebben we nodig om een voorstelte maken?
• Een eerste afbakening van de scope van het project
• Eerste creatieve aanzet
Briefing
Discovery ImplementationBriefing
Determinetheprojectscope
What does the customer wantto achieve with its newplatform?
Createahigh-level backlog
An open discussion about possible features & functions
DetermineMVPinfunctionof timing&budget
The minimum that needs tobe developed. How, in what tech, etc.?
Analyseanddevelop
Adjust along the way,work agile
19
Launchandoptimise
Optimize through measuring
Discovery ImplementationBriefing
Determinetheprojectscope
What does the customer wantto achieve with its newplatform?
Createahigh-level backlog
An open discussion about possible features & functions
DetermineMVPinfunctionof timing&budget
The minimum that needs tobe developed. How, in what tech, etc.?
Analyseanddevelop
Adjust along the way,work agile
20
Launchandoptimise
Optimize through measuring
Discovery ImplementationBriefing
Wherethe
magichappens
Discovery
Discovery
Strategy &
concept
Stakeholder
analysis
Business
Model Canvas
Personas
Architecture &
content
Paper Sorting
Functional design
User
stories
Technical design
Deliverables
Customer
journey
Touch point
mapping
Online
marketing
plan
Mind mapping Content plan
Functional
description
Wireframing
Mock-ups &
design
Input / output-
analysis
Migration-plan
System
architecture
Measurement
plan
Content-
strategy
DiscoveryBriefing Implementation
product marketinglogistiek technisch
Verwachtingen/ verantwoordelijkheden
Metadata
Logistiek
ERP-integratie
Verzendbaarheid
Online payments
Facturatie / administratie / legal
Customer service
Retours
…en hoe dan nog marge overhouden
Multiple entry
points via
industries,
products,
business units
and product
search
Canonical
(defining URL
structure) 
via product
navigation
Entry points
may provide
additional
content, but
all link to the
product
navigation
Mindmap / wireframes
DiscoveryBriefing Implementation
Architectuur
CRM
CMS
Mandrill
Forms
Profiles
E-mail
Automation
platform
Booking engine
JS-based FE
ESBDAM? …
ImplementationDiscoveryBriefing
Automation
platform
Timing
Jan-Feb
Discovery
definitionandanalysis
Discovery
Final design
Implementation
Content review
Content input
GO LIVE
Feb-May
Design&
Startimplementation
inparallel
May-June
Content&
GO-LIVE
Briefing Discovery phase 2
Design phase 2
Implement
Budget
• Mindmaps, wireframes,
• Bepalen van actoren (b.v. integraties met ERP-systeem),
• Technologie-keuze
• Oplijsting risico’s / mogelijke valkuilen,
• Een eerste lange termijn strategie,
• Een voorbereide klant op wat komen zal,
• Een sluitend budget,
• Vastgelegd in een functioneel analysedocument.
Output van de discovery-fase?
DiscoveryBriefing Implementation
DiscoveryBriefing Implementation
DiscoveryBriefing Implementation
Implementatie
ImplementationDiscoveryBriefing
Dedicated, multi-skilled team
• Project management
• Strategy/ marketing
• Development
• Testing & QA
• Deployment and hosting
• Agile & self-organising
Wie doet de implementatie?
ImplementationDiscoveryBriefing
Discovery
Implement
Support
Project Manager
Project Manager
Project manager
(SPOC)
UX/UI
designer
Front-end
dev.
Drupal
dev.
Drupal
dev.
Drupal
dev.
Projectteam
Drupal
dev.
Performanced-based
marketing team
Service &
Maintenance
Jira
Eindklant
ImplementationDiscoveryBriefing
ImplementationDiscoveryBriefing
Jira
ImplementationDiscovery
Jira
Briefing
Digitale
marketing
Discovery
Briefing
Implementation
Fases
Marketing
Marketing
Project Manager
Project Manager
Project manager
(SPOC)
UX/UI
designer
Front-end
dev.
Drupal
dev.
Drupal
dev.
Drupal
dev.
Projectteam
Drupal
dev.
Performanced-based
marketing team
Service &
Maintenance
Jira
Eindklant
we data
49
Doelen bepalen
Meten of ze bereikt worden
Drempels detecteren en wegnemen
Op basis van feiten, niet buikgevoel
Alles is meetbaar
elke stap, elke aankoop, elke hindernis
Het meeste heb je zelf in handen
The good news?
Digitale
Conversion
marketing
Wat is conversie?
56
Een verkoop
Een formulier-inzending
Een download
Een aanvraag
…
57
Waarom is conversie belangrijk?
59
60
Conversion marketing
• Usability
• Persuasion design
• Brand experience
61
Conversion marketing
• Usability (gebruiksvriendelijkheid)
• Persuasion design
• Brand experience
http://slideshare.net/dings/persuasive-web-design-how-to-separate-users-from-their-bad-behaviours
63
Technische fouten
Te lange formulieren
Te veel (persoonlijke) informatie vragen
Onduidelijke vragen
The devil is in the details
There’s no excuse
20-30% 30-40% 40-50% 50-60%
20-30% 30-40% 40-50% 50-60%
76
Mobiel internet gebruik in BE
2011 – 3,5% 2012 – 13% 2013 – 17% 2014 – 20%
Bruxx.be mobiel verkeer
2015 – 40%
Secret
Santa
Organizer
Openings-
uren.com
82
www.google.com/webmasters/tools/mobile-friendly/
84
E-mail & responsive
85
86
Conversion marketing
• Usability (gebruiksvriendelijkheid)
• Persuasion design
• Brand experience
http://www.slideshare.net/dings/persuasive-web-design-how-to-separate-users-from-their-bad-behaviours
http://www.slideshare.net/dings/persuasive-web-design-how-to-separate-users-from-their-bad-behaviours
Persuasive design (in real life)
+66%
- Schaarste
- Sociaal bewijs
- Authoriteit
- Context (framing)
- Timing en focus
Persuasion Design
Bron: http://darkpatterns.org/
Bron: @agconsult
101
Conversion marketing
• Usability
• Persuasion design
• Brand experience
Online verkopen
Is meer dan een goede verbinding tussen je
kassasysteem en het internet.
http://www.baekdal.com/insights/rethink-your-ecommerce-strategy
Verkoop je producten zoals
je klanten ze willen kopen
Niet zoals jij ze wil verkopen
Hoe
Willen mijn klanten
mijn producten kopen?
Bron:http://www.usability-blog.be/
+20%
Last, but not least…
open source
php, html, css, …
Technologiekeuze is belangrijk!
Ook ivm eigendomsrechten en continuïteit
Think big, start small.
OK, I’m convinced.
How do I get in?
“Teken een database-diagram voor een webshop van
een speelgoedwinkel waarbij de webshop verschillende
producten en verschillende categorieën bevat.”
FAIL
Die ochtend op je sollicitatie
Hard skills vs. soft skills
User groups & events
Start building
 Van je hobbyje werk maken?
 Werk maken van je hobby.
130
Passionateabout digital
www.intracto.com
Questions?

Weitere ähnliche Inhalte

Ähnlich wie Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)

Next gen customer interaction 5th june
Next gen customer interaction   5th juneNext gen customer interaction   5th june
Next gen customer interaction 5th june
Peter Van Roosbroeck
 
M+ Channel Management
M+ Channel ManagementM+ Channel Management
M+ Channel Management
Cor Witteman
 
Dmg click district_2013
Dmg click district_2013Dmg click district_2013
Dmg click district_2013
Mark Geerts
 

Ähnlich wie Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica) (20)

122010 netwinst bedrijfspresentatie
122010 netwinst bedrijfspresentatie122010 netwinst bedrijfspresentatie
122010 netwinst bedrijfspresentatie
 
Werken in de websector: iets voor jou?
Werken in de websector: iets voor jou?Werken in de websector: iets voor jou?
Werken in de websector: iets voor jou?
 
Sana Commerce online marketing features in de praktijk klantcase samen met br...
Sana Commerce online marketing features in de praktijk klantcase samen met br...Sana Commerce online marketing features in de praktijk klantcase samen met br...
Sana Commerce online marketing features in de praktijk klantcase samen met br...
 
C4 real keynote presentatie bert
C4 real keynote presentatie bertC4 real keynote presentatie bert
C4 real keynote presentatie bert
 
Seminar Google Universal Analytics
Seminar Google Universal AnalyticsSeminar Google Universal Analytics
Seminar Google Universal Analytics
 
E-commerce in België 2016 - Getting started met e-commerce - PXL Hasselt
E-commerce in België 2016 - Getting started met e-commerce - PXL HasseltE-commerce in België 2016 - Getting started met e-commerce - PXL Hasselt
E-commerce in België 2016 - Getting started met e-commerce - PXL Hasselt
 
Next gen customer interaction 5th june
Next gen customer interaction   5th juneNext gen customer interaction   5th june
Next gen customer interaction 5th june
 
Cloudxp keynote 18 sept pvu
Cloudxp keynote 18 sept pvuCloudxp keynote 18 sept pvu
Cloudxp keynote 18 sept pvu
 
M+ Channel Management
M+ Channel ManagementM+ Channel Management
M+ Channel Management
 
Dmg click district_2013
Dmg click district_2013Dmg click district_2013
Dmg click district_2013
 
Social RecruitIn - Recruitment strategie bij de Bijenkorf door Monir Modderman
Social RecruitIn - Recruitment strategie bij de Bijenkorf door Monir ModdermanSocial RecruitIn - Recruitment strategie bij de Bijenkorf door Monir Modderman
Social RecruitIn - Recruitment strategie bij de Bijenkorf door Monir Modderman
 
2tCloud 4 fasen model - Copaco Cloud Event 2015 (break-out 1)
2tCloud 4 fasen model - Copaco Cloud Event 2015 (break-out 1)2tCloud 4 fasen model - Copaco Cloud Event 2015 (break-out 1)
2tCloud 4 fasen model - Copaco Cloud Event 2015 (break-out 1)
 
Jacques Vriens_De organisatie Tools4ever
Jacques Vriens_De organisatie Tools4everJacques Vriens_De organisatie Tools4ever
Jacques Vriens_De organisatie Tools4ever
 
Kennismaking Suneco algemeen
Kennismaking Suneco algemeenKennismaking Suneco algemeen
Kennismaking Suneco algemeen
 
Succes vandaag, is de toekomst van morgen!
Succes vandaag, is de toekomst van morgen!Succes vandaag, is de toekomst van morgen!
Succes vandaag, is de toekomst van morgen!
 
Artoos : Cross channel: de juiste mix
Artoos : Cross channel: de juiste mixArtoos : Cross channel: de juiste mix
Artoos : Cross channel: de juiste mix
 
ITxposure introductie
ITxposure introductieITxposure introductie
ITxposure introductie
 
Ontdek hoe 4 technologieën helpen bij fondsenwerving
Ontdek hoe 4 technologieën helpen bij fondsenwervingOntdek hoe 4 technologieën helpen bij fondsenwerving
Ontdek hoe 4 technologieën helpen bij fondsenwerving
 
Portfolio ict portfolio 2012
Portfolio   ict portfolio 2012Portfolio   ict portfolio 2012
Portfolio ict portfolio 2012
 
20191106 Almelo GGI veilig
20191106 Almelo GGI veilig 20191106 Almelo GGI veilig
20191106 Almelo GGI veilig
 

Mehr von Mathias Vissers

Intracto Workshop: social media (Antwerp Diamond Conference)
Intracto Workshop: social media (Antwerp Diamond Conference)Intracto Workshop: social media (Antwerp Diamond Conference)
Intracto Workshop: social media (Antwerp Diamond Conference)
Mathias Vissers
 
Intracto Workshop: online advertising (Antwerp Diamond Conference)
Intracto Workshop: online advertising (Antwerp Diamond Conference)Intracto Workshop: online advertising (Antwerp Diamond Conference)
Intracto Workshop: online advertising (Antwerp Diamond Conference)
Mathias Vissers
 
Native i os & android apps met javascript (Barcamp VRT #bcvrt)
Native i os & android apps met javascript (Barcamp VRT #bcvrt)Native i os & android apps met javascript (Barcamp VRT #bcvrt)
Native i os & android apps met javascript (Barcamp VRT #bcvrt)
Mathias Vissers
 

Mehr von Mathias Vissers (17)

De opstart van Plantiful.be - welke valkuilen zijn we tegen geokmen in de ops...
De opstart van Plantiful.be - welke valkuilen zijn we tegen geokmen in de ops...De opstart van Plantiful.be - welke valkuilen zijn we tegen geokmen in de ops...
De opstart van Plantiful.be - welke valkuilen zijn we tegen geokmen in de ops...
 
E-commerce in België - Waar moet je rekening mee houden als je een webshop st...
E-commerce in België - Waar moet je rekening mee houden als je een webshop st...E-commerce in België - Waar moet je rekening mee houden als je een webshop st...
E-commerce in België - Waar moet je rekening mee houden als je een webshop st...
 
Masterclass winkel van de toekomst - Stad Genk
Masterclass winkel van de toekomst - Stad GenkMasterclass winkel van de toekomst - Stad Genk
Masterclass winkel van de toekomst - Stad Genk
 
Intracto Marketing Meetup - Je website afstemmen op de customer journey
Intracto Marketing Meetup - Je website afstemmen op de customer journeyIntracto Marketing Meetup - Je website afstemmen op de customer journey
Intracto Marketing Meetup - Je website afstemmen op de customer journey
 
Hoe uw online aanwezigheid optimaliseren? Start to "e-commerce"
Hoe uw online aanwezigheid optimaliseren? Start to "e-commerce"Hoe uw online aanwezigheid optimaliseren? Start to "e-commerce"
Hoe uw online aanwezigheid optimaliseren? Start to "e-commerce"
 
E-commerce in België
E-commerce in BelgiëE-commerce in België
E-commerce in België
 
In-store marketing in een wereld van connected devices
In-store marketing in een wereld van connected devicesIn-store marketing in een wereld van connected devices
In-store marketing in een wereld van connected devices
 
"Don't attend this presentation". Een introductie tot conversie-marketing en ...
"Don't attend this presentation". Een introductie tot conversie-marketing en ..."Don't attend this presentation". Een introductie tot conversie-marketing en ...
"Don't attend this presentation". Een introductie tot conversie-marketing en ...
 
Thomas More Hogeschool 17/02/2014: Intracto, HTML5 & Mobile first
Thomas More Hogeschool 17/02/2014: Intracto, HTML5 & Mobile firstThomas More Hogeschool 17/02/2014: Intracto, HTML5 & Mobile first
Thomas More Hogeschool 17/02/2014: Intracto, HTML5 & Mobile first
 
Where technology meets marketing
Where technology meets marketingWhere technology meets marketing
Where technology meets marketing
 
Responsive & mobile websites
Responsive & mobile websitesResponsive & mobile websites
Responsive & mobile websites
 
Van idee naar website.
Van idee naar website.Van idee naar website.
Van idee naar website.
 
Intracto Workshop: social media (Antwerp Diamond Conference)
Intracto Workshop: social media (Antwerp Diamond Conference)Intracto Workshop: social media (Antwerp Diamond Conference)
Intracto Workshop: social media (Antwerp Diamond Conference)
 
Intracto Workshop: online advertising (Antwerp Diamond Conference)
Intracto Workshop: online advertising (Antwerp Diamond Conference)Intracto Workshop: online advertising (Antwerp Diamond Conference)
Intracto Workshop: online advertising (Antwerp Diamond Conference)
 
Social media mashup website's
Social media mashup website'sSocial media mashup website's
Social media mashup website's
 
(Pré) internet hypes uit de 90's
(Pré) internet hypes uit de 90's(Pré) internet hypes uit de 90's
(Pré) internet hypes uit de 90's
 
Native i os & android apps met javascript (Barcamp VRT #bcvrt)
Native i os & android apps met javascript (Barcamp VRT #bcvrt)Native i os & android apps met javascript (Barcamp VRT #bcvrt)
Native i os & android apps met javascript (Barcamp VRT #bcvrt)
 

Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)