The Lark at Copper River
Custom Property Website (SPA)
Custom Websites are fully custom property websites designed and developed from scratch.
Each property website is approached strategically and designed with Scrolling Page Architecture™ which is optimized for the best user-experience. These websites are curated specifically for the property and it's brand to provide a memorable experience for the user with beautiful photography, custom patterns, carefully chosen fonts and micro-interactions.
The Lark at Copper River in Northeast Fresno, CA, comes with a variety of modern features and multiple living options ranging from one bedroom apartments to townhomes. The Lark at Copper River boasts numerous high end amenities both in their units and their community.
Project Type: Custom Property Website (SPA)
Project Scope: UI Design, Responsive Web Design, Wireframing, Prototyping, Client Presentations
Tools Used: Sketch, InVision, JIRA, Adobe Suites
Goals & Objectives:
Clear layout for prospective renters
For current residents - easy access to resident portal
Highlight neighborhood lifestyle
Clear layout for prospective renters
Information on availability & floor plans
Apply online and book a tour
Showcase the The Lark’s custom branding
In-House Branding
The Lark at Copper River contracted with LeaseLabs for branding services as well as a custom website design, so when designing this site it included a branding hand off with a dedicated visual designer and a thorough set of brand guidelines. All designs also went through an additional round of review and approval with the Creative team.
Research & Strategy
Personas
Speaking with the President of Vendenberghe Properties, we identified the primary demographics as 90% 30-50 year old working professionals and families. Less than 10% of the demographic are students and seniors. Knowing both our objectives and the demographics was key for my design choices. From there, three personas were created:
Discovery & Creative Exploration
Part of the preliminary discovery call is a discussion on guiding keywords and positioning graphs to help the client visualize and clearly articulate their vision for their design. This exercise is often lead by the designer, or the Art Director. Direct communication with the President of Vandenberghe Properties lead to the following position graph:
Wireframes
Early explorations of the home page and the different elements like the open navigation and the specials banner of The Lark at Copper River. The process included plotting elements of design and a layout that aligned with goals & objectives. The floor plan in particular required multiple iterations because it included a second tier to accommodate the townhouse options.
Open navigation concept
2-Tier floor plans tabs V1
Open specials banner concept
2-Tier floor plans tabs V2
High Fidelity Mockups
Designed in sketch and uploaded to Invision, these static comps show the details that our developers followed to bring my design to life. These are also used to present to the client, as well as gather any potential feedback from them. Once the final product is built in staging and approved, the site is pushed live. You can view the final product below!
Back to all projects.