This is a complete website redesign client project for FIPPOA, which stands for Fire Island Pines Property Owners Association. The client was looking for a website with clear information architecture and appealing visual language to improve the user experience and highlight the organization's role. This complete redesign project includes three phases- research, ideation, and design. I collaborated with three other team members and accomplished to generate an over 80 pages final deliverable, as well as a final product walk-through to the client. The client approved the design for moving forward into development.
During the research process, we interviewed 12 users, a mix of community homeowners/renters from the client's user list and renters/visitors by outsourcing. By synthesizing user data by affinity mapping, we discovered trends of users' pain points and needs, and then translated qualitative data into insights. A clear distinction of user behavior and needs between long term community members and users had a relatively short time with the pines informed the personification.
Fire Island Pines is historically an inclusive safe haven for LGBTQ+ community, as well as a convenient and relaxing getaway from New York City. However, FIPPOA's current website does not represent the personality of the community and the needs of current members. It also lacks of useful local rules and visitor information.
We analyzed the FIPPOA's current site's information architecture, and revised twice to accomplish a final sitemap. We conducted open and closed card sorting on the proposed sitemap to validate our changes. After a slight edit, we tree tested it again and finalized the revision.
After validating our proposed changes and conducting rounds of design studio, we moved to the final design and prototype phase. As the design lead, I managed to deliver fully functional mid-fi wireframes and a high-fidelity prototype, as well as a complete style guide and a full specification documentation. We ran one round of usability tests of designs at different fidelity and achieved a satisfying success rate.
We conducted 8 usability tests and had a 97.9% success rate. Users had no difficulty to find out information of community rules, membership benefits, and reserve Whyte Hall. The client was very pleased with the hi-fi mockup, as well as the new branding visual design. He was bringing the project deliverable to the FIPPOA board to implement the redesign.
I took the initiative to start the specification documentation for development. We generated a spec doc over 30 pages for the client, which includes a color palette, typography, all CTA buttons and icons in use, etc. It also presents how I apply Bootstrap responsive layout during design.