Axonotes : Conception d'une Landing Page pour une App de Notes IA avec SvelteKit

Introduction et Objectifs du Projet

Le projet Axonotes est né d'un besoin de présenter de manière élégante et performante une application de prise de notes. En tant que développeur frontend, mon objectif était de créer une interface qui reflète la modernité de l'outil tout en garantissant une conversion maximale des utilisateurs.

Défis Techniques et Solutions

Le défi principal résidait dans la rapidité de chargement et l'interactivité des animations sans sacrifier le SEO.

• Choix de SvelteKit : J'ai privilégié SvelteKit pour sa gestion native du rendu côté serveur (SSR), ce qui permet une indexation immédiate par les moteurs de recherche.

• Performance & Optimisation : Grâce à Tailwind CSS pour un style épuré et Vercel pour le déploiement, le site affiche des scores de performance optimaux sur Google Lighthouse.

• Gestion des mails : L'intégration de Resend permet une capture fluide des leads directement depuis la landing page.

UI/UX et Design Réfléchi

Pour Axonotes, l'expérience utilisateur (UX) devait être aussi fluide que l'application elle-même. J'ai conçu un design "Pixel-Perfect" en mettant l'accent sur :

• L'Accessibilité : Respect des contrastes et navigation au clavier.

• La Hiérarchie Visuelle : Fonctionnalités présentées dans un ordre cohérent.

• Le Responsive Design : Une interface adaptative, du mobile au desktop 4K.