le site web
Votre espace, vos outils !
Un espace où chacun peut organiser ses ressources et les classer selon ses préférences. Inosphere se distingue en offrant des recommandations adaptées à différentes catégories pour encourager la découverte de nouveaux sites pratiques et enrichissants. Des tutoriels seront également disponibles sur les réseaux sociaux pour enrichir l’expérience. Ce prototype mettra en avant les
fonctionnalités principales de la plateforme, les interfaces clés, et tout le potentiel de personnalisation ainsi qu’un aperçu du compte Instagram.
Vous pouvez retrouver le prototype du site internet en version dekstop.
Vous pouvez retrouver le prototype du site internet en version mobile.
LA CRéation du site
J’ai réalisé un prototype complet du site web en version desktop et mobile sur Figma, avec pour objectif de concevoir une plateforme à la fois fonctionnelle, esthétique et intuitive. Ce travail de conception ne s’est pas limité à l’apparence visuelle : j’ai réfléchi à l’interactivité, à la navigation et à l’expérience utilisateur. Chaque composant, des barres de recherche aux sections de recommandations, en passant par les paramètres de compte ou les visualisations de données a été soigneusement pensé pour offrir une fluidité et une personnalisation avancée. J’ai fait attention au choix des couleurs, aux contrastes, et à la cohérence de l’identité visuelle, en veillant à ce que l’interface soit responsive et accessible. Il intègre des micro-interactions et animations pour améliorer l’engagement de l’utilisateur.
l’ensemble du projet
Dekstop
Mobile
LES INTERCALAIRES
Ces onglets dynamiques offrent une expérience intuitive : un simple clic suffit à les ouvrir et à dévoiler une description enrichie de chaque fonctionnalité ou ressource.
leS BOUTONS
Une interface avec des boutons clairs et variés. Chaque bouton a un rôle bien spécifique :
– Se connecter / S’inscrire permettent d’accéder ou de créer un compte personnel pour profiter pleinement des fonctionnalités.
– Découvrir invite l’utilisateur à explorer la plateforme sans engagement, pour en saisir l’essence.
– Le menu Langue donne le choix entre plusieurs langues pour une navigation adaptée à chacun.
Ces boutons structurent l’expérience utilisateur en guidant naturellement chaque étape du parcours sur le site.
la barre de navigation
La barre de navigation est conçue pour une exploration rapide et intuitive :
– L’onglet Home permet de retrouver ses ressources récentes en un clin d’œil.
– Le Dashboard centralise toutes les ressources enregistrées, offrant une vue complète et organisée.
– L’icône de l’ampoule donne accès à des recommandations classées par catégories pour enrichir ses connaissances et découvrir des outils utiles.
Enfin, la section Paramètres permet de personnaliser son espace : modifier son profil, choisir la langue, et adapter l’apparence de l’interface selon ses préférences.
leS BOUTONS à remplir
Sur le site, lorsqu’on clique sur les boutons verts, un formulaire clair et accessible s’ouvre, permettant d’écrire directement ses informations : adresse e-mail, mot de passe, nom complet…
leS ellipses
leS paramètres
Merci pour votre lecture !
Si vous le souhaitez, vous pouvez également consulter mes autres projets !