AMOKK is an AI-based vocal coach designed to support League of Legends players directly during their games. The AI agent provides live commentary, gives contextual advice, and answers the player's vocal questions for a frictionless, real-time coaching experience. The client entrusted me with creating the complete graphic identity, the website, as well as integrating a registration, authentication, and payment system. This project had a well-defined target: active LoL players who are eager to progress efficiently without going through traditional courses. A striking, immersive, and quickly operational site was needed for a test launch.
The challenge
One of the first challenges of this project was the visual universe to be created from scratch. AMOKK started from zero, without a style guide, without an art director, without a logo. It was necessary to create a strong gaming identity, identifiable, and credible in front of a demanding target (competitive League of Legends players) — all while adding a touch of humanity to the AI (an explicit desire from the client). The logo needed to embody the entity "Amokk", evoking an intelligent yet non-threatening assistant. It was important to explore different shapes, refine the features (e.g.: stylized eyes, blue-glow hues, light/dark compatible shapes), while ensuring perfect readability even in small format.
The second challenge was the functional structuring of the site, which needed to integrate several key technical elements:
A authentication system (sign up / login)
An integration with Gumroad to manage subscriptions
A compatibility with the demo video, awaiting production
A perfect responsive design, particularly because traffic would partially come from TikTok
The client, very involved, had specific expectations regarding the wording, the placement of elements, and the overall atmosphere. Several Framer templates were analyzed together, then I merged their best components into a custom design suited to the AMOKK branding. The project needed to allow for a rapid test of the software MVP, while inspiring trust among a young, demanding audience sensitive to the aesthetics of interfaces.
The third challenge was to stay agile on delivery: since the product was not yet fully packaged, it was necessary to deliver a site that was already operational, but modular, ready to integrate the software as soon as finalized, with a deferred payment strategy to limit initial costs.
The solution
To respond to all of these constraints, I built a Framer website integrating:
A custom DA adapted to the e-sport universe: dark colors, dynamic gradients, powerful typography, readable icons.
An original logo embodying the AI identity "Amokk", designed for digital branding as well as in-app uses or on social networks (favicon, splash screen, software icon).
An immersive and fluid design, combining a classic SaaS structure (Hero, Features, Pricing, FAQ) with performance-oriented navigation.
I configured the entire authentication system via Framer Auth, set up the user flow (registration, login, dynamic CTA based on session state) and integrated the payment system via Gumroad in test mode. Clear pricing plans have been highlighted with three subscription levels: Starter, Try-hard, Rush. I also took care of integrating the final wordings defined by the client, respecting their direct, community-driven, and gaming-friendly tone.
Meanwhile, I assisted the client on strategic aspects:
Selection of visuals (LoL wallpapers, placeholders for demo video, "Riot Approved" logo)
Advice on animations (interactive CTAs, hover effects)
Mobile optimization (responsive, readability, accessibility)
The entirety of the project was delivered on time for an MVP launch, adapting to the unforeseen events (software packaging delay, demo video blocked by Riot…). Quick documentation was provided to activate payment at the right time. The site is now 100% ready to convert as soon as it officially goes live. AMOKK now benefits from a robust, professional digital framework ready for growth, while retaining great technical flexibility for post-launch iteration.
Contact me to find out how I can help your business reach its full potential.
