GreenRock
A modern property management tool for tracking utilities, energy projects, and building data.
Project Summary
GreenRock is a web portal built for property managers and contractors to track building data, utility consumption, and project progress. I led all UX and UI design work for the project, transforming a cumbersome FileMaker tool into a modern, intuitive interface built in FM BetterForms.
My Role
As the sole UX/UI designer on the GreenRock project, I owned the design from concept to developer handoff. Starting with client-provided wireframes, I translated their functional vision into a clean, modern interface that improved clarity without disrupting existing workflows. I built a lightweight Figma design system with reusable components and Auto Layout to keep designs consistent and scalable. Throughout the project, I led regular review sessions with the client, refining layouts and adding features based on their feedback. Once approved, I guided the development team through the final designs, ensuring the build matched the intended experience.
The Problem
GreenRock’s original FileMaker system had become bloated and outdated, making it difficult to navigate and visually overwhelming. The team needed a fresh interface with improved clarity, structure, and usability, while preserving their established workflows.
Users and Research
The portal was designed primarily for property managers, with secondary access for contractors to update project status and add comments. No formal research was needed, as the client already had a clear understanding of their workflows from years of using their legacy FileMaker system. My role was to modernize the interface while keeping these workflows intact. Client feedback during design reviews served as the main source of user insight, helping validate that each iteration aligned with their day-to-day needs.
Design Process
Starting from the client’s wireframes, I went straight into high-fidelity Figma mockups for the five core sections: Property Details, Projects, Utilities, Meter Readings, and Users. I built a lightweight design system with reusable components and Auto Layout for consistency and easy iteration. This made it simple to scale the design as new features were requested. Over three to four feedback rounds, I refined layouts, added requested features, and ensured the visual design matched the client’s expectations before handing off to development.
Challenges
The main challenge was limited screen space, especially on the data-heavy Meter Readings page. The client wanted a large amount of detailed information displayed exactly as they envisioned, which risked creating a cramped, overwhelming layout on smaller screens. Through careful information hierarchy and layout adjustments, I created a design that fit their requirements, worked on laptop screens, and still felt clean and readable.
Solution
The redesigned portal delivered a modern, consistent interface across all sections, with the Meter Readings page standing out as the most dramatic transformation. I replaced the cramped, outdated layout with a cleaner table design, improved spacing, and clearer data groupings. A view toggle was added so users could switch between tabular data and a graph view, making utility trends easier to understand. The result preserved all required details while presenting them in a way that was both visually appealing and easy to navigate.
Impact
The client expressed satisfaction throughout the project and was pleased with the final product, which has been in active use for several years. For me, GreenRock was a career milestone. It was my first end-to-end product design from concept through launch. It strengthened my confidence in leading projects, managing stakeholder feedback, and delivering a polished, developer-ready solution.
Other Projects
