Cloud Platform Management Tool

UI Design
UX Prototyping
UI Components
Design System
HTML CSS JS
Web / Mobile

A cloud platform for building and construction management (Planning, Provisioning, Installation, Management, Maintenance).

I managed, designed, and developed a library of UI components that were used by both design and development to mock-up, prototype, and develop the final product.

Concept & Planning

Katerra's technology-focused operations made use of multiple in-house software solutions that required design systems and specialized components to improve efficiency and usage experience.

Cloud-based unified platform supporting Katerra's advanced building ecosystem and lifecycle.

Splitting features into distinct module components made it easier to swap, add, or remove them as the platform adapted to future requirements.

Exploration & Rapid Prototyping

Exploration, prototyping and iteration were key while designing custom components.

High-Fidelity Prototyping

Together with a library of code components I compiled multiple examples into a single high-fidelity prototype , which by running in the target platform allowed developers to reference these patterns when building applications modules, often giving them a head start in the development process.

Component Library

All the components were categorized and tracked for status, progression, target, type, etc. This helped me name, manage, and build these components in an efficient manner.

Design & Code Components

I developed a library of UI components shared between design-development teams and therefore able to keep in sync throughout the design-development process while avoiding common hand-off mistakes.

Design could import UI components into design tools like Framer to quickly mockup and test patterns, while development could access production components through Storybook.

Next Project