Night and Day

Rebranding et intégration ERP sous Wordpress

La génese d'un projet de haut vol

Prospection pro-active

Night and Day est le fruit d’une prospection proactive de notre part. Lorsque nous avons approché la direction, le projet de base était de mettre à neuf un site web créer à la fin des années 90. Une enseigne tels que Night and Day se devait d’avoir une stratégie web digne de ce nom. Car même si leurs magasins ne désemplissent pas, l’entreprise ajoute régulièrement de nouveaux services à son arsenal commercial, et ces services se devaient d’être connus du grand publique.Après une première analyse, le schéma était simple, la nouvelle plateforme présenterait une carte des magasins avec pour chaque magasin: adresse, situation géographique, téléphone, email et liste de services, mais au final cela s’avérait beaucoup être un site automatisé via un ERP. Explication…

Première analyse

Après une première analyse (toujours avec un café!), le schéma était simple, la nouvelle plateforme présenterait une carte des magasins avec pour chaque magasin: adresse, situation géographique, téléphone, email et liste de services.

Mais notre vision de base était erroné, car un nouveau service voyait le jour chez Night and Day; la billetterie en ligne. Et afin que la team IT de l’entreprise ne soit pas obligé de faire le travail de mise à jour 2 fois, une fois pour gérer la billetterie des magasins et un autre fois pour mettre à jour la billetterie en ligne, il fallait que touts soit automatisé

Le maître mot: automatisation !

Vous reprenez bien un peu de data ?

Sur papier le service de billetterie n’était pas vraiment un gros challenge, par contre nue fois qu’on lui ajoutait la fonctionnalité de mise à jour automatique c’était une toute autre affaire… En gros un billet en terme « informatique », c’est un paquet de données. C’est une date, une heure ,un titre, une description, une salle, une adresse, une image du ticket, une image de l’artiste, un URL d’achat du ticket en ligne … et si c’est un festival, quel jour ? Avec ou sans camping ? etc… Bref une myriade d’information qu’il faut pouvoir insérer, recouper, mettre à jour, sans l’intervention d’une personne et sans aucun couac.

Cafés, tableau blanc et marqueurs

Après quelques courtes réunion avec le client, et beaucoup de débat en interne sur
« Ze approche ultime», nous définissons une solution qui à l’avantage d’être extensible et configurable à souhait:

Le client nous met à disposition des documents via URL qui contiennent les informations concernants les billets directement depuis leur outil de gestion de stocks.
Sur le site, une interface permet de créer une configuration entre les documents du clients et la base de données du site.
Toutes les 4 heures un script que nous avons mis au point va chercher ces informations et met à jour les billets sur le site et supprime ceux qui ne sont plus référencé dans le stock.

Le client est ravis du résultat, qu’il demande à automatiser la liste de service et les informations des magasins de la même sorte… Pluie d’étoiles magiques, et 2 heures plus tard c’est fait. Comme quoi une bonne analyse de base fait beaucoup !

De la technique...
et du design.

La difficulté de la "carte blanche"

Au niveau du design, l’équipe Night and Day nous laissait carte blanche avec un phase de validation quand même, ce qui était super pour nous. Mais un carte blanche est une arme à double tranchant. Car si cela nous laisse énormément de latitude, cela nous en laisse parfois trop ! Et donc notre phase d’exploration du design à été relativement longue. Pas moins de 15 versions totalement différentes ont étés créés en interne.

La carte blanche est une arme à double tranchant.

Design et lisibilité

Nous sommes toujours soucieux de la lisibilité des contenus. Nous avons opté pour une approche structuré du texte afin de facilité le découpage opéré par le cerveau lorsqu’il « scan » la page. La taille définit la hiérarchie mais aussi le code couleur, afin de bien mettre l’emphase sur les mots importants et les liens qui apparaissent dans le contenu.

Module header

Les design reste épurer pour laisser apparaitre la hiérarchie des contenus

Approche modulaire

Au final, la grille qui définit la structure des page est très simple et l’utilisateur trouve facilement les contenus qui l’intéresse. Chacun des modules est clairement séparé des autre et le niveau de contraste permet au cerveau de faire facilement le travail de digestion de l’information.

Cette vision modulaire est super pratique car elle à l’avantage d’être facile à répliqué tout au long des pages. En plus, elle facilite une mise à jour future du design et permet de modifier un module sans toucher aus autres

Ou venez
chez nous !

Rue du soldat Lazard 34
1370 Jodoigne
Belgique

0496/318.676 hello@littlestrong.be