Neighborhood Digital Ecosystem2021

Award-winning masterplan community in Irvine, California

Responsive Website, Custom CMS, Wayfinding Mobile Ap, Interactive Surface Ap, VR Interactive Tour Ap, Digital Marketing

A product ecosystem to guide users around residential community, park collections, and recreational amenities virtually, on-site, and online through digital application.

Prospective tenants can experience and explore the community via: a interactive surface app at the information center, tour 360 by VR app, a on-site personalized home tour guide via their own devices.

Responsive Website
Designed homepage and crafted a visual story about the community, integrated interactive map design for features page, and continuous design iterations and improvements. One of the learnings I implemented on the site was a bottom user navigation on mobile devices - to make it easier for users to navigate the website, while on desktop I designed dropdown navigation components to allow for additional content such as image and text links for better storytelling.

Product Userflow
Users who are on-site with a mobile or tablet device they are able to experience the wayfinding tour app. Where they can learn more about the current location and find tour homes based off their needs. If they are on a desktop device, they are sent to a separate landing page guiding them on how to access the tool. The landing page for users who are not on-site informs the user the value of the tool.

VR Interactive Tour Application
Used at off-site or on-site events, where visitors or users could immerse themselves into the community without having to be there. There were learning challenges during the design of the application. I learned how VR apps could physically effect users, and had to optimize the experience to ensure users did not have a difficult time selecting buttons. The VR experience was fairly novel during this build. I found it challenging to find documentation on design processes and learnings, so it was integral to collaborate closely with the development team.

Hi-Fidelity Wireframes
First pass on high fidelity wireframes and is mostly conceptual. The final product was significantly simplified, with custom tour personalization functionality removed.

Wireframe of interactive tech table on-site