← Portfolio / Case Study
FlutterFlow Firebase Figma Web & Mobile App Capstone · 2025

NR Property —
Maintenance Platform

A cross-platform maintenance request management app built for tenants and property managers — replacing slow email chains and paper forms with a real-time digital workflow.

My Role
Designer & Developer
Context
Capstone · NIC 2025
Platform
Web · iOS · Android
Status
✦ Live
Scroll to explore
NR Property Management

What is NR Property Management?

NR Property Management is a web and mobile application designed to optimise the process of managing and tracking maintenance requests. The app allows tenants to easily submit maintenance requests and upload photos, while administrators can accept, update, and manage each request in real time. Both parties receive instant notifications and can monitor progress throughout the process, ensuring greater transparency and communication.

This project was my capstone for the Post-Graduate Diploma in Digital Design & Development at North Island College (NIC), 2025. The brief was to design and build a complete, production-ready digital product from concept through to deployment — covering branding, UX/UI design, full-stack development, and brand collateral.

Traditional maintenance management still relies on email threads, phone calls, and paper forms — systems that are slow, error-prone, and nearly impossible to track at scale. NR Property Management replaces all of that with a clean, real-time digital workflow that benefits both tenants and property managers.

Quick Facts
Context
Capstone · North Island College BC · 2025
Industry
Property Tech · Maintenance Management
Deliverables
Branding · Moodboard · UI Design · App Development · Brand Swag

Problem & Solution.

⚠️
The Problem
Traditional maintenance management systems — emails, phone calls, and paper forms — are slow, error-prone, and nearly impossible to track. Tenants have no visibility into whether their request was received or progressed, while admins struggle to organise and prioritise incoming work across multiple properties without a centralised system.
The Solution
NR Property Management provides a real-time digital platform where tenants submit requests with photos, track progress live, and receive instant updates — while admins see all requests in one dashboard, update statuses, and communicate directly with tenants. The entire workflow becomes faster, more organised, and fully transparent.

Designed for two user groups.

The first step was identifying who would actually use this app. Two distinct groups emerged with fundamentally different needs — and both needed to be served well for the product to work.

🏠
Tenants
Homeowners or renters who require maintenance services. They need a simple, stress-free way to report problems, attach photos, and track whether their request is being handled — without chasing anyone by phone or email.
🔧
Admins
Property managers or service providers responsible for overseeing maintenance. They need a central dashboard to see all incoming requests, prioritise work, update statuses, and keep tenants informed — all without drowning in inbound messages.

What each user actually needed.

Once the two audiences were clear, I defined their specific functional requirements before designing a single screen. This ensured every design decision was grounded in a real need rather than assumption.

Tenant Requirements
Simple, intuitive interface to submit work requests in minutes
Ability to upload photos directly from their phone
Real-time progress tracking — know exactly what stage their request is at
Instant notifications when status changes
Admin Requirements
Central dashboard to view and manage all incoming requests across properties
Ability to update statuses (pending, in-progress, completed) in real time
Direct communication channel with tenants through the app
Automatic notifications sent to tenants when requests are updated

Defining the visual language.

Before touching Figma screens, I created a moodboard to establish the visual direction for NR Property Management. The goal was a design that conveyed reliability, professionalism, and ease of use — qualities a tenant or property manager needs to feel when trusting an app with something as important as their home.

The colour scheme focused on calming blues and grays — colours that communicate trust, authority, and clarity without being cold or corporate. Typography was chosen for its readability and modern feel, ensuring neither tenants nor admins would struggle to navigate. Icons and interface elements were kept simple and purposeful, guiding users without overwhelming them.

Visual Moodboard
Visual moodboard — blues, grays, clean lines, and purposeful iconography

Built with the right tools.

The stack was chosen deliberately to balance development speed, cross-platform reach, and real-time capability — three things this type of app demands.

FlutterFlow
🔥
Firebase
🎨
Figma
🔐
Firebase Auth
🗄️
Firestore DB
📡
Realtime Updates
FlutterFlow
Enabled me to design the user interface and manage app workflows efficiently, significantly speeding up development. FlutterFlow's cross-platform support meant the same codebase works seamlessly across web, iOS, and Android — no separate builds needed.
Firebase
Handled user authentication, data storage with Firestore, and real-time updates. The real-time capability was crucial — when an admin updates a request status, the tenant sees it immediately without refreshing. Firebase made this instant, bi-directional communication straightforward to implement.

What the app does.

📝
Submit Maintenance Requests
Tenants fill out a simple form, upload photos directly from their device, and submit in minutes — no emails, no calls, no paperwork.
📊
Admin Request Dashboard
Admins see every incoming request in one central view — sortable by status, date, or property — making prioritisation and workload management straightforward.
🔄
Real-Time Status Updates
Admins update request statuses (pending → in-progress → completed) and tenants see changes instantly — no chasing, no uncertainty.
🔔
Instant Notifications
Both tenants and admins receive push notifications when a request status changes — keeping all parties informed without manual follow-up.
📸
Photo Uploads
Tenants attach photos to requests, stored securely via Firebase Storage — giving admins the visual context they need to assess and plan the repair.
🔐
Role-Based Access
Firebase Authentication handles separate login flows for tenants and admins — each sees only what they need, keeping the experience focused and secure.

The finished product.

The final UI balances clean professionalism for the admin side with a welcoming, easy-to-navigate experience for tenants. Blue and gray tones keep things trustworthy and clear, while generous spacing and simple iconography reduce cognitive load for users who may be stressed about a maintenance issue.

NR Property Management App
Welcome screen — the first thing tenants and admins see when they open the app
Tenant Login
Tenant login
Tenant Dashboard
Tenant dashboard & request tracking

Beyond the screen — brand collateral.

As part of the capstone deliverables, I designed physical brand collateral to bring NR Property Management into the real world. Extending a digital brand into print and product design reinforces identity consistency and demonstrates how a brand lives beyond the app itself.

Deliverables included a crew t-shirt, a custom packaging box, a branded tote bag, and a branded water bottle — all using the app's blue-and-gray palette and clean typographic system.

Packaging Design
Custom note box packaging
T-Shirt Design
Crew t-shirt design
Water Bottle
Branded tote bag

What was delivered.

NR Property Management was completed as a fully deployable product — live and accessible to real users — along with a complete visual identity and physical brand collateral.

Live Deployed cross-platform app Web, iOS & Android via FlutterFlow
2 Distinct user roles designed Tenant + Admin — separate flows
Full Brand identity + swag Packaging, t-shirt, bag, bottle

What I learned.

01
Design for two very different users simultaneously. Building one app that serves both a stressed tenant and a busy admin requires discipline — features that help one group can confuse the other. Role-based design thinking was essential throughout the entire process.
02
Real-time capability changes how you design. Once I knew Firebase would handle live updates, the entire interaction model shifted — I could design flows that respond immediately rather than asking users to refresh or wait for emails. Building with the backend in mind from the start produced a far better UI.
03
A capstone is a full product, not just a UI. Designing and producing physical brand swag alongside the app pushed me to think about brand consistency across every surface — digital and physical. That wider perspective made the app's visual identity stronger and more considered.
Next Project →
Flavor Haven — Restaurant Branding
View Case Study →
← Back to Portfolio
Share: in