Portfolio Website

Portfolio Website

Blending UI and 3D for an Elevated Portfolio Experience

Blending UI and 3D for an Elevated Portfolio Experience

Dimensional Showcase is a custom-designed portfolio website created for product designer Hamed Safi. The goal: reimagine how digital portfolios communicate depth, creativity, and storytelling. Instead of relying on static mockups or flat case studies, the site integrates 3D environments with interactive UI, building a multi-dimensional narrative around Hamed’s design work. The experience is meant to feel crafted, immersive, and highly personal—while still being easy to navigate and performance-optimized for the web.

Industry

Personal Branding

Scope of work

/

Web design

/

Branding

/

3D Illustration

Blending UI and 3D for an Elevated Portfolio Experience

Dimensional Showcase is a custom-designed portfolio website created for product designer Hamed Safi. The goal: reimagine how digital portfolios communicate depth, creativity, and storytelling. Instead of relying on static mockups or flat case studies, the site integrates 3D environments with interactive UI, building a multi-dimensional narrative around Hamed’s design work. The experience is meant to feel crafted, immersive, and highly personal—while still being easy to navigate and performance-optimized for the web.

Industry

Personal Branding

Scope of work

/

Web design

/

Branding

/

3D Illustration

A Visual System That Matches the Designer’s Voice

A Visual System That Matches the Designer’s Voice

A Visual System That Matches the Designer’s Voice

Each 3D element was modeled in Cinema 4D to reflect the unique tone and focus of the client’s projects. Instead of showing screenshots, the work was translated into dimensional objects, set in space and composed to highlight different disciplines—product UI, interaction, and branding. Lighting and textures were carefully crafted to create a sense of place and mood, reinforcing the emotion behind each piece.

The result: a digital space that feels as thoughtful and polished as the work inside it.

Purposeful Detail, Built for Exploration

Purposeful Detail, Built for Exploration

Purposeful Detail, Built for Exploration

The design balances high-fidelity visuals with clarity and accessibility. Every interaction was considered—from load times to hover feedback—to ensure users could explore freely without distraction. The site isn’t just a gallery; it’s a curated experience that reflects the creative depth of a product designer through motion, layout, and materiality.

The dimensional showcase turns portfolio viewing into an experience, not just a scroll.

Have a project in mind?

By submitting, you agree to our Terms and Privacy Policy.

© 2025 illustration.design

Let’s talk.

Working on something exciting? Let’s chat about how design can elevate your product, brand, or idea.

Quick response.

You’ll hear back shortly—usually within a day. If it’s a good fit, we’ll book a quick intro call to dive in.

Clear next steps.

After the chat, you’ll get a timeline, process outline, and project scope—no guesswork, no confusion.

illustration.design

Tania

Have a project in mind?

By submitting, you agree to our Terms and Privacy Policy.

Let’s talk.

Working on something exciting? Let’s chat about how design can elevate your product, brand, or idea.

Quick response.

You’ll hear back shortly—usually within a day. If it’s a good fit, we’ll book a quick intro call to dive in.

Clear next steps.

After the chat, you’ll get a timeline, process outline, and project scope—no guesswork, no confusion.

illustration.design

Tania

Have a project in mind?

By submitting, you agree to our Terms and Privacy Policy.

© 2025 illustration.design

Let’s talk.

Working on something exciting? Let’s chat about how design can elevate your product, brand, or idea.

Quick response.

You’ll hear back shortly—usually within a day. If it’s a good fit, we’ll book a quick intro call to dive in.

Clear next steps.

After the chat, you’ll get a timeline, process outline, and project scope—no guesswork, no confusion.

illustration.design

Tania