HQ Smart City Home App

HQ Development is a fully integrated smart micro city design leveraging technology to allow users to utilize services that will provide a sustainable, energy efficient, safe and secure place for people to live, work and play. HQ will be the first smart micro-City on the west coast (Vancouver, WA).  


HQ Smart City (Harley Development)




Smart Home 



User Personas

User Flow

Journey Map

A/B Testing




Economic Impacts (10 Year Plan)
  • $4.5 billion in economic output
  • $2.9 billion in personal income
  • 33,000 jobs years
  • Annual impact of 2,800 people directly employed on site, 4,600 total supported in the City through multiplier effects at stabilized occupancy 


As a Lead UX designer working on the team, my main responsibility was taking ownership of the Sustainability portion of the Smart Home App. I took a deep dive into learning about key points of interest with conserving energy in living spaces, researching current Smart Home Apps and how they address sustainability, and meeting with leaders in the industry to ask first-hand questions.


I partnered with my team and the business owners to uncover insights and translate concepts into features that address customer needs and motivations.


I designed and collaborated with 2 other UX designers, the UX Research Team, and the Developers to translate product features for each portion of the application.

Strategy & Vision

I created wireframes and prototypes to share the vision, design principles, and content strategy. This led to thoughtful ideas, team alignment and decision making.

Planning & Scope Definition

I defined the product with my project management team and UX team. I focused on user goals and balanced business goals. I prioritised and negotiated features crucial for launch.

The goal of the smart city is to  allow residents and guests to utilize services that will provide a better quality of life, but also provide a framework to achieve a more sustainable and safer environment.

The goal of the smart city is to  allow residents and guests to utilize services that will provide a better quality of life, but also provide a framework to achieve a more sustainable and safer environment.

High Fidelity Prototype 

Architecting The Flow 

After determining the User Need and the Target User, we began determining the User Flows for each task a user would need to complete and looking for ways to minimize clicks per task. We used Figma and Figjam sessions to work cohesively as a team.

Visual Design

  • Worked with the Visual Design team to construct a color scheme to match the desired look and feel of the environment.

  • Colors were chosen to look nature-based with rich earth tones and accents of blue (sky / water)

  • Typography was chosen for a clean, neutral feel ( Montserrat) 

Questions During Ideation

  • What technology would be used in the apartments and their exact capability

  • What areas can technology be integrated to improve quality of life? (Parking, Energy Use, Allowing Visitor Access)

  • How can we make it secure?

Action Items

  • Constructing User Flows to minimize total clicks to complete a task

  • A/B Testing to check user responses

  • User Testing (Maze)

  • Card Sorting

Screen Shot 2022-09-21 at 2.40.19 PM.png
User Flow ( Figma )


The user needs a way to live energy efficiently in order to save money and resources.

The Need

It all started with understanding what the current problem is and how the user experience can be improved. The goal is to allow residents and guests to utilize services that will provide a better quality of life, but also provide a framework to achieve a more sustainable and safer environment.

The Target User

I led Discovery sessions with the Product Owners to gain insight into key points of interest. I researched groups that are likely to benefit and gravitate to Smart living spaces to better understand who the future residents would be.

Questions to Enhance Ideation

  • What is a Smart City?

  • What technology can be integrated into a Smart City

  • How can the user save money? (resident break down of personal energy usage and how to preserve more) 

  • How can a community save energy to promote local and national growth?

  • How will HQ compare to other metro areas?  

Actions To Define The Need

I conducted User Research to determine current pain points in other Smart Home apps. I researched the framework of existing Smart Cities to examine their current process and determine their success rate.

Target User Characteristics

  • Energy Concerned

  • Tech Focused

  • Community Centered

  • Active Travelers/ Remote Workers

Screen Shot 2022-09-21 at 1.39_edited.jpg
Scenario #1 (1).jpg
Screen Shot 2022-09-21 at 10.06_edited.jpg


Cities that leverage Smart City solutions can improve their energy efficiency by 30% in 20 years. (Postcapes)

Energy – 22.jpg
Energy – 22_edited.jpg


92% of users said they used tips on how to save energy and electric usage

Energy Image.jpg


87% of users responded that saving money was the most important part to energy saving

HQ Savings.jpg

HQ Comparison

Users Identified comparing their community to surrounding metro areas as an important feature for buy in


Road Blocks 

The biggest challenge I faced throughout this project was advancing with designs, while trying to collaborate. Knowing that this project had multiple features that required ownership from different designers, required a maximum amount of listening to others and taking feedback. The team spent a disproportional amount of time debating design decisions— when there wasn’t data that could easily be gathered to help drive a decision.

Areas of Improvement

Spending more time researching current Smart Cities and Communities to compare their data prior to diving into the later processes. Interviewing current Smart City residents and learning active pain points.


Behavioural KPIs

System Usability Scale (SUS)

Net Promoter Score (NPS)

Customer satisfaction (CSAT)

Attitudinal KPIs

  • Task success rate

  • Time-on-task

  • Search vs navigation

  • User error rate

Screen Shot 2022-01-14 at 12.01.58 PM.png


The prototype was designed in Adobe XD.