Hashtags Media — Studio web, SaaS et IA au Québec
Un site vitrine sur mesure pour présenter les expertises du studio et guider les entreprises vers une prise de contact structurée.
Aperçu
Hashtags Media accompagne les entreprises québécoises dans leurs projets web, SaaS et d’automatisation. Le site devait présenter ces expertises dans un parcours cohérent, de la découverte des services jusqu’à la demande de soumission.
J’ai développé une interface responsive avec Next.js, React et TypeScript, une identité visuelle sombre et des illustrations SVG/CSS. Les sections services, méthode, FAQ et témoignages structurent la présentation du studio.
Le formulaire valide les demandes côté serveur avec Zod et les transmet à Notion. Les budgets et échéanciers facultatifs facilitent une première prise de contact sans imposer un cadrage prématuré.
La réalisation comprend des métadonnées dédiées, un sitemap, une politique de confidentialité et des animations adaptées aux préférences de réduction des mouvements. Stack : Next.js, React, TypeScript, Tailwind CSS, Motion, Zod, Notion et Vercel.
Chronologie du processus
Architecture des contenus
Organisation des expertises web, SaaS et automatisation dans les sections du site.
Intégration de l’interface
Développement responsive avec Next.js, React et TypeScript, illustrations SVG/CSS et identité sombre.
Présentation des services
Intégration des services, de la méthode, des témoignages et de la FAQ.
Connexion du formulaire
Validation côté serveur avec Zod et transmission des demandes à Notion.
Adaptation mobile et accessibilité
Mise en place des dispositions responsive et du respect des préférences de réduction des mouvements.
Référencement technique
Configuration des métadonnées, du sitemap et des pages de confidentialité.
Fonctionnalités livrées
Présentation des expertises
Les offres web, SaaS et automatisation sont réunies dans un parcours lisible.
Interface responsive
La navigation et les sections s’adaptent aux écrans d’ordinateur, de tablette et de téléphone.
Illustrations sur mesure
Des illustrations SVG/CSS accompagnent l’identité sombre du studio.
Formulaire de soumission
Les demandes sont validées côté serveur avec Zod et transmises à Notion.
FAQ et méthode de travail
Les questions fréquentes et les étapes de collaboration aident à préparer une prise de contact.
Référencement et accessibilité
Métadonnées, sitemap et prise en compte des préférences de réduction des mouvements.
Stack technique
Next.js, React, TypeScript et Tailwind CSS structurent le site. Motion accompagne les animations, Zod valide les demandes et Notion reçoit les soumissions. Le déploiement est réalisé sur Vercel.
Vous avez un projet de site web ou de plateforme sur mesure ?
Parlons de vos objectifs, de vos contenus et des outils qui simplifieront le quotidien de votre équipe.