UI & UX DESIGN

Box Fibre de SFR

Le Projet

FONCTION – Lead Designer UI

CLIENT – SFR

TIMING – 1 mois – Lancement en octobre 2014

TYPE – Responsive

OUTILS – Photoshop

Box Fibre de SFR - Colors

Suite à la récente vente de SFR à Numericable, le second opérateur français annonce sa nouvelle Box TV Fibre et ses offres associées, pour profiter du Très Haut Débit, des services TV by Numericable et des services SFR.
Pour accompagner ce lancement nous devons concevoir et réaliser un concept de pages expérientielles et vendeuses.
PROCESS, DÉTAIL ET RÉSULTAT

Expérience immersive

Mission première : imaginer un concept moderne pour ces pages.
L’idée d’un storytelling centralisé sur un descriptif produit m’effleurait l’esprit.

Après une phase de bench et analyse des tendances du moment, le concept a émergé, une page expérientielle avec des effets de parallax et des visuels immersifs.

Concrètement, la homepage présente les différents aspects de la Box et de la Fibre sous forme de bandes de contenus, avec des volets dépliants pour plus de détails.
Chaque lame est introduite par une zone visuelle et immersive avec un effet parallax.
En bas de page l’utilisateur découvre la présentation des nouvelles offres et le rebond vers la souscription.

Voici un détail des éléments réalisés sur ce projet :

  • Homepage expérientielle et pages de sous-niveau plus statiques
  • Ajout de micro interactions au scroll, pour dynamiser le contenu
  • Navigation stickée contenant un formulaire de test d’éligibilité
  • Et bien entendu, respect total de la charte SFR (typographie, couleurs, système de polygones)

De la conception à la mise en production nous avons eu juste un petit mois pour oeuvrer. Très intense donc !
Une parfaite synergie entre les différents acteurs (Product Owner, UX Designer, UI Designer, Intégrateurs) et une bonne gestion des ressources a permis d’y arriver.

Au final le résultat a fait son effet, des pages immersives, fluides et agréables à parcourir, incitant à découvrir nos nouvelles offres.

DÉCOUVREZ EN VIDÉO LE SITE ET SES INTERACTIONS
Homepage

Pages secondaires