Bord-O-Phish : Blog sur la Cybersécurité avec Intégration Frontend et Backend

🔒 Notre objectif  :

concevoir un blog dédié à la cybersécurité, alliant la gestion du front-end (HTML, CSS, JS, Bootstrap) et du back-end (PHP, SQL).

personae
Wireframe

🎨 Conception et Wireframes

Nous avons commencé par définir nos objectifs en identifiant nos personæ, représentant différents profils d’utilisateurs avec des besoins et des intérêts variés en matière de cybersécurité. Ces personæ ont guidé la conception de notre blog pour répondre aux besoins spécifiques de chaque utilisateur.

🖌️ Design system et maquettes

En utilisant Figma, nous avons élaboré un design system, des wireframes et des maquettes visuelles pour donner vie à notre vision.

Une attention particulière portée à la responsivité du site, assurant ainsi une expérience cohérente sur tous les appareils, qu’il s’agisse d’un ordinateur de bureau, d’une tablette ou d’un smartphone.

Design system
Maquette Figma
Site Blogart

💻 Intégration du Site avec Fonctionnalités Backend

Nous avons développé un système backend pour gérer l’inscription, la connexion et la déconnexion des utilisateurs, en utilisant PHP et SQL.

Page article

Technologies Utilisées : HTML, CSS, JavaScript, Bootstrap, PHP et SQL.