VIVA GREEN HOMES
MY ROLE: UX DESIGNER
TEAM: MOLLY FU, SHELDON MOJICA
DURATION: 2.5 WEEKS
TOOLS: SKETCH APP, INVISION, PHOTOSHOP
Viva Green Homes is a niche realty site that connects buyers, sellers and realty agents in the eco-friendly housing market, promoting opportunities and education for consumers and matching them with experienced professionals in the market.
Viva Green Homes is looking to tackle multiple components of site optimization and improvement. One piece, the primary focus of this project, is to research, develop and optimize a lead generation feature of their site. As vivagreenhomes.com aims to match buyers/sellers in the eco-friendly housing market with agents who are experienced in the industry, the importance of educating users on the value of these specific agents is paramount. This feature is currently live in the “find a professional” pages listed throughout the site, however the feature flows, the efficiency and effectiveness of this tool in converting leads is the primary goal in mind. Ultimately, Viva Green Homes needs to be able to drive users to agents and convince sellers to buy into the product.
Creating a seamless and instinctive professional discovery experience for new and existing customers is the goal. users navigate the “find a professional” section to easily find options, buy/sell and connect with agents that are the best fit for their need without complications or distractions.
MARKETING RESEARCH | USER SURVEY | COMPETITIVE ANALYSIS | PAIN POINTS |
VIABLE SOLUTIONS | PERSONAS
SKETCHING | A/B TESTING | ITERATION | WIREFRAME | PROTOTYPE
Based on the research our team conducted, we sketched the first user flow by a storyboard and the on-boarding page, for the new feature we designed.
Based on competitive analysis, we came up with two user flows. To determine which is more usable, we conducted an "A/B testing”.
FEEDBACK AND ITERATIONS
After we conducted AB testing and usability testing, we determined which flow would be used. Also, we gained some useful ideas during the test. Here are two major iterations.
Added “find a professional” on the header. Based on the research and testing, it occurred to me that the website should have a CTA button to encourage users to search, explore and investigate what options are available to them to find their “significant other agent”.
Added a “skip” option into the flow of “find a professional”. Users should have the option to exit the flow and explore the website more.