Focus Website
Role
Web Designer
Focus
Web design
UI/UX design
Branding
Studio
TellMeWow
The Focus web project was born from the need to bridge the gap between a high-energy mobile gaming experience and a sophisticated, professional administrative hub. While the core of the product lives within the interactive “brain gym” on mobile devices, this web platform serves as the essential anchor for the user journey, offering a seamless space where members can transition from gameplay to account management. My primary objective was to design a responsive ecosystem that feels as intuitive on a desktop browser as it does on a smartphone, ensuring that the transition between devices is visually and functionally invisible.
The design language leans into a clean, vibrant aesthetic that mirrors the cognitive clarity the app promises its users. By utilizing a sophisticated palette of deep indigos and energetic blues contrasted with soft, accessible neutrals, I created a digital environment that feels both trustworthy and motivating. This web expansion isn’t just a mirror of the app; it is a conversion-focused engine. From the streamlined “Focus PRO” sign-up flow to the minimalist user profile dashboard, every element was crafted to reduce friction. I focused heavily on the subscription architecture, making the 7-day trial and billing transparency a focal point to build immediate user trust while driving long-term retention.
Beyond the aesthetics, the project centers on user empowerment. By providing a dedicated space for users like Maria to manage their security, personal data, and subscription tiers, the platform shifts from being just a game to a comprehensive personal development tool. The final result is a high-performance, SEO-friendly web presence that reinforces the brand’s authority in the cognitive training space, allowing users to choose exactly how and where they want to engage with their mental fitness.
Looking ahead, the roadmap for the platform involves evolving into a fully functional “web-app” ecosystem. The architecture is designed to eventually host integrated diagnostic brain tests and interactive training modules directly within the browser. This forward-thinking approach will allow users to experience immediate cognitive value before committing to an app store download, further blurring the lines between mobile accessibility and desktop performance.
Explore More Work
Coffee Internal newsletter
Coffee Internal newsletter
School Games