Réalisation
Numerily
Numerily - Website / Chatbot & Dashboard
site internet
chatbot
dashboard
Service
Site internet, Chatbot & Dashboard
Categorie
Développement web
Client
Numerily
Sur le site internet de Numerily, je me suis occupé de la partie technique (développement). L'outil utilisé pour le site internet était Framer, un outil no-code. Ainsi, j'ai géré la logique des Layers, Assets, CMS et Variables. J'ai aussi pensé et rédigé la plupart du contenu du site.
Du CMS aux Assets
Pourquoi utiliser les CMS ?
Relier les CMS à une page est important pour automatiser la mise en forme de pages similaires. Cela évite de devoir refaire chaque page lorsqu'elle a la même mise en page.Quel est le rôle des variables ?
Les variables ont un rôle important à jouer dans la mise en place d'un CMS. Elles permettent de relier le modèle au contenu et doit être configuré champ par champ.Comment les assets et layers ont été utilisés ?
Les assets ont été utilisés en grande majorité pour le Header, Footer, les différents boutons sur le site. Pour les layers, il s'agit d'un outil indispensable sur ce type d'outil et d'un des outils principaux.
CGU et Autres contenus
Conditions Générales
J'ai rédigé en respect des normes établis en France et dans l'Union européenne (RGPD), les conditions générales d'utilisation et la politique de confidentialité.
Autres contenus du site internet
La conception de la page "Notre mission", Services, Formules, Prime ou encore bien d'autres.
Un tableau de bord applicatif complet conçu pour centraliser et gérer l'ensemble des opérations de Numerily. Cette application web multi-rôles offre une interface SaaS (Software-as-a-Service) avec des portails distincts et sécurisés pour les Administrateurs, les Partenaires affiliés et les Clients finaux. L'objectif est d'automatiser la gestion des services, de simplifier le suivi de projet et de centraliser la communication, en s'appuyant sur la puissance de Supabase pour le backend.
Fonctionnalités Clés
Dashboard Numerily
Portail
Client
Catalogue de services avec suivi visuel de l'avancement
Assistly+ (IA expert en support informatique)(Prime requis)
Accès à certaines fonctionnalitées avec un abonnement Prime
Gestion complète du profil et des paramètres de sécurité
Dashboard Numerily
Portail Administrateur
Gestion complète des utilisateurs (clients et partenaires)
Management des services du catalogue
Gestion des tâches et tickets (style "Todo list" avancée)
Outils marketing (création de codes promo, notifications
Dashboard Numerily
Portail
Partenaire
Outils pour gérer un portefeuille de clients (ajout, suivi)
Soumission de propositions de projet pour leurs clients
Suivi en temps réel des commissions générées
Outil de prise de rendez-vous (avec Numerily)
Intégrations Avancées
Assistly
S'adapte et personnalise son assistance pour les profils Admin, Partenaire et Client.
Guide activement les utilisateurs pour naviguer et accomplir des tâches dans le dashboard.
Peut executer des taches contextuelles en fonction de la page où est présent l'utilisateur.
Command Bar
Permet à l'utilisateur de se déplacer instantanément vers n'importe quelle page du dashboard
Donne la possibilité de lancer des actions sans cliquer (ex: "Créer un nouveau projet" ou "Ajouter un client").
Permet de trouver rapidement des sections, des outils ou des fonctionnalités en tapant simplement quelques lettres.
Technologies Utilisées
Frontend : React (Vite), React Router
Backend & Base de Données : Supabase (Authentification, Base de données PostgreSQL, Fonctions Serverless, Storage)
Styling : Tailwind CSS
UI/UX : shadcn/ui, Lucide React (icônes)
État & Logique : React Context
Intégration API : Stripe, Google, Gemini et d'autres intégrations.
Assistly (contraction de "Assister" et "Numerily") est conçu pour être l'assistant IA central et omniprésent de l'écosystème Numerily. Son objectif est d'être le point de contact unique pour tous les utilisateurs, qu'ils soient de simples visiteurs ou des clients connectés, quel que soit le service ou l'application (site web, dashboard, etc.).
Technologies Utilisées
IA & Backend : Google Gemini API (connectée via fetch en JavaScript).
Widget Public : Pur JavaScript, HTML et Tailwind CSS. Le script est conçu pour être injecté et fonctionner sur n'importe quel site web.
Intégration Dashboard : Composants React (pour les versions AdminChatbot.jsx, UserChatbot.jsx et PartnerChatbot.jsx etc.)
Base de Données : Supabase (utilisé par le Dashboard pour stocker l'historique des conversations des utilisateurs connectés).
