Knight Performance Medicine

A luxury landing page conceived and developed within 24 hours.

Project Details

My Role

Designer and developer

Timeline

July 2026 | Completed within 24 hours

Client

Knight Performance Medicine

Overview

To legally sell their product, the client needed a website that proved authenticity. Knight Performance Medicine came to my company a couple weeks before their scheduled launch, asking for a finished site by that date. By the time they signed on and the content was written, I had 24 hours to design the landing page.

The Problem

The client needed a website, fast, that could schedule appointments and establish credibility to sell their product elsewhere.

Our Solution

I designed a compelling, elegant website in 24 hours, on time for their launch date.

Design Breakdown

As standard practice, I sent the client a questionnaire to understand how they perceive their brand and how they want to be perceived.

The Results

In their own words, the client described their brand as "Exclusive luxury but accessible and doable."

Visual Direction

Our AI breakdown described their visual direction as, “the good version of a private practice: unhurried, uncluttered, and genuinely welcoming rather than intimidating.” They leaned toward a neutral color palette, lot’s of breathing room, and clean typography.
Design Questionaire Results

Preparing to Design

Mood Board

I took the questionnaire results and built a mood board. The direction for typography, color use, and layout from their results were all pointing in one specific design direction, since the client had a clear sense of what they wanted.

One reference image, with soft blobby gradients in the background, became the inspriation for a unique, low-contrast animted background.

Colors

From the mood board, I broke the client’s palette (a neutral green and terracotta) into ten values to give the design more range.
Mood board

Designing Wireframe

Normally, I’d finalize every design decision in Figma before moving to Webflow for pixel-accurate development. Because of the time constraint, I created a loose direction in Figma, finalized typography, and completed the rest of the design in Webflow.
Loose Figma Design

Design Constraints

My company usually does a photoshoot with the client to avoid relying on stock imagry. That wasn’t an option here, but I knew too much stock photography would undercut the luxury look the client requested. I needed a design that relied on typography to keep the users engaged.

Solution

Thankfully, I had access to a library of easily edited, animated components. A few of these near the top of the page kept users engaged early on, while scroll aniamtions and expressive typography carried their momentum further down.

Final Design

I took this project from concept to final development in 24 hours. I”m proud of it, not just for hitting the deadline, but for the level of elegance and engagement in the final result. It pushed my capabilities and let me design in a style that I love.

Let's Connect

Thank you! You'll hear back from me soon!
Oops! Something went wrong while submitting the form.