Grata Smart Living Ecosystem

Grata Smart Living Ecosystem

Grata Smart Living Ecosystem

Grata is a Smart Living OS with apps for residents, property managers, and administrators. I led UX, UI and design system efforts to transform outdated MVPs into a connected and scalable platform; we improved task flows, communication and launched a revenue-driving Marketplace.

Grata is a Smart Living OS with apps for residents, property managers, and administrators. I led UX, UI and design system efforts to transform outdated MVPs into a connected and scalable platform; we improved task flows, communication and launched a revenue-driving Marketplace.

Client

Grata

Role

Product Designer

Date

June 2022 - current

Preview

Project Breakdown

Project Breakdown

Background

Grata is a Smart Living OS that connects IoT devices, property management software, and mobile apps into a unified experience for residents, property managers, and building administrators. It began with three MVP products: a Resident App, an Operator App, and an Admin Portal. These tools functioned independently but lacked cohesion, design consistency, and user-centric workflows.

Background

Grata is a Smart Living OS that connects IoT devices, property management software, and mobile apps into a unified experience for residents, property managers, and building administrators. It began with three MVP products: a Resident App, an Operator App, and an Admin Portal. These tools functioned independently but lacked cohesion, design consistency, and user-centric workflows.

Background

Grata is a Smart Living OS that connects IoT devices, property management software, and mobile apps into a unified experience for residents, property managers, and building administrators. It began with three MVP products: a Resident App, an Operator App, and an Admin Portal. These tools functioned independently but lacked cohesion, design consistency, and user-centric workflows.

Goal

Redesign and scale Grata’s MVP products into a cohesive product ecosystem with improved UX, UI consistency, clear role-based workflows, and measurable value for both operational teams and residents—all while working with tight timelines and limited research resources.

Goal

Redesign and scale Grata’s MVP products into a cohesive product ecosystem with improved UX, UI consistency, clear role-based workflows, and measurable value for both operational teams and residents—all while working with tight timelines and limited research resources.

Goal

Redesign and scale Grata’s MVP products into a cohesive product ecosystem with improved UX, UI consistency, clear role-based workflows, and measurable value for both operational teams and residents—all while working with tight timelines and limited research resources.

My Role

Section Title

Section Title

As the product designer, I focused on:


UX strategy: Mapping flows, reducing friction in resident and admin tasks

UI design: Creating clean, consistent interfaces across the ecosystem
Design systems: Establishing design tokens, reusable components and handoff-ready specs

I collaborated daily with PMs, engineers, and operations to ensure design decisions were feasible, testable and scalable.

Discovery/Research

Discovery/Research

Discovery/Research

We kicked off with an audit and user research across our 3 core MVP products: Resident App, Manager App, and Admin Portal.

MVP Functionality

MVP Functionality

Resident App

Features

Digital Key, Work Requests, Amenity Booking, News

User Types

Residents who are the end users


Manager App

Features

Manage Work Requests, Setup Locks (Digital Keys)

User Types

Building Managers who are on-site or remote property staff managing daily operations


Admin Portal

Features

Manage Work Requests, Manage Requests, Manage Amenities, Create News, Track Usage Data

User Types

Admins who are high-level operator managing multiple organizations

Defining User Types

Residents

Building Manager

Admins

Super Admins

Defining User Types

Defining User Types

Residents

Building Manager

Admins

Super Admins

Resident Research

Resident Research

Findings

Amenity Booking is Difficult

Residents reported that the process to book amenities felt confusing and unintuitive, often requiring multiple unnecessary steps.


Too Many Touchpoints

Core actions (like submitting requests or accessing building features) required too many screens or taps, leading to frustration and drop-off.


Lack of Effective Notifications

Important updates—like booking confirmations or service responses—were either delayed, unclear, or completely missed due to insufficient notification logic.


Dated Visual Design

The current UI felt visually outdated, making the app feel less trustworthy or polished compared to modern consumer apps.

Building Manager & Admins

Building Manager & Admins

Findings

Inconsistent App Experience

Experience between the Manager App and Admin Portal felt disjointed and had inconsistent patterns


Poor Comms with Residents

Managers struggled to keep residents informed—there was no clear way to confirm updates or track follow-ups on requests.


Too Many Touchpoints

Key workflows like resolving work requests or amenities required too many steps.


Modify Functionality

Creating, editing and updating submitted work requests or amenity bookings was awkward and difficult.

Global Findings

After research, we distilled 5 majors of improvement in the grata ecosystem that we had to address.

Global Findings

After research, we distilled 5 majors of improvement in the grata ecosystem that we had to address.

Major Findings

Major Findings

Inconsistent UI

Visual styles and component behaviors were inconsistent across platforms, impacting trust and usability.


Communication Breakdown

Residents missed key updates and lacked real-time visibility. Building managers also had no reliable way to confirm or track communication.


Weak Building Services

Work requests, payments, and bookings were split across disconnected, unintuitive flows.


Missed Revenue Opportunities

There was no structured system for promoting sponsored content or resident-facing offers.


Weak Admin Insights

Admins could access basic metrics but lacked actionable insights or trend forecasting.

Create A Design System

To resolve UI inconsistencies and speed up MVP development, we prioritized building a design system early in the process. This allowed us to design and ship new features in parallel while maintaining consistency across the ecosystem.

Audit

We began with a full audit of the existing UI and components across platforms. Key issues included duplicated components, inconsistent spacing, and mismatched typography.

Design System

V1

After an internal audit, we uncovered significant UI inconsistencies across platforms—duplicate components, mismatched spacing and unclear naming conventions. We also found redundancy between mobile and web libraries, and poor scalability for future features.


These issues led us to unify our systems using Figma’s new variables and token features to streamline collaboration and maintain consistency across platforms.

V2

One modular system using Figma’s new variables—split into Tokens, Iconography, Mobile, and Web libraries.

Results

Unifying the design system led to a 40% reduction in the total number of components, significantly improving efficiency. The new structure enhanced cross-platform consistency and made it easier for both designers and developers to onboard, reuse components, and maintain visual cohesion across Web, iOS, and Android.

UX Problems/Solutions

Create A Design System

Create A Design System

To resolve UI inconsistencies and speed up MVP development, we prioritized building a design system early in the process. This allowed us to design and ship new features in parallel while maintaining consistency across the ecosystem.

Audit

Audit

We began with a full audit of the existing UI and components across platforms. Key issues included duplicated components, inconsistent spacing, and mismatched typography.

Design System

Design System

V1

After an internal audit, we uncovered significant UI inconsistencies across platforms—duplicate components, mismatched spacing and unclear naming conventions. We also found redundancy between mobile and web libraries, and poor scalability for future features.


These issues led us to unify our systems using Figma’s new variables and token features to streamline collaboration and maintain consistency across platforms.

V2

One modular system using Figma’s new variables—split into Tokens, Iconography, Mobile, and Web libraries.

Results

Unifying the design system led to a 40% reduction in the total number of components, significantly improving efficiency. The new structure enhanced cross-platform consistency and made it easier for both designers and developers to onboard, reuse components, and maintain visual cohesion across Web, iOS, and Android.

Creating A Marketplace

Creating A Marketplace

Creating A Marketplace

Research revealed missed revenue opportunities—there was no structured way to surface sponsored content or resident-facing offers within the app.

Solution

Solution

We introduced a two-sided Marketplace:


On the Resident App, users could browse exclusive deals.


On the Admin Portal, businesses could upload and manage offers targeted to specific properties or resident types.

Lanuch

V1 - Launch & Validation

Initial engagement was poor—CTA rates were below 1%, with low redeem and click-through numbers. Data led us to conduct interviews with residents, revealing the offers felt generic and irrelevant.

V2 - Improvements

We refocused on curated, building-specific offers and simplified the deal presentation. This led to a major improvement:


  • CTA Rate increased from 0.8% → 4.4%

  • Redeems and overall engagement also grew significantly


The Marketplace became a growing in-app channel for delivering monetization.

Solution

Solution

We introduced a two-sided Marketplace:


On the Resident App, users could browse exclusive deals.


On the Admin Portal, businesses could upload and manage offers targeted to specific properties or resident types.

Launch

V1 - Launch & Validation

Initial engagement was poor—CTA rates were below 1%, with low redeem and click-through numbers. Data led us to conduct interviews with residents, revealing the offers felt generic and irrelevant.

V2 - Improvements

We refocused on curated, building-specific offers and simplified the deal presentation. This led to a major improvement:


  • CTA Rate increased from 0.8% → 4.4%

  • Redeems and overall engagement also grew significantly


The Marketplace became a growing in-app channel for delivering monetization.

Comms Breakdown

We upgraded Grata’s basic News system into a dynamic, role-based messaging tool with custom push types, badge alerts and engagement tracking.

MVP

In the original version of the messageing system, property managers could create and send News items through the admin portal. However, these messages were globally broadcast to all residents, with no ability to target specific roles or user types.


On the resident side, the News section functioned as a basic, static message feed. Messages appeared as simple timestamped entries, with no ability to filter, search, or interact.

New Features

Role-Based Messaging

A major improvement was the ability to target News messages by user role and audience. Admins could now send updates to specific residents based on unit, building, or user type.

Dynamic Push Notifications

We introduced type-based push notifications, allowing admins to tag messages as Warning, Info, Success, or Default. Each message type came with a distinct visual style, icon, and tone, both in the push notification and within the app interface. 

Engagement Rates (Admin Portal)

Finally, we built out a backend layer that allowed admins and property managers to track message performance.

Testing

We conducted in-house A/B testing along with targeted questionnaires for both residents and property managers (PMs).


Resident Feedback -

Learned that the volume of notifications—especially redundant or low-priority ones—was a major source of annoyance. In response, we introduced opt-out controls for SMS, push notifications and in-app News.


PMs -

he process of creating and sending News messages involved too many steps and touchpoints, making it inefficient for day-to-day us. (this has not been fully explored due to bandwidth.)

Other Features

Other Features

User Service Flows

Redesigned flows to be clearer, faster and easier to use, reducing user issues and improving completion rates.

Wallet/Payments

Introduced a flexible and secure flow for managing multiple payment methods, with confirmation states and user feedback built in.

V2

Opt-Out Notifications

We introduced a notification preferences system. Users can now opt in or out of communications via SMS, push notifications, and in-app news, based on their personal preferences and the type of content. 

Other Features

Other Features

User Service Flows

Resident App

Manager App

Redesigned flows to be clearer, faster and easier to use, reducing user issues and improving completion rates.

Wallet/Payments

Resident App

Introduced a flexible and secure flow for managing multiple payment methods, with confirmation states and user feedback built in.

Results

By transforming fragmented MVPs into a cohesive, role-based platform, we landed two major white-label clients, added 15,000+ users, and significantly reduced development time.

Results

By transforming fragmented MVPs into a cohesive, role-based platform, we landed two major white-label clients, added 15,000+ users, and significantly reduced development time.

Results

By transforming fragmented MVPs into a cohesive, role-based platform, we landed two major white-label clients, added 15,000+ users, and significantly reduced development time.

Landed Multiple Clients

Landed Multiple Clients

Landed Multiple Clients

We secured two major white-label clients this year— with an extra 15 000 users using the white-labeled Resident App. This was driven by a more cohesive ecosystem, unified design system, and streamlined workflows.

Unified Ecosystem

Unified Ecosystem

Unified Ecosystem

Development time for new features decreased by 30% and development time for white-labeling decreased by 150%.


By transforming awkward MVPs into a cohesive, role-based platform, we not only improved usability for residents and building teams, but also created a scalable foundation that supported rapid product development with shorter development times.

Marketplace Performance Increased

Marketplace Performance Increased

Marketplace Performance Increased

The redesigned Marketplace—initially underperforming—was relaunched with clearer structure and better categorization. In the weeks following launch, engagement improved with a 35% increase in resident interactions and a 40% uplift in CTR, turning a low-traffic feature into a steadily growing channel for in-app value.

Let’s Connect

I believe design can create change. I’m driven by the challenge of turning ideas into impactful products that create results.

Email Me

Let’s Connect

I believe design can create change. I’m driven by the challenge of turning ideas into impactful products that create results.

Email Me

Let’s Connect

I believe design can create change. I’m driven by the challenge of turning ideas into impactful products that create results.

Email Me