1. De la bonne collaboration des
Startups et des agences
Boostcamp Microsoft innovation center Belgique
2012 – Romain Carlier

2. Comment dialoguer avec une agence ?
Et comment une bonne agence compétente peut
propulser votre projet ?

3. 1. Processus de création

4. ! Passion
! Match complet ou changez de prestataire
Agile
/
Scrum
Old
school
Chez Reaklab, nous sommes des Cowboys.
Cela implique que nous avons une relation moins
intéressante avec les entreprises moins dynamiques.

5. ! Web only?
! Mobile !rst?
! Responsive?
! Build or buy?

6. « Trying to understand what a client wants will
most likely make you go batshit crazy »
C. Dalham

7. Le
prestataire
Exprime
vos
besoins
dans
un
rapport
/
première
approche.
! Apport d’information business Vous
Validez
la
vision
qu’il
a
perçue
– Expression des besoins de
VOTRE
projet
– Expression des envies
– Dé!nition des pro!ls utilisateurs « à Le
prestataire
Analyse,
compare,
recherche
priori » et
forme
un
package
technologique
! Apport d’informations techniques
basiques
– Direction et conseil sur le choix de
l’outil initial

8. Vous
Vous
lâchez
complètement…
! Explication des coûts Le
prestataire
Canalyse
et
vous
indique
ce
– Domaines qu’il
est
possible
de
faire,
et
comment
le
faire
– Serveurs
– Outils
– Licenses diverses
! Aide à la compréhension des
technologies

9. Quelques notions techniques

10. ! Cascading Style Sheets
! Séparation contenu / contenant
! CSS 3
! Support des navigateurs
! Responsive Design

11. ! AJAX
! Interaction accrue
! Animations
! Amélioration de l’UX
– Suppression
de
la
rupture

12. Dans le cas d’un site vitrine

13. Le
prestataire
Vous
conseille
sur
la
voie
de
communicaLon
! Avant application, site Vitrine Vous
quand même. Définissez
vos
envies
– Dé!nition du périmètre du site
– Choix du niveau de langue pour la
communication Le
prestataire
Analyse,
compare,
recherche
– Intégration à la ré#exion des envies de et
forme
un
package
communication (microblogging, technologique
blogging)

14. Dans le cas d’une application

15. Le
prestataire
Vous
conseille
sur
la
voie
de
communicaLon
! Formation d’une équipe de Vous
partenaires Définissez
vos
envies
– Dé!nition du périmètre du site
– Choix du niveau de langue pour la
communication Le
prestataire
Analyse,
compare,
recherche
– Intégration à la ré#exion des envies de et
forme
un
package
communication (microblogging, technologique
blogging)

16. ! Webveille Analytics
! Gemotions Mobile
Adventures

17. Ensuite

18. Le
prestataire
Couche
dans
un
format
type
«
wireframe
»
sa
compréhension
du
projet
! AVANT fonctionnalités
! Permet de réduire les Vous
Rédigez
du
contenu.
coûts graphiques par la (Charte
éditoriale)
suite
Le
prestataire
Analyse,
compare,
recherche
et
forme
un
package
technologique

19. ! Première étape : Création d’identité
– Logo, charte graphique print, CDV, couriers
! Seconde étape : Proposition web
générale
! Tierce étape : Proposition des autres
pages, autres vues
! Quatr… Quarti… En!n! Production de
déclinaisons, de variations réseaux
sociaux, d’outils de promotion…

20. ! Installation de l’environnement
! Installation des outils
! Suivi de la méthode choisie
! Mon conseil
– Beaucoup d’itérations
– Une communication simple (IM, mail)

21. ! Passage de la version image à la version web.
! Faites con!ance à votre intégrateur.
! Compréhension des différences de navigateurs.
Internet
Explorer
Webkit
(groupe)
Gecko
! Graceful degradation
! Optimisations front-end

22. ! Scalabilité
! Content Delivery Networks
! Installation externes (envois de SMS, scan de sources)
! Coûts d’appels à des services tiers
Veille constante sur votre projet (quitte à ce qu’elle ait un
coût)

23. ! Etape qualité
! Véri!cations
– Derniers ajustements
– Corrections de bug (Attention à la durée
de correction)
! Test !nal
! Recettage
! Mise en ligne du contenu
! Soumission aux moteurs de recherche

24. Vitesse
U'lité
Médi Simplicité
Interac'ons
as
re
uvertu
O Proximité
é
SEO
Ludicit

25. ! Supportez toujours plusieurs environnements. Minimum :
– Développement
– Production
! Ne cherchez pas à diminuer le prix coûte que coûte.

26. Quand faire appel à un autre
prestataire?

27. ! Référencement
– Référencement naturel technique = agence
– Techniques de référencement avancées
– Aide à la sélection mots clés, recherche, analyse
! Réputation en ligne
! Community management
! Copywriting
! Marketing

28. Romain Carlier
Kévin Descoubes
Merci beaucoup
contact@reaklab.com pour votre attention !
0032 65 98 00 22
www.reaklab.com