I love loft app

launch of the roc design series

Since the launch of the unique ROC DESIGN loft system series in 2018, I proposed an overall design enhancement after a few years. This also led to revisiting the initial idea of developing a mobile app that provides a unique platform for searching and purchasing the most sought-after door system designs. A key concept behind the app was to enable users to take a sample of their interior and, in real-time, find the product that best suited their space. This feature I called 'Virtual Preview’.

The initial idea, based on the product Visual Communication in 2018:

Refreshed App version, on which the final product design was based:


project overview

Offering a diverse and unique selection, I LOVE LOFT inspires users with loft interior ideas while simplifying the journey from browsing to buying. Whether you’re a professional designer or a design enthusiast, the app provides tailored solutions for your loft space. From AR-powered visualizations to a curated style guide, ROC DESIGN delights with inventive and sophisticated tools that meet the highest quality expectations. Intuitive, stylish, and functional – your ideal loft interior is just a tap away.

workflow: Defining the Problem

Core Challenge:

User Pain Points:

project goals

Primary Objective:

To create an app that simplifies the discovery, education, and purchasing process for loft door fittings, while inspiring users with curated design ideas.

Secondary Objective:

Research & Insights

User Research:

Competitive Analysis:

Product Insights:

Design Workflow

user personas

Here are Sophia and Jake, including their goals, pain points, challenges, and motivations, tailored for their roles as potential users of the I Love Loft App:

user journey

Defined Customer Journey for the I Love Loft App, emphasizing the Virtual Preview feature as a core element to engage users early in their exploration process:

  1. Loading → Home → Try Virtual Preview → View Product Page → Basket
  2. Alternate: Loading → Home → Explore Product Collection → Select Product → Virtual Preview (Optional)Basket

Wireframing & Prototyping

I created low-fidelity wireframes featuring crucial parts of the App: ,

  1. Loading screen and Homepage, with direct link to main feature – Virtual Preview + Collection overview
  2. Basic screen of Virtual Preview + the screen with the possibility of adding chosing scecific product variant for visualisation

visual design