Landing Page
Landing Page
Landing Page
E-commerce
E-commerce
E-commerce
Authentification
Authentification
Authentification
Un coach IA vocal pour League of Legends
AMOKK est un coach vocal basé sur l’IA conçu pour accompagner les joueurs de League of Legends directement pendant leurs parties. L’agent IA commente la game en direct, donne des conseils contextuels et répond aux questions vocales du joueur, pour une expérience de coaching sans friction, en temps réel. Le client m’a confié la création de l’identité graphique complète, du site web, ainsi que l’intégration d’un système d’inscription, d’authentification et de paiement. Ce projet avait une cible bien définie : les joueurs LoL actifs, curieux de progresser efficacement sans passer par des cours classiques. Il fallait un site percutant, immersif, et opérationnel rapidement pour un lancement test.
AMOKK est un coach vocal basé sur l’IA conçu pour accompagner les joueurs de League of Legends directement pendant leurs parties. L’agent IA commente la game en direct, donne des conseils contextuels et répond aux questions vocales du joueur, pour une expérience de coaching sans friction, en temps réel. Le client m’a confié la création de l’identité graphique complète, du site web, ainsi que l’intégration d’un système d’inscription, d’authentification et de paiement. Ce projet avait une cible bien définie : les joueurs LoL actifs, curieux de progresser efficacement sans passer par des cours classiques. Il fallait un site percutant, immersif, et opérationnel rapidement pour un lancement test.
AMOKK est un coach vocal basé sur l’IA conçu pour accompagner les joueurs de League of Legends directement pendant leurs parties. L’agent IA commente la game en direct, donne des conseils contextuels et répond aux questions vocales du joueur, pour une expérience de coaching sans friction, en temps réel. Le client m’a confié la création de l’identité graphique complète, du site web, ainsi que l’intégration d’un système d’inscription, d’authentification et de paiement. Ce projet avait une cible bien définie : les joueurs LoL actifs, curieux de progresser efficacement sans passer par des cours classiques. Il fallait un site percutant, immersif, et opérationnel rapidement pour un lancement test.
Le défi
L’un des premiers défis de ce projet a été l’univers visuel à créer from scratch. AMOKK partait de zéro, sans charte, sans DA, sans logo. Il fallait créer une identité gaming forte, identifiable, et crédible face à une cible exigeante (joueurs compétitifs de League of Legends) — tout en apportant une touche d’humanité à l’IA (volonté explicite du client). Le logo devait incarner l’entité "Amokk", évoquer un assistant intelligent mais non menaçant. Il a fallu explorer différentes formes, affiner les traits (ex. : yeux stylisés, teintes bleu-glow, shapes compatibles light/dark), tout en veillant à une lisibilité parfaite même en petit format.
Deuxième défi : la structuration fonctionnelle du site, qui devait intégrer plusieurs éléments techniques clés :
Un système d’authentification (sign up / login)
Une intégration avec Gumroad pour gérer les abonnements
Une compatibilité avec la vidéo de démo, en attente de production
Un responsive parfait, notamment parce que le trafic proviendra en partie de TikTok
Le client, très impliqué, avait des attentes précises sur le wording, le placement des éléments et l’atmosphère générale. Plusieurs templates Framer ont été analysés ensemble, puis j’ai fusionné leurs meilleurs composants dans un design sur mesure adapté au branding AMOKK. Le projet devait permettre un test rapide du MVP logiciel, tout en inspirant confiance auprès d’un public jeune, exigeant, et sensible à l’esthétique des interfaces.
Le troisième défi fut de rester agile sur la livraison : le produit n’étant pas encore totalement packagé, il fallait livrer un site déjà opérationnel, mais modulable, prêt à intégrer le logiciel dès que finalisé, avec une stratégie de paiement différé pour limiter les coûts initiaux.
L’un des premiers défis de ce projet a été l’univers visuel à créer from scratch. AMOKK partait de zéro, sans charte, sans DA, sans logo. Il fallait créer une identité gaming forte, identifiable, et crédible face à une cible exigeante (joueurs compétitifs de League of Legends) — tout en apportant une touche d’humanité à l’IA (volonté explicite du client). Le logo devait incarner l’entité "Amokk", évoquer un assistant intelligent mais non menaçant. Il a fallu explorer différentes formes, affiner les traits (ex. : yeux stylisés, teintes bleu-glow, shapes compatibles light/dark), tout en veillant à une lisibilité parfaite même en petit format.
Deuxième défi : la structuration fonctionnelle du site, qui devait intégrer plusieurs éléments techniques clés :
Un système d’authentification (sign up / login)
Une intégration avec Gumroad pour gérer les abonnements
Une compatibilité avec la vidéo de démo, en attente de production
Un responsive parfait, notamment parce que le trafic proviendra en partie de TikTok
Le client, très impliqué, avait des attentes précises sur le wording, le placement des éléments et l’atmosphère générale. Plusieurs templates Framer ont été analysés ensemble, puis j’ai fusionné leurs meilleurs composants dans un design sur mesure adapté au branding AMOKK. Le projet devait permettre un test rapide du MVP logiciel, tout en inspirant confiance auprès d’un public jeune, exigeant, et sensible à l’esthétique des interfaces.
Le troisième défi fut de rester agile sur la livraison : le produit n’étant pas encore totalement packagé, il fallait livrer un site déjà opérationnel, mais modulable, prêt à intégrer le logiciel dès que finalisé, avec une stratégie de paiement différé pour limiter les coûts initiaux.
L’un des premiers défis de ce projet a été l’univers visuel à créer from scratch. AMOKK partait de zéro, sans charte, sans DA, sans logo. Il fallait créer une identité gaming forte, identifiable, et crédible face à une cible exigeante (joueurs compétitifs de League of Legends) — tout en apportant une touche d’humanité à l’IA (volonté explicite du client). Le logo devait incarner l’entité "Amokk", évoquer un assistant intelligent mais non menaçant. Il a fallu explorer différentes formes, affiner les traits (ex. : yeux stylisés, teintes bleu-glow, shapes compatibles light/dark), tout en veillant à une lisibilité parfaite même en petit format.
Deuxième défi : la structuration fonctionnelle du site, qui devait intégrer plusieurs éléments techniques clés :
Un système d’authentification (sign up / login)
Une intégration avec Gumroad pour gérer les abonnements
Une compatibilité avec la vidéo de démo, en attente de production
Un responsive parfait, notamment parce que le trafic proviendra en partie de TikTok
Le client, très impliqué, avait des attentes précises sur le wording, le placement des éléments et l’atmosphère générale. Plusieurs templates Framer ont été analysés ensemble, puis j’ai fusionné leurs meilleurs composants dans un design sur mesure adapté au branding AMOKK. Le projet devait permettre un test rapide du MVP logiciel, tout en inspirant confiance auprès d’un public jeune, exigeant, et sensible à l’esthétique des interfaces.
Le troisième défi fut de rester agile sur la livraison : le produit n’étant pas encore totalement packagé, il fallait livrer un site déjà opérationnel, mais modulable, prêt à intégrer le logiciel dès que finalisé, avec une stratégie de paiement différé pour limiter les coûts initiaux.
La solution
Pour répondre à l’ensemble de ces contraintes, j’ai construit un site web Framer intégrant :
Une DA sur mesure adaptée à l’univers e-sport : couleurs sombres, dégradés dynamiques, typographies puissantes, icônes lisibles.
Un logo original incarnant l’identité IA "Amokk", pensé pour le branding digital mais aussi les usages in-app ou sur réseaux sociaux (favicon, splash screen, icône logiciel).
Un design immersif et fluide, combinant structure SaaS classique (Hero, Features, Pricing, FAQ) à une navigation orientée performance.
J’ai paramétré l’ensemble du système d’authentification via Framer Auth, configuré le flow utilisateur (inscription, connexion, CTA dynamique selon l’état de session) et intégré le système de paiement via Gumroad en version test. Des plans tarifaires clairs ont été mis en avant avec trois niveaux d’abonnement : Starter, Try-hard, Rush. J’ai également pris en charge l’intégration des wordings finaux définis par le client, en respectant leur ton direct, community-driven et gaming-friendly.
En parallèle, j’ai assisté le client sur des aspects stratégiques :
Sélection de visuels (wallpapers LoL, placeholders pour vidéo de démo, logo "Riot Approved")
Conseils sur les animations (CTA interactifs, hover effects)
Optimisation mobile (responsive, lisibilité, accessibilité)
L’entièreté du projet a été livrée dans les temps pour un lancement MVP, en s’adaptant aux aléas (retard packaging logiciel, démo vidéo bloquée par Riot…). Une documentation rapide a été fournie pour activer le paiement au bon moment. Le site est aujourd’hui 100 % prêt à convertir dès la mise en ligne officielle. AMOKK bénéficie désormais d’un écrin digital robuste, professionnel et prêt pour la croissance, tout en ayant gardé une grande souplesse technique pour itérer post-lancement.
Pour répondre à l’ensemble de ces contraintes, j’ai construit un site web Framer intégrant :
Une DA sur mesure adaptée à l’univers e-sport : couleurs sombres, dégradés dynamiques, typographies puissantes, icônes lisibles.
Un logo original incarnant l’identité IA "Amokk", pensé pour le branding digital mais aussi les usages in-app ou sur réseaux sociaux (favicon, splash screen, icône logiciel).
Un design immersif et fluide, combinant structure SaaS classique (Hero, Features, Pricing, FAQ) à une navigation orientée performance.
J’ai paramétré l’ensemble du système d’authentification via Framer Auth, configuré le flow utilisateur (inscription, connexion, CTA dynamique selon l’état de session) et intégré le système de paiement via Gumroad en version test. Des plans tarifaires clairs ont été mis en avant avec trois niveaux d’abonnement : Starter, Try-hard, Rush. J’ai également pris en charge l’intégration des wordings finaux définis par le client, en respectant leur ton direct, community-driven et gaming-friendly.
En parallèle, j’ai assisté le client sur des aspects stratégiques :
Sélection de visuels (wallpapers LoL, placeholders pour vidéo de démo, logo "Riot Approved")
Conseils sur les animations (CTA interactifs, hover effects)
Optimisation mobile (responsive, lisibilité, accessibilité)
L’entièreté du projet a été livrée dans les temps pour un lancement MVP, en s’adaptant aux aléas (retard packaging logiciel, démo vidéo bloquée par Riot…). Une documentation rapide a été fournie pour activer le paiement au bon moment. Le site est aujourd’hui 100 % prêt à convertir dès la mise en ligne officielle. AMOKK bénéficie désormais d’un écrin digital robuste, professionnel et prêt pour la croissance, tout en ayant gardé une grande souplesse technique pour itérer post-lancement.
Pour répondre à l’ensemble de ces contraintes, j’ai construit un site web Framer intégrant :
Une DA sur mesure adaptée à l’univers e-sport : couleurs sombres, dégradés dynamiques, typographies puissantes, icônes lisibles.
Un logo original incarnant l’identité IA "Amokk", pensé pour le branding digital mais aussi les usages in-app ou sur réseaux sociaux (favicon, splash screen, icône logiciel).
Un design immersif et fluide, combinant structure SaaS classique (Hero, Features, Pricing, FAQ) à une navigation orientée performance.
J’ai paramétré l’ensemble du système d’authentification via Framer Auth, configuré le flow utilisateur (inscription, connexion, CTA dynamique selon l’état de session) et intégré le système de paiement via Gumroad en version test. Des plans tarifaires clairs ont été mis en avant avec trois niveaux d’abonnement : Starter, Try-hard, Rush. J’ai également pris en charge l’intégration des wordings finaux définis par le client, en respectant leur ton direct, community-driven et gaming-friendly.
En parallèle, j’ai assisté le client sur des aspects stratégiques :
Sélection de visuels (wallpapers LoL, placeholders pour vidéo de démo, logo "Riot Approved")
Conseils sur les animations (CTA interactifs, hover effects)
Optimisation mobile (responsive, lisibilité, accessibilité)
L’entièreté du projet a été livrée dans les temps pour un lancement MVP, en s’adaptant aux aléas (retard packaging logiciel, démo vidéo bloquée par Riot…). Une documentation rapide a été fournie pour activer le paiement au bon moment. Le site est aujourd’hui 100 % prêt à convertir dès la mise en ligne officielle. AMOKK bénéficie désormais d’un écrin digital robuste, professionnel et prêt pour la croissance, tout en ayant gardé une grande souplesse technique pour itérer post-lancement.
Découvrez d'autres projets
Plongez dans ma collection de projets innovants, où créativité et technologie de pointe se rencontrent pour résoudre des défis concrets.
