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

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

1. Processus de création

!   Passion !   Match complet ou changez de prestataire

Chez Reaklab, nous sommes des Cowboys. Cela implique que nous avons une relation moins

intéressante avec les entreprises moins dynamiques.

Agile  /  Scrum   Old  school  

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

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

C. Dalham

!   Apport d’information business –  Expression des besoins –  Expression des envies –  Dé!nition des pro!ls utilisateurs « à

priori » !   Apport d’informations techniques

basiques –  Direction et conseil sur le choix de

l’outil initial

Le  prestataire  Exprime  vos  besoins  dans  un  rapport  /  première  approche.  

Vous  Validez  la  vision  qu’il  a  perçue  de  VOTRE  projet  

Le  prestataire  Analyse,  compare,  recherche  et  forme  un  package  technologique  

!   Explication des coûts –  Domaines –  Serveurs –  Outils –  Licenses diverses

!   Aide à la compréhension des technologies

Vous  Vous  lâchez  complètement…  

Le  prestataire  Canalyse  et  vous  indique  ce  qu’il  est  possible  de  faire,  et  comment  le  faire  

Quelques notions techniques

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

!   AJAX !   Interaction accrue !   Animations !   Amélioration de l’UX

–  Suppression  de  la  rupture

Dans le cas d’un site vitrine

!   Avant application, site Vitrine quand même. –  Dé!nition du périmètre du site –  Choix du niveau de langue pour la

communication –  Intégration à la ré#exion des envies de

communication (microblogging, blogging)

Le  prestataire  Vous  conseille  sur  la  voie  de  communicaLon  

Vous  Définissez  vos  envies  

Le  prestataire  Analyse,  compare,  recherche  et  forme  un  package  technologique  

Dans le cas d’une application

!   Formation d’une équipe de partenaires –  Dé!nition du périmètre du site –  Choix du niveau de langue pour la

communication –  Intégration à la ré#exion des envies de

communication (microblogging, blogging)

Le  prestataire  Vous  conseille  sur  la  voie  de  communicaLon  

Vous  Définissez  vos  envies  

Le  prestataire  Analyse,  compare,  recherche  et  forme  un  package  technologique  

!   Webveille Analytics ! Gemotions Mobile

Adventures

Ensuite

!   AVANT fonctionnalités !   Permet de réduire les

coûts graphiques par la suite

Le  prestataire  Couche  dans  un  format  type  «  wireframe  »  sa  compréhension  du  projet      Vous  Rédigez  du  contenu.  (Charte  éditoriale)  

Le  prestataire  Analyse,  compare,  recherche  et  forme  un  package  technologique  

!   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…

!   Installation de l’environnement !   Installation des outils !   Suivi de la méthode choisie

!   Mon conseil

– Beaucoup d’itérations – Une communication simple (IM, mail)

!   Passage de la version image à la version web. !   Faites con!ance à votre intégrateur. !   Compréhension des différences de navigateurs.

! Graceful degradation !   Optimisations front-end

Internet  Explorer   Webkit  (groupe)   Gecko  

! 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)

!   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

Vitesse  U'lité   Médias  

Simplicité   Interac'ons  

Ouverture  

SEO   Ludicité  Proximité  

!   Supportez toujours plusieurs environnements. Minimum : –  Développement –  Production

!   Ne cherchez pas à diminuer le prix coûte que coûte.

Quand faire appel à un autre prestataire?

!   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

Romain Carlier Kévin Descoubes contact@reaklab.com 0032 65 98 00 22 www.reaklab.com

Merci beaucoup pour votre attention !