Designing for a Prefab Home Configurator

Modal Living - custom configurator
CLIENT

Modal Living

YEAR

2020

PROJECT

Personalized Prefab Home Configurator & Admin Panel

MODAL LIVING WEBSITE
PROJECT OVERVIEW
↓ 

Modal Living designs and sells smart, sustainable prefab dwelling units for mixed-use development ↓

MY
ROLE ↓
01. Art Direction
02. Digital Transformation
03. Product Design
04. Product Mangement
05. Interactive Prototyping
06. User Research
07. User Experience Design
THE FOCUS
↓

Create a scalable, user-friendly solution for Modal to manage and integrate consumer-facing products and features from any device, anywhere, at any time. ↗

Modal Living - Prefab Configurator Admin DAshboard
MY
ROLE ↓
01. Art Direction
02. Digital Transformation
03. Product Design
04. Product Mangement
05. Interactive Prototyping
06. User Research
07. User Experience Design
PROJECT
OVERVIEW ↓ 

Modal Living designs and sells smart, sustainable prefab dwelling units for mixed-use development.

ReframING
FOCUS ↓

Design & develop a scalable, easy-to-use solution that offers Modal the ability to manage and integrate its consumer-facing products + features while on-the-go, with any device, at anytime they'd like.

Modal-mobile-grid-phone
Modal Living - Prefab Configurator Admin on macbook pro
Modal Living - Prefab Configurator Admin on iPhone 12

The first personalized home configurator tool in the prefab industry—providing a unique customer experience ↗


Modal builder product on laptop
modal builder dual iphones

The prefab industry's first personalized home configurator tool that offers a one-of-a-kind customer experience  ↓

After saving product data in the Builder Admin →  Modal Builder publishes results to their website using a static site generator (Gatsby) and custom CMS (Netlify) ↓

Modal Living - Prefab Configurator customer facing view
Modal Living - Prefab Configurator customer facing view - v2
modal living builder admin
modal living builder admin - modal 02

Customer-facing design → tenant.studio  |  Development → Inside Out

In the end → our team set Modal up with a high-functioning tech stack that offer's a simple, easy-to-use product management interface, and provides web visitors with a one-of-a-kind customer personalization experience ↓

MY ROLE
↓
01. Product Designer
02. User Researcher
03. Art Direction (Builder Admin)
04. Product Manger
05. Prototype Designer
06. User Experience Design
WITH THANKS TO
↓
Client Modal Living
Front-End Developer Chase Gallegos
Full-Stack Developer Will Roberts
Agency Moon & Crater Studios
Brand+Creative Direction tenant.studio

Ultimately→ my team equipped Modal with an efficient tech stack that delivers a user-friendly product management interface that offers a unique customer personalization experience for their visitors →

MY ROLE
↓
01. Product Designer
02. User Researcher
03. Art Direction (Builder Admin)
04. Product Manger
05. Prototype Designer
06. User Experience Design
WITH THANKS TO
↓
Client Modal Living
Front-End Developer Chase Gallegos
Full-Stack Developer Will Roberts
Agency Moon & Crater Studios
Brand/Creative Direction tenant.studio