PRODUCT UI EXPLORATION
This was a self-initiated UI exploration where I focused on designing a bold, high-impact product landing experience. I wanted to challenge myself to create something visually striking while still maintaining clarity and usability.
Landing page
The Idea
I chose to design a sneaker hero section because it naturally demands strong visual storytelling. The goal was simple:
make the product feel desirable within seconds, without overwhelming the user.
I wasn’t just designing a page, I was trying to capture attention, guide focus, and drive action almost instantly.
My Thought Process
The first decision I made was to let the product lead.
Instead of cluttering the screen with too much information, I centered the entire layout around the shoe. Everything else became secondary.
I asked myself:
What would make someone stop scrolling?
Where should their eyes go first?
What information actually matters in the first few seconds?
That led me to a single focal point layout, where the product sits front and center, supported by strong typography and minimal supporting elements.
Visual Direction
I went with a bold red theme to match the energy of the product.
Red naturally communicates urgency, passion, and movement, which fits both the sneaker culture and the brand identity. To balance that intensity, I used soft gradients and subtle curves in the background so the design wouldn’t feel flat or aggressive.
The large “JORDAN” text in the background wasn’t just decorative. It acts as both a branding element and a way to create depth without adding noise.
Layout & Hierarchy
Hierarchy was one of the most important parts of this design.
I structured the layout so the eye flows naturally:
Product (first attention grab)
Brand/Typography (context and identity)
Price (decision trigger)
Call to action (conversion)
Spacing played a big role here. I intentionally avoided filling every area, allowing the design to breathe and making each element feel more important.
Interaction Thinking
The arrows suggest product browsing
The “Add to Bag” button is clearly visible but not overpowering
The “Play Video” option introduces a secondary action without distracting from the primary goal
Every element was placed with intent, not decoration.
Challenges
One of the biggest challenges was restraint.
It was tempting to add more details, more text, or more visual effects, especially with such a bold color palette. But I had to constantly step back and remove anything that didn’t directly support the user’s decision-making.
Another challenge was balance. With such a strong red background, it was easy for the design to feel overwhelming. I had to carefully adjust contrast, spacing, and typography to keep it clean and readable.
What I Learned
This project pushed me to think beyond aesthetics.
I became more intentional about:
Designing with a clear focal point
Using color as a functional tool, not just decoration
Creating hierarchy that guides attention naturally
Knowing when to stop designing
It reinforced the idea that good UI is not about adding more, it is about choosing what matters most and making it obvious.
More to Discover
New release
Preview
PRODUCT UI EXPLORATION
This was a self-initiated UI exploration where I focused on designing a bold, high-impact product landing experience. I wanted to challenge myself to create something visually striking while still maintaining clarity and usability.
Landing page
The Idea
I chose to design a sneaker hero section because it naturally demands strong visual storytelling. The goal was simple:
make the product feel desirable within seconds, without overwhelming the user.
I wasn’t just designing a page, I was trying to capture attention, guide focus, and drive action almost instantly.
My Thought Process
The first decision I made was to let the product lead.
Instead of cluttering the screen with too much information, I centered the entire layout around the shoe. Everything else became secondary.
I asked myself:
What would make someone stop scrolling?
Where should their eyes go first?
What information actually matters in the first few seconds?
That led me to a single focal point layout, where the product sits front and center, supported by strong typography and minimal supporting elements.
Visual Direction
I went with a bold red theme to match the energy of the product.
Red naturally communicates urgency, passion, and movement, which fits both the sneaker culture and the brand identity. To balance that intensity, I used soft gradients and subtle curves in the background so the design wouldn’t feel flat or aggressive.
The large “JORDAN” text in the background wasn’t just decorative. It acts as both a branding element and a way to create depth without adding noise.
Layout & Hierarchy
Hierarchy was one of the most important parts of this design.
I structured the layout so the eye flows naturally:
Product (first attention grab)
Brand/Typography (context and identity)
Price (decision trigger)
Call to action (conversion)
Spacing played a big role here. I intentionally avoided filling every area, allowing the design to breathe and making each element feel more important.
Interaction Thinking
The arrows suggest product browsing
The “Add to Bag” button is clearly visible but not overpowering
The “Play Video” option introduces a secondary action without distracting from the primary goal
Every element was placed with intent, not decoration.
Challenges
One of the biggest challenges was restraint.
It was tempting to add more details, more text, or more visual effects, especially with such a bold color palette. But I had to constantly step back and remove anything that didn’t directly support the user’s decision-making.
Another challenge was balance. With such a strong red background, it was easy for the design to feel overwhelming. I had to carefully adjust contrast, spacing, and typography to keep it clean and readable.
What I Learned
This project pushed me to think beyond aesthetics.
I became more intentional about:
Designing with a clear focal point
Using color as a functional tool, not just decoration
Creating hierarchy that guides attention naturally
Knowing when to stop designing
It reinforced the idea that good UI is not about adding more, it is about choosing what matters most and making it obvious.
More to Discover
New release
Preview
PRODUCT UI EXPLORATION
This was a self-initiated UI exploration where I focused on designing a bold, high-impact product landing experience. I wanted to challenge myself to create something visually striking while still maintaining clarity and usability.
Landing page
The Idea
I chose to design a sneaker hero section because it naturally demands strong visual storytelling. The goal was simple:
make the product feel desirable within seconds, without overwhelming the user.
I wasn’t just designing a page, I was trying to capture attention, guide focus, and drive action almost instantly.
My Thought Process
The first decision I made was to let the product lead.
Instead of cluttering the screen with too much information, I centered the entire layout around the shoe. Everything else became secondary.
I asked myself:
What would make someone stop scrolling?
Where should their eyes go first?
What information actually matters in the first few seconds?
That led me to a single focal point layout, where the product sits front and center, supported by strong typography and minimal supporting elements.
Visual Direction
I went with a bold red theme to match the energy of the product.
Red naturally communicates urgency, passion, and movement, which fits both the sneaker culture and the brand identity. To balance that intensity, I used soft gradients and subtle curves in the background so the design wouldn’t feel flat or aggressive.
The large “JORDAN” text in the background wasn’t just decorative. It acts as both a branding element and a way to create depth without adding noise.
Layout & Hierarchy
Hierarchy was one of the most important parts of this design.
I structured the layout so the eye flows naturally:
Product (first attention grab)
Brand/Typography (context and identity)
Price (decision trigger)
Call to action (conversion)
Spacing played a big role here. I intentionally avoided filling every area, allowing the design to breathe and making each element feel more important.
Interaction Thinking
The arrows suggest product browsing
The “Add to Bag” button is clearly visible but not overpowering
The “Play Video” option introduces a secondary action without distracting from the primary goal
Every element was placed with intent, not decoration.
Challenges
One of the biggest challenges was restraint.
It was tempting to add more details, more text, or more visual effects, especially with such a bold color palette. But I had to constantly step back and remove anything that didn’t directly support the user’s decision-making.
Another challenge was balance. With such a strong red background, it was easy for the design to feel overwhelming. I had to carefully adjust contrast, spacing, and typography to keep it clean and readable.
What I Learned
This project pushed me to think beyond aesthetics.
I became more intentional about:
Designing with a clear focal point
Using color as a functional tool, not just decoration
Creating hierarchy that guides attention naturally
Knowing when to stop designing
It reinforced the idea that good UI is not about adding more, it is about choosing what matters most and making it obvious.
More to Discover
New release
Preview