Lockedin HQ — Engineering the Infrastructure for the Athlete Economy

Product DesignMobile AppWeb AppSaaSWebsite
Live Link
LockedIn HQ — community platform on a football field

A full-cycle design and development of a centralized, scalable platform for NIL opportunities, brand partnerships, and recruiting analytics.

LockedinHQ is the definitive operating system for the athlete business.

Live Link
LockedIn HQ UI Showcase

The Mission

Lockedin HQ is the definitive operating system for the athlete business. In an era where Name, Image, and Likeness (NIL) has transformed athletes into independent entities, the market remained fragmented. Jemirae was commissioned to architect a single, scalable platform that serves as the "Command Center" for the entire ecosystem: athletes, brands, coaches, recruiters, and agents.

Founded:2023
Industry:Sports Technologies
Scope of work:Web App, Mobile App (In Production)

The Challenge

Before Lockedin HQ, the athlete economy was scattered across social media, private DMs, and manual spreadsheets. Brands couldn't measure ROI, recruiters lacked verified visibility, and athletes struggled to manage their professional identities. The challenge was to centralize these disparate workflows into one high-performance SaaS environment that remains intuitive for the athlete while being robust enough for the agent.

LockedIn HQ Laptop Mockup
LockedIn HQ Events Details UI

The Strategic Solution: The Partner Approach

As a strategic partner, the Jemirae team identified that for an athlete to be truly "LinkedIn," they needed more than a dashboard they needed a network. We introduced the concept of Communities within the app. This allowed us to shift the product from a static profile page to a dynamic network where athletes, coaches, and recruiters interact.

LockedIn HQ Community UI

The Product: Athlete Web App (Live)

The Web App is the primary workspace for the athlete to manage long-form data and professional identity.

  • NIL Marketplace: A centralized interface to discover, manage, and track brand partnerships.
  • Recruiting Analytics: A data-dense dashboard where athletes can see who is viewing their profile and how their metrics rank globally.
  • Verified Digital Identity: We designed a professional Digital Resume that aggregates academic standing, physical stats, and highlight reels into one link.
LockedIn HQ Profile UI
LockedIn HQ Feed UI

The Product: Athlete Mobile App (In Production)

The upcoming mobile experience is designed for the athlete on-the-move.

  • On-the-Go Engagement: Managing brand communication and community updates via a native, high-speed interface.
  • Instant Notifications: Real-time alerts when a recruiter or brand shows interest, ensuring no opportunity is missed.
LockedIn HQ Mobile Mockups

Website

Live Link

A platform as powerful as the LockedIn HQ Operating System requires a digital presence that commands immediate authority. Jemirae designed and developed the official marketing website (lockedinhq.org) to serve as the primary engine for user acquisition and brand storytelling.

  • The Goal: To translate a complex "Athlete OS" concept into a compelling, high-converting narrative for athletes, brands, and recruiters.

The Tech Stack: Seamless Integration

By handling both the Design (Figma) and Development, Jemirae ensured a seamless handoff between the public-facing brand and the private-facing application.

  • Visual Consistency: Every pixel on the marketing site mirrors the dark-mode, high-energy UI of the Web App, creating a frictionless user journey from the first click to the final login.
  • SEO Optimized: Engineered for visibility, the site is structured to rank for high-value keywords in the Athlete Economy and NIL Technology sectors.
LockedIn HQ Website

Design System

To support a platform capable of hosting 100,000+ concurrent users, Jemirae built a comprehensive, enterprise-grade Design System. We moved beyond simple mockups to create a living library of components in Figma, ensuring that as the LockedIn HQ ecosystem expands, the user experience remains unified and the engineering handoff remains seamless.

  • Strategic Goal: To create a "Single Source of Truth" for the brand's visual identity across Web, Mobile, and Admin interfaces.
  • Methodology: Utilizing Atomic Design principles to build scalable components from the smallest button state to complex data-visualization modules.
LockedIn HQ Design System - Colors and Typography
LockedIn HQ Design System - Spacing Tokens

Visual Language & Tokens

The LockedInHQ visual identity is engineered to evoke the intensity of the sports world while maintaining the professional polish of a fintech platform.

  • Typography: A high-impact, geometric sans-serif type scale “Inter” designed for maximum readability across dense data dashboards and mobile interfaces.
  • The Palette: A high-contrast "Power" palette utilizing deep blacks and vibrant accent colors to guide user attention to critical Action Items and NIL opportunities.
  • Iconography: A bespoke set of minimalist, stroke-based icons tailored for sports recruitment and financial analytics.

Built for High-Speed Development

By defining every UI element in Figma before moving to Node.js development, we ensured that the front-end reflects the precision of the strategy.

  • The "Athlete Card": A versatile component that displays verified metrics, GPA, and highlight reels consistently across the entire platform.
  • Interactive Modules: Buttons, input fields, and navigation bars with defined hover, active, and disabled states to ensure a friction-less UX.
  • Data Visualization: Custom-built chart and graph components designed to translate complex scouting data into actionable business intelligence.
LockedIn HQ Design System - Form Elements
LockedIn HQ Login Screen

Timeline

To ensure a robust foundation for the LockedInHQ ecosystem, we executed a rapid yet rigorous 3-month development cycle. Our team followed a phased approach moving from deep user empathy to a high-performance, scalable codebase.

Brand DesignerIyanu Olwalaeye
UX DesignerJoseph Emmanuel
DeveloperPaul Fadayo

UX Research

10 days

We established a granular understanding of the project objectives and success metrics to ensure the entire team was aligned with the athlete's journey.

UI Design & Testing

20 days

During this phase, we translated research into a high-fidelity visual language, iterating through rigorous testing to ensure a frictionless athlete experience.

Development & Post-Launch

2 Months

Utilizing Node.js, we engineered a robust infrastructure capable of supporting 100K+ concurrent users, ensuring stability and performance at scale.

Project Timeline with Team Members

Results

1M+$

Passed first phase, in the second phase seed funding from our solution

100K+

Simultaneous user capacity on the platform

70%

Workflow Efficiency

"What I look for in a partner: they don't just push pixels; they think about the business. Jemirae delivered a 100K-user Node.js infrastructure without breaking a sweat. In fact, Joseph's strategic solutions were so high-level that I eventually brought him on as our CTO. Excited to be building the future with them."
Isaiah RagsdaleCEO, LockedIn Sports Technologies Inc.

Ready to scale?

Let's connect.