Nike x Off-White Concept Project by Akansha SoniNike x Off-White Concept Project by Akansha Soni
Built with Framer

Nike x Off-White Concept Project

Akansha Soni

Akansha Soni

Nike × Off-White

A concept landing page exploring Virgil Abloh's design philosophy, the Nike × Off-White collaboration, and how deconstructed design principles can translate into an immersive digital experience.

Overview

Nike × Off-White has always been one of my favorite collaborations, not because of the sneakers themselves, but because of the way Virgil Abloh challenged how we think about design. His work blurred the line between fashion, architecture, branding, and industrial design, creating products that felt more like conversations than objects.
For this concept, I wanted to explore a different question.
What would a landing page look like if it was designed around Virgil's philosophy instead of simply borrowing Off-White's visual style?
Rather than creating another product launch page, I approached it as an editorial experience that introduces visitors to the ideas behind the collaboration before leading them to the products.

Understanding the Brand Before Designing

Before opening Figma, I spent time researching the collaboration from multiple angles. I looked beyond campaign visuals and explored interviews, exhibitions, product launches, and Virgil's own talks to understand what consistently appeared throughout his work.
A few themes stood out.
His idea of the 3% Rule showed how small interventions could completely change the perception of a familiar object. Deconstruction wasn't about making something feel unfinished, but about revealing the process behind its construction. Typography was rarely just informational; it often became the focal point of the composition. Across every project, there was a balance between disruption and clarity that made even the most experimental work feel intentional.
Instead of treating these as visual references, I used them as design principles that would guide every decision throughout the project.

Defining the Creative Direction

One thing I wanted to avoid was designing a page that felt like a collection of Off-White clichés.
Anyone can recreate orange labels, quotation marks, or exposed graphics. That wasn't the goal.
Instead, I focused on translating the thinking behind the collaboration into a digital interface.
The layout embraces asymmetry without losing hierarchy. Large areas of whitespace create rhythm and allow individual elements to stand on their own. Typography takes on a structural role, helping build the composition rather than simply supporting the content. Industrial-inspired details appear throughout the interface, but only where they reinforce the narrative instead of becoming decoration.
The objective wasn't to imitate the brand. It was to capture the mindset that made the collaboration so influential.

Design Process

The design evolved through several rounds of exploration. I experimented with different editorial layouts, product arrangements, and storytelling structures before arriving at the final direction.
Early concepts leaned too heavily toward either Nike's minimalism or Off-White's expressive visual language. Through iteration, I found a balance that allowed the page to feel experimental while remaining intuitive to navigate.
Alongside the visual explorations, I documented the collaboration's timeline, Virgil Abloh's journey, and the core principles behind his work. This research became the foundation for the storytelling sections within the landing page rather than existing as separate supporting material.
Hero Section
Hero Section
Product Section
Product Section
About Section
About Section
CTA Section
CTA Section

The Final Experience

The final concept is structured as a narrative instead of a traditional ecommerce page.
The hero introduces the collaboration through bold typography before revealing the products. The sneaker showcase encourages exploration by presenting the collection around a central hero product rather than within a conventional grid. A dedicated editorial section introduces Virgil Abloh's philosophy, helping visitors understand why the collaboration became culturally significant beyond sneaker culture. The experience concludes with a clear call to action that naturally follows the story rather than interrupting it.
Throughout the page, every design decision supports the same idea: making visitors appreciate the thinking behind the collaboration before asking them to engage with the products.

Reflection

This project reinforced that strong visual design starts long before choosing colors or layouts. Research shaped every design decision, helping me move beyond surface-level inspiration and focus on the ideas that made the collaboration meaningful.
More importantly, it challenged me to balance experimentation with usability. Breaking conventions is easy. Creating an interface that feels unconventional while remaining clear, intentional, and easy to navigate is a much more rewarding design problem.
Rather than recreating Nike × Off-White, this project became my interpretation of how Virgil Abloh's design philosophy could translate into a digital experience.

Figma Link to the Project:

Like this project

Posted Jun 26, 2026

A landing page that feels like an extension of the Off-White brand