Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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 r...
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
...
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?
• Ee...
Determinetheprojectscope
What does the customer wantto achieve with its newplatform?
Createahigh-level backlog
An open dis...
Determinetheprojectscope
What does the customer wantto achieve with its newplatform?
Createahigh-level backlog
An open dis...
Discovery
Discovery
Strategy &
concept
Stakeholder
analysis
Business
Model Canvas
Personas
Architecture &
content
Paper Sorting
Func...
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...
Architectuur
CRM
CMS
Mandrill
Forms
Profiles
E-mail
Automation
platform
Booking engine
JS-based FE
ESBDAM? …
Implementatio...
Timing
Jan-Feb
Discovery
definitionandanalysis
Discovery
Final design
Implementation
Content review
Content input
GO LIVE
...
Budget
• Mindmaps, wireframes,
• Bepalen van actoren (b.v. integraties met ERP-systeem),
• Technologie-keuze
• Oplijsting risico’...
DiscoveryBriefing Implementation
DiscoveryBriefing Implementation
Implementatie
ImplementationDiscoveryBriefing
Dedicated, multi-skilled team
• Project management
• Strategy/ marketing
• Development
• Testing & QA
• Deployment and hos...
Project Manager
Project Manager
Project manager
(SPOC)
UX/UI
designer
Front-end
dev.
Drupal
dev.
Drupal
dev.
Drupal
dev.
P...
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.
P...
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 verschi...
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?
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepaste Informatica)
Upcoming SlideShare
Loading in …5
×

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

11,309 views

Published on

Van idee tot executie. Workshops, ontwikkeling, technologieën, e-commerce, conversie, responsive

Published in: Internet
  • Be the first to comment

  • Be the first to like this

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

  1. 1. Aanpak van een (web)project
  2. 2. 75+ experts in strategy, branding, marketing, content, customer experience and development.
  3. 3. digitale strategie Tom Van Mierlo Mathias Vissers
  4. 4. 75
  5. 5. • 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
  6. 6. Van idee tot website executie
  7. 7. “Wat kost een website?” --de klant
  8. 8. “25.000 euro” --Intracto
  9. 9. “Aub” --de klant
  10. 10. 1 week later…
  11. 11. “Klaar! Bedankt, en tot ziens” --Intracto
  12. 12. Passionateabout digital www.intracto.com Bedankt! Mathias Vissers @mvissers | mathias.vissers@intracto.com Tom Van Mierlo @tomvm | tom.vanmierlo@intracto.com
  13. 13. Fases in een webproject
  14. 14. Discovery Briefing Implementation Fases DiscoveryBriefing Implementation
  15. 15. Briefing
  16. 16. • 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
  17. 17. 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
  18. 18. 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
  19. 19. Discovery
  20. 20. 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
  21. 21. product marketinglogistiek technisch Verwachtingen/ verantwoordelijkheden
  22. 22. Metadata
  23. 23. Logistiek
  24. 24. ERP-integratie
  25. 25. Verzendbaarheid
  26. 26. Online payments
  27. 27. Facturatie / administratie / legal
  28. 28. Customer service
  29. 29. Retours
  30. 30. …en hoe dan nog marge overhouden
  31. 31. 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
  32. 32. Architectuur CRM CMS Mandrill Forms Profiles E-mail Automation platform Booking engine JS-based FE ESBDAM? … ImplementationDiscoveryBriefing Automation platform
  33. 33. 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
  34. 34. Budget
  35. 35. • 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
  36. 36. DiscoveryBriefing Implementation
  37. 37. DiscoveryBriefing Implementation
  38. 38. Implementatie
  39. 39. ImplementationDiscoveryBriefing
  40. 40. 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
  41. 41. 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
  42. 42. ImplementationDiscoveryBriefing Jira
  43. 43. ImplementationDiscovery Jira Briefing
  44. 44. Digitale marketing
  45. 45. Discovery Briefing Implementation Fases Marketing Marketing
  46. 46. 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
  47. 47. we data 49
  48. 48. Doelen bepalen Meten of ze bereikt worden Drempels detecteren en wegnemen Op basis van feiten, niet buikgevoel
  49. 49. Alles is meetbaar elke stap, elke aankoop, elke hindernis
  50. 50. Het meeste heb je zelf in handen The good news?
  51. 51. Digitale Conversion marketing
  52. 52. Wat is conversie?
  53. 53. 56 Een verkoop Een formulier-inzending Een download Een aanvraag …
  54. 54. 57
  55. 55. Waarom is conversie belangrijk?
  56. 56. 59
  57. 57. 60 Conversion marketing • Usability • Persuasion design • Brand experience
  58. 58. 61 Conversion marketing • Usability (gebruiksvriendelijkheid) • Persuasion design • Brand experience
  59. 59. http://slideshare.net/dings/persuasive-web-design-how-to-separate-users-from-their-bad-behaviours
  60. 60. 63 Technische fouten Te lange formulieren Te veel (persoonlijke) informatie vragen Onduidelijke vragen
  61. 61. The devil is in the details
  62. 62. There’s no excuse
  63. 63. 20-30% 30-40% 40-50% 50-60%
  64. 64. 20-30% 30-40% 40-50% 50-60%
  65. 65. 76 Mobiel internet gebruik in BE
  66. 66. 2011 – 3,5% 2012 – 13% 2013 – 17% 2014 – 20% Bruxx.be mobiel verkeer 2015 – 40%
  67. 67. Secret Santa Organizer
  68. 68. Openings- uren.com
  69. 69. 82
  70. 70. www.google.com/webmasters/tools/mobile-friendly/
  71. 71. 84
  72. 72. E-mail & responsive 85
  73. 73. 86 Conversion marketing • Usability (gebruiksvriendelijkheid) • Persuasion design • Brand experience
  74. 74. http://www.slideshare.net/dings/persuasive-web-design-how-to-separate-users-from-their-bad-behaviours
  75. 75. http://www.slideshare.net/dings/persuasive-web-design-how-to-separate-users-from-their-bad-behaviours
  76. 76. Persuasive design (in real life) +66%
  77. 77. - Schaarste - Sociaal bewijs - Authoriteit - Context (framing) - Timing en focus Persuasion Design
  78. 78. Bron: http://darkpatterns.org/
  79. 79. Bron: @agconsult
  80. 80. 101 Conversion marketing • Usability • Persuasion design • Brand experience
  81. 81. Online verkopen Is meer dan een goede verbinding tussen je kassasysteem en het internet.
  82. 82. http://www.baekdal.com/insights/rethink-your-ecommerce-strategy
  83. 83. Verkoop je producten zoals je klanten ze willen kopen Niet zoals jij ze wil verkopen
  84. 84. Hoe Willen mijn klanten mijn producten kopen?
  85. 85. Bron:http://www.usability-blog.be/
  86. 86. +20%
  87. 87. Last, but not least…
  88. 88. open source php, html, css, … Technologiekeuze is belangrijk! Ook ivm eigendomsrechten en continuïteit
  89. 89. Think big, start small.
  90. 90. OK, I’m convinced. How do I get in?
  91. 91. “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
  92. 92. Hard skills vs. soft skills
  93. 93. User groups & events
  94. 94. Start building  Van je hobbyje werk maken?  Werk maken van je hobby. 130
  95. 95. Passionateabout digital www.intracto.com Questions?

×