Création d’un Site de répertoire de contacts moderne
Réalisation d’un site web dans un groupe de 6, l'objectif étant de pouvoir un site où gérer ses contacts pro et perso, les ajouter, lire, modifier et supprimer.
Objectifs du projet
Apprendre comment fonctionne certains langages (PHP, MySQL) afin de pouvoir créer une base de données fonctionnelle et d'avoir un site opérationnel
Enjeux
Ma partie consistait au développement front-end (UI) afin que le suite puisse être facilement utilisé dans un design moderne avec des fonctionnalités efficaces.
- Structurer le site avec un bouton qui gère la partie pro et l'autre la partie perso
- Mettre en place une grille pour les contacts et notamment la possiblité de les mettre en favoris.
- Mettre des fonctionnaités comme un changement de thème ou une corbeille.
Résultats
Le projet permet aujourd’hui de gérer facilement ses contacts pro et perso en pouvant les supprimer temporairement ou définitivement en vidant la corbeille, et en ajouter de nouveaux.
- Navigation fluide pour l'expérience utilisateur (UX).
- Compatibilité mobile, tablette et desktop.
- Design simple et moderne.
Développement
Un focus sur la structure front-end et les différentes fonctionnaités.
Animations de thème
Bouton pour la possibilité de changement de thème.
Le changement de thème ne se fait pas de manière brute, mais via une transition fluide. Cette micro-interaction apporte une touche de modernité et de dynamisme au site.
Intéractions et dextérité
La box de contact s'anime lorsqu'on la survole, avec un bouton pour mettre le contact en favori.
Une interface pensé pour marquer l'utilisateur dans son expérience avec ce site de gestion de contacts, il sait comment retrouver facilement ses contacts que ce soit dans la partie pro ou perso.
Fonctionnalités avancés
Changement de partie entre contacts professionnels et personnels et une corbeille en cas de suppresion de contact involontaire.
Si l'utilisateur supprime un contact important sans le vouloir, il peut tout de même le restaurer à partir de la corbeille, il peut être rassuré d'avoir une bonne gestion pour ses contacts.
Autres projets...
Découvrez également le projet de CV en ligne avec un développement front-end moderne.
CV en ligne
Site web d'un CV en ligne permettant d'avoir une vraie intéraction plutôt qu'un simple PDF.
Voir le projet