SOFT PRODUCT UI (INSTAX CAMERA)

This exploration was a shift in how I approach UI design. Instead of designing something bold or high-contrast, I wanted to see if I could create an interface that feels soft, calm, and almost tactile.

Landing page

Blog Cover Image

The Idea

The Instax camera is not just a product, it is an experience. It is playful, nostalgic, and emotional.

So I asked myself:
How do I design an interface that feels as soft and personal as the moments this camera captures?

That question became the foundation of the entire design.

My Approach

I started by focusing on mood before layout.

Instead of jumping straight into grids and components, I thought about how the interface should feel. Light, gentle, and approachable.

From there, I built the layout around the product, keeping everything minimal so the camera could remain the center of attention without distractions.

Visual Direction

The color palette was one of the most important decisions here.

I chose a soft lilac tone to match the product while also creating a calm and cohesive environment. Unlike darker or more intense interfaces, this palette reduces visual pressure and makes the experience feel relaxed.

The subtle cloud background was intentional. It adds depth and softness without introducing noise. It almost feels like the product is floating, which reinforces the light and playful nature of the camera.

Layout & Hierarchy

I kept the layout very simple, but every element was placed with care.

  • The product sits at the center as the main focus

  • The product name and price are clearly visible but not dominant

  • Color options are placed nearby to encourage exploration

  • Navigation controls are subtle and secondary

I avoided heavy visual elements because they would break the softness of the design.

Interaction Thinking

  • The color swatches suggest personalization and choice

  • The side previews hint at product variations

  • The “Buy Now” button is present but gentle, not aggressive

The goal was to create a flow where users feel comfortable exploring rather than pressured to act immediately.

Challenges

The biggest challenge was restraint and subtlety.

With a soft design like this, small details matter a lot. Spacing, shadows, and color tones had to be carefully adjusted to avoid the interface feeling flat or washed out.

Another challenge was maintaining clarity. Soft designs can sometimes lose hierarchy, so I had to make sure key information was still easy to find.

What I Learned

This project helped me understand how to design for emotion and tone, not just usability.

I became more intentional about:

  • Using color to create mood

  • Designing with softness without losing structure

  • Letting whitespace carry the experience

  • Balancing aesthetics with clarity

It reinforced something I now pay close attention to:
not every interface needs to be loud to be effective.

More to Discover

New release

Preview

SOFT PRODUCT UI (INSTAX CAMERA)

This exploration was a shift in how I approach UI design. Instead of designing something bold or high-contrast, I wanted to see if I could create an interface that feels soft, calm, and almost tactile.

Landing page

Blog Cover Image

The Idea

The Instax camera is not just a product, it is an experience. It is playful, nostalgic, and emotional.

So I asked myself:
How do I design an interface that feels as soft and personal as the moments this camera captures?

That question became the foundation of the entire design.

My Approach

I started by focusing on mood before layout.

Instead of jumping straight into grids and components, I thought about how the interface should feel. Light, gentle, and approachable.

From there, I built the layout around the product, keeping everything minimal so the camera could remain the center of attention without distractions.

Visual Direction

The color palette was one of the most important decisions here.

I chose a soft lilac tone to match the product while also creating a calm and cohesive environment. Unlike darker or more intense interfaces, this palette reduces visual pressure and makes the experience feel relaxed.

The subtle cloud background was intentional. It adds depth and softness without introducing noise. It almost feels like the product is floating, which reinforces the light and playful nature of the camera.

Layout & Hierarchy

I kept the layout very simple, but every element was placed with care.

  • The product sits at the center as the main focus

  • The product name and price are clearly visible but not dominant

  • Color options are placed nearby to encourage exploration

  • Navigation controls are subtle and secondary

I avoided heavy visual elements because they would break the softness of the design.

Interaction Thinking

  • The color swatches suggest personalization and choice

  • The side previews hint at product variations

  • The “Buy Now” button is present but gentle, not aggressive

The goal was to create a flow where users feel comfortable exploring rather than pressured to act immediately.

Challenges

The biggest challenge was restraint and subtlety.

With a soft design like this, small details matter a lot. Spacing, shadows, and color tones had to be carefully adjusted to avoid the interface feeling flat or washed out.

Another challenge was maintaining clarity. Soft designs can sometimes lose hierarchy, so I had to make sure key information was still easy to find.

What I Learned

This project helped me understand how to design for emotion and tone, not just usability.

I became more intentional about:

  • Using color to create mood

  • Designing with softness without losing structure

  • Letting whitespace carry the experience

  • Balancing aesthetics with clarity

It reinforced something I now pay close attention to:
not every interface needs to be loud to be effective.

More to Discover

New release

Preview

SOFT PRODUCT UI (INSTAX CAMERA)

This exploration was a shift in how I approach UI design. Instead of designing something bold or high-contrast, I wanted to see if I could create an interface that feels soft, calm, and almost tactile.

Landing page

Blog Cover Image

The Idea

The Instax camera is not just a product, it is an experience. It is playful, nostalgic, and emotional.

So I asked myself:
How do I design an interface that feels as soft and personal as the moments this camera captures?

That question became the foundation of the entire design.

My Approach

I started by focusing on mood before layout.

Instead of jumping straight into grids and components, I thought about how the interface should feel. Light, gentle, and approachable.

From there, I built the layout around the product, keeping everything minimal so the camera could remain the center of attention without distractions.

Visual Direction

The color palette was one of the most important decisions here.

I chose a soft lilac tone to match the product while also creating a calm and cohesive environment. Unlike darker or more intense interfaces, this palette reduces visual pressure and makes the experience feel relaxed.

The subtle cloud background was intentional. It adds depth and softness without introducing noise. It almost feels like the product is floating, which reinforces the light and playful nature of the camera.

Layout & Hierarchy

I kept the layout very simple, but every element was placed with care.

  • The product sits at the center as the main focus

  • The product name and price are clearly visible but not dominant

  • Color options are placed nearby to encourage exploration

  • Navigation controls are subtle and secondary

I avoided heavy visual elements because they would break the softness of the design.

Interaction Thinking

  • The color swatches suggest personalization and choice

  • The side previews hint at product variations

  • The “Buy Now” button is present but gentle, not aggressive

The goal was to create a flow where users feel comfortable exploring rather than pressured to act immediately.

Challenges

The biggest challenge was restraint and subtlety.

With a soft design like this, small details matter a lot. Spacing, shadows, and color tones had to be carefully adjusted to avoid the interface feeling flat or washed out.

Another challenge was maintaining clarity. Soft designs can sometimes lose hierarchy, so I had to make sure key information was still easy to find.

What I Learned

This project helped me understand how to design for emotion and tone, not just usability.

I became more intentional about:

  • Using color to create mood

  • Designing with softness without losing structure

  • Letting whitespace carry the experience

  • Balancing aesthetics with clarity

It reinforced something I now pay close attention to:
not every interface needs to be loud to be effective.

More to Discover

New release

Preview

Create a free website with Framer, the website builder loved by startups, designers and agencies.