B!nsafe — Mon travail de fin d’études en Webdesign UI/UX

Le projet

Dans le cadre de mon travail de fin d’études en Webdesign UI/UX, j’ai réalisé le site internet de B!nsafe, une entreprise spécialisée dans les services informatiques et la cybersécurité. Ce projet m’a permis de prendre en charge toutes les étapes de la création d’un site web, depuis l’analyse des besoins du client jusqu’à l’intégration et la mise en ligne du site sur WordPress. L’objectif était de créer un site moderne, professionnel et rassurant, capable de présenter clairement les services de B!nsafe à des entreprises, des indépendants, des associations et des institutions.

Mon rôle

Pour ce projet, j’ai travaillé sur l’ensemble de la conception du site. J’ai commencé par échanger avec le client afin de mieux comprendre son entreprise, ses services, ses valeurs et les besoins de ses futurs utilisateurs. Mon travail comprenait :

l’analyse des besoins du client ;
la rédaction du cahier des charges ;
l’analyse de plusieurs concurrents ;
la définition du public cible ;
la création de personas ;
la réalisation du plan du site ;
la conception des wireframes ;
la création du guide de style ;
la recherche des images ;
la création des différentes pages ;
l’intégration du site sur WordPress ;
l’adaptation du site aux différents formats d’écran ;
la mise en ligne du projet.

Les objectifs

Le domaine de la cybersécurité peut être difficile à comprendre pour une personne qui ne possède pas de connaissances techniques. Le principal défi était donc de présenter les services de B!nsafe avec des mots simples et une organisation claire. J’ai travaillé autour de plusieurs objectifs :

présenter clairement les activités de B!nsafe ;
renforcer l’image professionnelle de l’entreprise ;
rassurer les visiteurs ;
simplifier la compréhension des services ;
aider les utilisateurs à trouver une solution adaptée à leur problème ;
faciliter la prise de contact ;
proposer une navigation simple sur ordinateur, tablette et smartphone.

Une navigation claire

J’ai organisé le site autour de plusieurs rubriques principales : les solutions, les services, la méthodologie, les engagements, les partenaires et la page de contact. Les solutions sont classées selon les besoins des utilisateurs, comme la protection des données, la réaction face à une cyberattaque, la réalisation d’un audit de sécurité, la formation des collaborateurs ou la sécurisation du réseau. Cette organisation permet au visiteur de partir directement de son problème pour trouver plus facilement le service qui lui correspond.

Une identité visuelle professionnelle

Pour l’identité visuelle du site, j’ai choisi une palette de couleurs sombres afin de rappeler l’univers de l’informatique et de la cybersécurité. Des couleurs plus vives sont utilisées pour mettre en avant les boutons, les appels à l’action et les informations importantes. J’ai également choisi des typographies lisibles et modernes. Les contenus sont présentés à l’aide de cartes, d’icônes et de sections bien séparées pour rendre les pages plus agréables à parcourir. L’objectif était de créer un univers à la fois technologique, professionnel et accessible.

Des contenus accessibles

J’ai accordé une attention particulière à la manière de présenter les informations. Les textes utilisent un vocabulaire simple afin que les visiteurs puissent comprendre les services proposés sans devoir connaître les termes techniques de la cybersécurité. Chaque page explique le problème rencontré par le client, la solution proposée par B!nsafe et les avantages de cette solution. Des boutons sont également placés à plusieurs endroits du site pour faciliter la prise de contact.

Le développement

Le site a été développé avec WordPress et l’éditeur Gutenberg. J’ai utilisé un thème enfant basé sur Twenty Twenty-Five afin de personnaliser le site tout en conservant une structure stable. Les différentes sections et les composants ont été conçus pour garder une présentation cohérente sur l’ensemble des pages. Le site a également été pensé en responsive design. La navigation, les textes, les images, les cartes, les boutons et le pied de page s’adaptent aux ordinateurs, aux tablettes et aux smartphones.

Le résultat

Le résultat est un site moderne, clair et professionnel qui correspond à l’image de B!nsafe. Les visiteurs peuvent comprendre rapidement les services proposés, trouver une solution adaptée à leurs besoins et contacter facilement l’entreprise. Ce travail de fin d’études m’a permis de mettre en pratique les différentes compétences apprises durant ma formation : recherche UX, organisation des contenus, création d’une identité visuelle, conception d’interfaces, intégration sur WordPress et responsive design.