
Lynn Park HOA Website
Overview
The website service 150 owners and tenant in Lynn Park Community to pay their HOA and other community service.
Role
Sketching, prototyping, user testing, project management
Tools
Sketch, Wix
Design Question
How to improve the efficiency of the HOA service?
Early insights from the stakeholders
After talking with stakeholders and get their requirement. We get the main function of the website: pay HOA fee, request for maintenance service, reserve the clubhouse, request for architectural service, download community files, communicate with management and get notification and news of the community. On the other hand, client want to get more people involved in the HOA Event and get the voice of the owners and tenants.
User interviews & Persona Development
Understand User
To identify the real need of the user, 9 in person interview is conducted. Finally, we determined two types of users and their primary needs of the website. This helps us to identify the main page and content of the website.

As a owner, who lives in Lynn park for 10 years, the needs of Emma is:
-
Get updated notification and news of the community
-
Get easily to contact with property managers when needed and report the community problem.
-
Have access to all community documents, regulations files and get instructions about how to get resident service
Emma Owner
As a tenant, who lives in Lynn park for 1 years, the needs of Jason is:
-
Get updated notification and news of the community
-
Get to know more about community events and make new friends
-
Get instructions about how to get resident service
Jason Tenant

Identify the main page and main content
Based on the interview results and the requirements of the client. We finally identify the main pages of the website- Resident Service, Documents & Forms, Community, and Contact.
From the requirements, we finally identify the main content of the website- your activity, news, upcoming events, contact the property manager, community voice, Lynn park introduction, board member introduction, documents and forms, club house reservation, swimming pool key application, maintenance request and architecture modification request.
Visual Design
Style Guide
The branding color finally is identified as green, which means life, and everyone can live in Lynn Park happily.

Final Mockups
The Sign up Page

The Sign in Page

The Home Page

The Resident Service Page-Clubhouse Reservation- Default

The Resident Service Page-Clubhouse Reservation- Complete

The Resident Service Page-Clubhouse Reservation- Form

The Resident Service Page-Clubhouse Reservation- Select Date

The Community Page

The Documents & Forms Page

The Contact Page

The Profile Page

Reflection
The main page of the website is finished. As the stakeholders decide to use the third party for the payment, we did not finish the payment part.