is a holistic mind-body training platform focused on enhancing cognitive and physical performance.

Cognitive Athletics offers a science-backed product suite designed to bridge the gap between mental and physical fitness. The platform centers around Signal Training, a method that combines cognitive and physical exercises to improve reaction time, decision-making, coordination, and overall human potential. 1. Discovery & Strategy

Stakeholder Interviews: Met with the Cognitive Athletics team to understand their vision: a holistic mind-body platform with a strong scientific foundation.

Competitive Analysis: Researched other cognitive training platforms and fitness brands to identify opportunities for differentiation.

User Profiles & Goals: Defined target users (athletes, trainers, health-conscious individuals) and mapped their needs—clarity of method, scientific credibility, and engaging experience.

Brand Alignment: Ensured the design language would reflect Cognitive Athletics’ values: science-driven, dynamic, and aspirational.

Information Architecture: Structured the platform into key sections—About, Signal Training, Product Suite, Science, and Contact—using a sitemap and user flow diagrams.

Wireframes: Created low-fidelity wireframes to map layouts and interaction patterns for desktop and mobile.

Interaction Planning: Designed user journeys emphasizing quick comprehension of Signal Training and easy access to product demos or sign-up.

Visual Identity Development: Extended their branding into a cohesive digital style—color palette, typography, and component library tailored for high readability and a performance-focused aesthetic.

High-Fidelity Mockups: Designed responsive layouts, integrating dynamic visuals (movement-inspired graphics, cognitive cues like signals and patterns).

Prototyping: Built interactive prototypes in Figma to showcase animations, transitions, and user interactions.

Design System: Delivered a reusable system of buttons, cards, and forms to maintain consistency as the platform scales.

Custom CMS Structure: Set up Webflow CMS to manage blog articles, product updates, and science-backed resources.

Responsive Development: Translated Figma designs pixel-perfectly into Webflow, optimizing for speed and accessibility.

Interactions & Animations: Used Webflow’s interaction tools to bring Signal Training to life—scroll-based animations, hover states, and micro-interactions for better engagement.

Integrations: Connected forms to their CRM and integrated analytics for performance tracking.

Testing & Optimization: Conducted cross-device testing, refined load speeds, and ensured semantic HTML for SEO.

Documentation: Provided a Webflow Editor guide for the team to manage content autonomously.

Post-Launch Support: Assisted with minor iterations based on user feedback and analytics insights.

Scalability Considerations: Built the site structure to support future features like interactive training modules or member dashboards.