Back

Insides

Website & Visual Identity for an Interior Design Studio

Role
UI/UX Designer
Platform
Responsive Web
Focus
Art Direction · Visual Design · Responsive UX

Context / Role

The studio needed a digital presence that could work both as a portfolio and as an introduction to its approach, services, and personality.

Because interior design is highly visual, the interface needed to support large-scale photography without competing with it.

My role was to create a clear website structure and a distinctive visual system that would let the projects remain the main focus while giving the studio a recognizable digital identity.

The Challenge

Creating a distinctive experience without competing with the work

The main challenge was balancing expressive visual direction with functional clarity.

The website needed to feel premium and editorial, but still make it easy for visitors to understand:

  • what the studio does
  • what kind of projects it creates
  • how its process works
  • who is behind the work
  • how to get in touch

Rather than adding decorative UI, I focused on using typography, photography, scale, spacing, and composition to create the character of the experience.

Five page sections answering a visitor's questions: what the studio does, its projects, its process, the team and how to get in touch

Information Architecture

Structuring the site around the studio’s story

The website was organized around a simple journey:

About → Projects → Services → Team → Contact

The homepage introduces the studio through a combination of selected work, experience, process, and people, allowing visitors to understand both the visual style and the studio behind it without navigating through multiple pages first.

This structure keeps the portfolio central while still giving business information enough visibility.

The homepage broken into its sections — about, projects, services, team, contact — each with a short label

Visual Direction

An editorial language inspired by interior design

I developed a dark, minimal visual direction built around large imagery, restrained typography, thin structural lines, and generous negative space.

The interface intentionally uses a limited palette so the interior photography becomes the main source of color and emotion.

A combination of refined serif typography and lightweight sans-serif text creates contrast between expressive headings and functional information.

The result is a visual language that feels closer to an architecture or editorial publication than a conventional corporate website.

Visual direction: Italiana and Montserrat Alternates type, a black and white palette and moody interior photography

Project Presentation

Letting imagery lead the experience

Projects are presented through large editorial compositions rather than conventional card grids.

The layouts use asymmetry, oversized typography, framed imagery, and controlled overlap to create rhythm while keeping individual projects visually distinct.

This approach allows the portfolio to communicate the studio’s aesthetic before users read detailed descriptions.

Projects laid out as overlapping editorial compositions with framed photos and oversized titles

Services & Studio Story

Connecting visual work with the process behind it

Beyond the portfolio, the website explains how the studio works — from strategic planning and concept development to documentation and implementation.

I kept these sections visually integrated with the rest of the experience, using strong hierarchy and minimal supporting text instead of switching to a more traditional service-page layout.

This helped maintain continuity between brand storytelling and practical information.

Studio story in numbers — years, awards, steps — and the five-step process from strategic planning to implementation

Responsive Experience

Preserving the composition across screen sizes

The desktop experience relies heavily on scale, spacing, and layered compositions, so the mobile version could not simply be a reduced copy of the same layout.

I adapted the hierarchy for smaller screens by simplifying compositions, restructuring content vertically, and preserving the most important visual relationships.

The goal was to maintain the same premium and editorial character while keeping navigation and content comfortable on mobile.

UI System

A minimal system supporting a highly visual interface

The UI system was intentionally restrained and included only the components required to support the content:

  • navigation
  • buttons and interaction states
  • form fields
  • project navigation
  • icons
  • typography styles
  • layout and spacing rules

Keeping the interface system minimal allowed components to remain consistent without competing with the photography and brand expression.

UI system: button states, icons, form fields, navigation and a project card with arrows

Outcome

A digital portfolio built around the studio’s visual identity

The final concept combines portfolio, studio story, services, team, and contact into one cohesive responsive experience.

Rather than treating the website as a neutral container for projects, the interface became an extension of the studio’s identity — using composition, typography, imagery, and motion-ready layouts to create a more distinctive presentation of the work.

Reflection

This project reinforced how much visual hierarchy and restraint matter when the content itself is highly expressive. The strongest design decisions came from knowing when the interface should create character and when it should disappear behind the work.

B2B Traffic Analytics Platform

A SaaS platform for managing SEO traffic campaigns, tracking search visibility, and working with large sets of websites and keywords.

B2B Traffic Analytics Platform preview 1B2B Traffic Analytics Platform preview 2B2B Traffic Analytics Platform preview 3
  • Product Design
  • UX Strategy
  • Dashboards
  • Design Systems