Startupyar
L'ambition derrière la création.
Startupyar est né d'un constat simple : quand on lance sa boîte, on perd un temps fou à comparer et chercher les bons outils. J'ai donc conçu cette plateforme comme un hub centralisé. Les fondateurs peuvent y rechercher et filtrer des ressources par catégorie (Design, Marketing, Support, etc.). Côté technique, le site tourne sous Next.js 16 et React 19, garantissant des performances de pointe. J'ai particulièrement soigné l'interface avec Tailwind CSS 4 pour offrir une expérience visuelle moderne, aérée, et ponctuée de micro-animations qui rendent la navigation incroyablement naturelle.
Le Challenge
Le plus gros challenge sur ce type de plateforme, c'est l'équilibre cognitif et visuel. Comment afficher un grand volume d'informations (nom des outils, nombre de vues, tags, statuts sponsorisés) sans transformer la page en un tableau de bord indigeste ? Il fallait également réussir à capter l'attention de l'utilisateur dès les premières secondes avec un \"Hero banner\" percutant, tout en conservant une structure de code maintenable et des temps de chargement minimes.
La Solution
J'ai pris le parti de compartimenter l'information grâce à un design très modulaire. J'ai développé un système de cartes d'outils épurées où les métadonnées viennent souligner le produit sans l'écraser visuellement. Les filtres par catégorie permettent de désengorger l'interface instantanément. Pour le dynamisme, j'ai implémenté des animations CSS séquencées (comme les fade-in-up) dès le chargement de la page. Enfin, l'utilisation des dernières fonctionnalités de Next.js m'a permis de garantir une fluidité d'affichage optimale.
Aperçu de l'interface utilisateur
