K1 Speed
Digital Experience
A comprehensive UX/UI redesign and scalable design system for K1Speed.com, created to simplify location discovery, improve conversion, strengthen the K1 Speed digital brand, and provide a complete implementation-ready framework.
More Than a Visual Redesign
The opportunity is to build a clearer, faster and more scalable digital experience around how K1 Speed customers actually use the website.
K1 Speed serves individual racers looking for locations, hours, pricing, eligibility information and booking options, as well as group and corporate customers planning larger events.
Josh Garner Design proposes a comprehensive redesign of the twelve page templates and two global components defined by K1 Speed. The engagement includes research, UX strategy, information hierarchy, navigation, wireframes, visual design, responsive layouts, accessibility guidance, prototyping and implementation documentation.
Design Only
This engagement concludes with a complete, documented, platform-independent design system. K1 Speed or its selected development partner will perform implementation.
Design Around Customer Intent
Mobile First
Begin at phone width and expand intentionally through tablet, desktop and wide layouts.
Faster Location Discovery
Make finding, selecting, changing and returning to a K1 Speed location a primary part of the experience.
Improved Findability
Surface high-demand information including hours, eligibility, waivers, pricing and gift cards.
Clear Conversion
Establish one dominant action and a clear conversion hierarchy for each page template.
Scalable System
Replace page-by-page inconsistency with reusable components, patterns, tokens and content rules.
Accessible by Design
Target WCAG 2.2 Level AA within the design system rather than relying on accessibility fixes after implementation.
Header & Navigation
The navigation will be treated as an information architecture problem—not simply a visual restyle.
The goal is to reduce cognitive load while making high-intent actions easier to reach from every page.
Navigation System
- Primary navigation hierarchy
- Location selection and switching
- Current location visibility
- Search entry point
- Gift cards
- Waivers
- Eligibility information
- Hours
- Persistent booking actions
- Mobile and nested navigation
- Sticky navigation behavior
- Keyboard and focus behavior
- Large-phone reachability
Location Experience
A flexible location system capable of supporting 100+ venues without assuming that every location has identical content, amenities or offerings.
Location Home
Location overview, hero, hours, open/closed status, address, phone, reviews, directions and primary customer actions.
Hours & Info
Hours, holiday variations, directions, parking, phone, eligibility rules, waivers and online check-in.
Pricing
Mobile-first pricing, packages, memberships and add-ons without horizontally scrolling pricing tables.
Groups & Parties
Experience-led presentation for birthdays, adult groups, corporate events, teams and related group inquiries.
Tracks & Times
Track maps, kart specifications, speed information, race formats and lap records.
Gallery
Mobile-first photography and video presentation with clearly defined media proportions and interaction behavior.
Food & Drink
Flexible presentation for lounge, menu, food, beverage and hospitality offerings.
Missing Content States
Templates will adapt intelligently when locations do not have specific amenities, media, sections or information.
Map + Search + Near Me
Find
Search by location, city or region with clear handling for geolocation and manual location selection.
Explore
Define a responsive relationship between the map and location list at every breakpoint.
Filter
Support country, state and location-status filtering while remaining scalable as the location network grows.
Now Open
Clearly identified active locations.
Coming Soon
Future locations distinguished from active venues.
Temporarily Closed
Clear status without creating customer confusion.
Planning Stages
Appropriate presentation for early-stage locations.
14 Primary Surfaces
Responsive Deliverables
Each applicable surface will be explicitly designed at Phone, Tablet, Desktop and Wide widths with responsive behavior and relevant interaction states documented.
Section Library
A composable content framework that allows future pages to remain flexible without losing consistency.
Text
Media
Split Content
Callouts
Cards
Accordions
Steps
Tables
Quotes
CTA Bands
Forms
Galleries
Design System
A complete component-based Figma / Adobe XD design system structured for implementation by a development team that was not part of the design process.
Design Tokens
- Color
- Typography
- Spacing
- Sizing
- Radius
- Elevation
- Breakpoints
- Motion
Components
- Anatomy
- Variants
- Responsive behavior
- Spacing rules
- Content guidance
- Interaction behavior
States
- Default
- Hover
- Focus
- Active
- Selected
- Disabled
- Loading
- Empty
- Error
Build Around the K1 Brand
The K1 Speed logo remains unchanged while the supporting digital brand system evolves into a more cohesive, contemporary and accessible experience.
Typography
Digital typography, scale, weights, hierarchy and fallbacks.
Color
Expanded accessible palette supporting the established K1 Speed brand.
Photography
Subject direction, treatment, proportions and crop rules.
Iconography
Consistent icon language and guidance for icon-only controls.
Motion
Interaction and motion principles with reduced-motion alternatives.
Layout
Grid, rhythm, spacing, maximum widths and responsive composition.
WCAG 2.2 Level AA
Visual Accessibility
- Color contrast guidance
- Visible focus states
- Minimum touch targets
- 200% text scaling considerations
- States that do not rely solely on color
Interaction Accessibility
- Keyboard behavior
- Focus order
- Heading hierarchy
- Icon-control naming guidance
- Reduced-motion alternatives
- Error, loading and empty states
Key Customer Flows
Booking Journey
Homepage → Location Choice → Location Page → Booking Action
Locations Directory
Search → Filters → Map/List Interaction → Location Selection
Mobile Navigation
Open → Navigate → Nested Item → Location Selection → Return
Six Structured Phases
Discovery
Stakeholder interviews, existing-site audit, behavioral data, competitive review, customer journeys and UX opportunity definition.
IA + Wireframes
Navigation model, location switching, search, template structures, key flows and low-fidelity wireframes.
Brand Direction
Typography, color, imagery, iconography, spacing, UI styling and motion principles.
Template Design
High-fidelity mobile-first design of all fourteen surfaces, responsive widths and relevant interaction states.
Design System + Prototype
Figma / Adobe XD component library, tokens, documentation, specifications, accessibility annotations and interactive prototype.
Handoff
Final Figma / Adobe XD organization, developer walkthrough, documentation review, asset delivery and implementation clarification.
Scope & Fee
| Phase | Estimated Duration | Estimated Effort | Fee |
|---|---|---|---|
| 1. Discovery | 1–2 Weeks | 40–50 hrs | $3,250 |
| 2. IA + Wireframes | 2 Weeks | 60–75 hrs | $5,000 |
| 3. Brand Direction | 1 Week | 35–45 hrs | $3,500 |
| 4. Template Design | 4–5 Weeks | 175–215 hrs | $14,000 |
| 5. Design System + Prototype | 2 Weeks | 75–95 hrs | $7,500 |
| 6. Handoff | 1 Week | 25–35 hrs | $1,250 |
| TOTAL | 10–12 Weeks | Approx. 450–515 hrs | $34,500 |
Includes all design, UX, responsive layouts, component-system development, accessibility specifications, prototyping, documentation and handoff described in this proposal.
Reviews & Revisions
Included Revision Rounds
- Two rounds — IA + Wireframes
- Two rounds — Brand Direction
- Two rounds — Template Design
- One round — Documentation Refinement
Review Cadence
A weekly review is recommended throughout active production, with milestone approvals at major project gates.
K1 Speed should provide consolidated feedback within approximately 2–3 business days of each review to maintain the proposed schedule.
Implementation-Ready
UX
- Discovery findings
- Navigation recommendation
- Wireframes
- Customer flows
UI
- 14 responsive surfaces
- Four responsive widths
- Brand direction
- Interaction states
System
- Figma / Adobe XD design files
- Component library
- Design tokens
- Responsive specifications
Accessibility
- WCAG guidance
- Focus behavior
- Keyboard notes
- Contrast specifications
Prototype
- Booking journey
- Location discovery
- Map interaction
- Mobile navigation
Handoff
- Developer walkthrough
- Asset delivery
- Implementation notes
- 30-day clarification period
Out of Scope
- Front-end development
- Back-end development
- CMS development
- Plugins and integrations
- Hosting
- Technical platform selection
- URL migration
- Redirect mapping
- SEO migration
- Full production copywriting
- Photography production
- Video production
- Checkout application redesign
- Group booking application redesign
- Location content population
- Email and advertising creative
Additional Scope
Work requested outside the approved scope or included revision rounds will be quoted in advance or billed at $60/hour following written authorization.
Josh Garner Design
Brand strategy, UX/UI design and art direction working together as one connected system.
Josh Garner brings more than 15 years of experience across brand development, UX/UI design, art direction, e-commerce, digital marketing and conversion-focused digital experiences.
Josh will personally lead the engagement from discovery through final Figma / Adobe XD design-system documentation and developer handoff.
Project Authorization
Proposal and pricing are valid for 30 days from submission.
K1 Speed
Josh Garner Design
A Faster, Clearer & More Scalable K1 Speed Experience.
The goal is not simply to make K1Speed.com look different. It is to create a digital system that helps customers find the right location, understand what they need to know and take action quickly while giving K1 Speed a scalable framework for future growth.