Ui design

Refonte du média
numérique de batiweb

Batiweb, média connu depuis 1996, présente l’actualité du BTP et met à disposition des professionnels une bibliothèque complète de produits. Pour moderniser son service, la marque avait pour objectif le déploiement de son site sur mobile avec une version plus aéré afin de faciliter la lecture des articles.

Wireframing avancé

Pour commencer à réunir les informations denses, il m'a fallu définir la hiérarchie de l'information du design avec des Wireframes afin d'élaborer plus simplement la mise en page selon le fil conducteur que le client désirait suivre pour ses utilisateurs (Principalement des artisans et architectes).

Approche atomic design

Diffèrentes problématiques de mise en page m'ont été demandées : conserver la colonne de droite, adapter les emplacements publicitaires sur mobile, faciliter les futurs évolutions... J'ai pris donc l'initiative d'utiliser la méthode de l'atomic design en construisant des éléments d'interface pouvant facilement s'implémenter dans tous types d'environnement.

Page produits

Les produits sur Batiweb sont les portes d'entrée d'un contact commercial. Ils bénéficient ainsi d’un lifting que j'ai voulu plus clair, avec des codes couleurs pour les redirections bien définies pour chaque action.

Modals sur Batiweb

Autres pages