Bik'air

Secteur : Vélos en libre service
Date : 2017-2018
Rôle : Customer Experience Officer (UX, Marketing, Communication)

Contexte

Malgré un intérêt croissant des Français pour des nouvelles solutions de mobilité douce dont fait partie le vélo électrique, le coût à l'achat qu'il représente reste toujours un frein important. Le startup française Bik'air tente de répondre à ses problématiques en proposant une solution de vélos à assistance électrique en libre-service et sans bornes afin d'offrir aux citadins une nouvelle expérience de transport plus fluide, plus flexible et plus écologique.

Pour son lancement sur le marché, Bik'air souhaite développer son application mobile en faisant de l'expérience client l'un des piliers stratégiques de l'entreprise.

Objectifs

  • Concevoir les différents produits de l'entreprise
  • Mettre en place les stratégies de marketing et de communication
  • Création d'une identité visuelle en adéquation avec les valeurs de l'entreprise

1. Design et suivi de réalisation des projets digitaux

A. Application mobile

Recherche & Analyse

La première étape a été de définir les problèmes que rencontrent les utilisateurs afin de leur proposer des solutions qui y répondent. Nous avons effectué une phase de recherche secondaire ainsi qu'un benchmark concurrentiel et fonctionnel afin de mieux cerner le marché du vélo en libre-service et les attentes des utilisateurs.

La réalisation d'un storyboard nous a permis de synthétiser nos recherches ainsi que de proposer un un support de référence auquel l'équipe peut se référer pour mettre en contexte l'interaction entre les utilisateurs et le service.

Storyboard

Cette phase nous a également permis d'identifier 4 groupes qui formeraient nos personas et de poser nos parcours clients. Ci-dessous, notre persona primaire, Philippe, dont le besoin est de se déplacer rapidement dans Paris entre son travail et son domicile en évitant de prendre sa voiture.

Persona primaire

Architecture

Grâce aux éléments recueillis et analysés à l'étape précédente, nous avons pu ainsi rédiger les user stories des premières fonctionnalités de notre produit et les inclure dans un Product Backlog sous Trello jusqu'à obtenir la roadmap du MVP.

Design

Sur la base des éléments recueillis dans les phases précédentes et des bonnes pratiques ergonomiques, nous avons conçu de manière itérative les wireframes de notre MVP sous Sketch et Invision. Avec les retours de l'équipe et de 5 beta-testeurs, les wireframes se sont enrichis jusqu'à arriver à une version dont nous étions satisfaits que nous avons transposé en maquette HD ainsi qu'en prototype interactif sous Invision.

Wireframes vers maquettes HD

Production

Nous avons choisi de développer l'application mobile sous React Native afin de ne développer qu'une seule base de code facile à déployer et faire évoluer sur iOS et Android.

Le développeur s'est ainsi appuyé sur le backlog, les maquettes et les assets graphiques produits pour développer semaines après semaines la première version de l'application (beta).

Maquettes Haute-Définition sous Sketch (v2)

B. Site Web

Recherche & Analyse

Les objectifs du site web sont de présenter le concept Bik'air de manière simple et intuitive tout en véhiculant l'image et les valeurs de la marque à travers le design afin de leur donner envie de télécharger l'application.

Après avoir effectué un benchmark concurrentiel de webdesign, nous avons décidé de réaliser un site en responsive design reprenant l'idée d'un site en one-page, à la fois tendance et réputé pour sa navigation fluide, rapide et intuitive.

Architecture

Concernant l'architecture de l'information, nous avons effectué un tri de carte ouvert en interne afin de définir et regrouper les différents contenus du site.

Design

D'un point de vue visuel, il était important de conserver une certaine cohérence entre l'application et le site afin de ne pas boulverser l'utilisateur. Ainsi, nous avons gardé une charte graphique (couleurs, typographie, design d'icônes, ...) similaire pour les deux supports. Le site devait être également aussi accessible et "fun" à parcourir sur mobile que sur ordinateur.

Afin de rendre la visite plus interactive et émotionnelle, nous avons travaillé sur des transitions fluides entre les sections ainsi que l'ajouts de micro-animations tout au long du scroll des pages.

Les maquettes ont été effectuées sous Sketch avant d'être validées en interne et par une poignée de beta-testeurs avant de rentrer en phase de production.

Production

Le site n'étant pas amené à beaucoup évoluer, nous avons opté pour un développement en natif (HTML-CSS-JS / PHP-MySQL) basé sur le framework Bootstrap pour la partie front-end.

C. Back-office

Le back-office est la plateforme permettant de gérer l'intégralité de la flotte de vélos, de la logistique en passant par les trajets effectués par les utilisateurs. C'est donc une plaque tournante de l'activité et de la productivité des équipes de Bik'air.


Nous avons utilisé les langages HTML-CSS-JS / PHP-NoSQL pour développer le back-office avec un processus de conception sensiblement identique aux précédents projets digitaux et en se basant sur les principes du Material Design de Google. Les fonctionnalités disponibles sont les suivantes :


  • Consulter les informations d'un vélo (géolocalisation, taux de batterie, dernier utilisateur, # pièces détachées, …)
  • Consulter les informations relative à un client (informations, historique des trajets, tickets de signalements, ...)
  • Consulter les informations relative à un trajet (état, # vélo, dernier client, problèmes signalés, ...)
  • Créer / consulter / éditer les informations d'un ticket de signalement (logistique)
  • Automatisation de l'état / disponibilité du vélo en fonction de son cycle de vie
  • Système de notifications
  • Statistiques en temps réel
  • Moteur de recherche (vélos, trajets, tickets, utilisateurs)

2. Stratégies Marketing / Communication

A. Plan Marketing

Mes compétences en marketing et mon attrait pour l'entrepreneuriat m'ont permis de travailler à la construction du Business Plan conjointement avec le fondateur, en me focalisant davantage sur le plan marketing.

Ce plan marketing regroupe toute les stratégies de vente et de promotion de l'entreprise par cible et par canal, les budgets nécessaires pour la mise en œuvre de ces actions ainsi que tous les indicateurs de performance à suivre pour mesurer nos résultats.

Par mesure de confidentialité, je ne peux dévoiler qu'un schéma des actions planifiées aux différentes étapes du parcours client :

B. Communication

Garant de l'image de marque, j'ai produit et réalisé pour plusieurs missions divers visuels pour supports physiques, digitaux ou print.

Publications sur les réseaux sociaux pour sensibiliser les utilisateurs

Visuel de publicité pour réseaux sociaux

Publicité en carousel

Flyer Street-marketing (recto)

Flyer Street-marketing (verso)

Plaquette de présentation 3 volets pour salons (recto)

Plaquette de présentation 3 volets pour salons (verso)

Gabarit de branding du vélo

L-Banner 100x200 pour salons

Affiche 100x130 pour salons

Carte de visite Bik'air (recto / verso)