PROFILE PAGE DESIGN
The Problem
Teacup Tiny Homes has created a great tool with their custom home building application. Just look at the number of choices available to a user for building a custom tiny house.
Tiny Home Building Options 11 pre-built plans + 1 custom 9 length options 2 width options 14 loft, kitchen, bathroom options 32 fuel, heating, plumbing, appliance options 15 siding, roofing, windows, doors, skylights options 83 Total Choices (not counting custom additions you write in the optional notes section) Minimum Cost: $48,896 Maximum Cost: $139,000+ With so many options to configure in the home design space, users often want to mull over their options and come back later to make their final decisions. The issue is that saving those designs to come back later and complete is currently not an option. Users need the power to make decisions on their own timeline and the option to change their minds without having to start all the way over or pull the trigger prematurely. User Research
Methods and Predictions
I conducted five user interviews and researched extensively into the tiny house movement.
|
|
Interview Highlights
|
|
Interview Findings
The majority of users liked the customization tool, but they did not like the idea that their time and effort spent was lost if they didn't immediately pursue a callback from Teacup Tiny Homes.
Persona
Competitive Analysis
I focused my analysis on three real estate companies. The typical profile staples were present: quick signup, name, address, and contact. Budget was an interesting category of distinction from Dorsey Alston while Realtor.com had the most customizable notification settings.
Realtor.com
Realtor.com had the most visually appealing look for me. I loved the clean aesthetic. Their organization draws the eye to what is important and doesn't distract with visual fluff.
Trulia
Trulia was also appealing, but I felt like there was too much visual information. A particular issue was the hierarchy of tabs on the top right of the page clashing with the hierarchy of tabs on the left.
Dorsey Alston
Dorsey Alston has very thorough organization of user profiles and saved homes pages but I am not a fan of their style guide or the number of contrasting elements that draw away focus, especially on the profile page.
Usability
Low Fidelity Sketches
I took cues from Realtor.com, removed the unnecessary elements that Teacup Tiny Homes website did not support, and developed sketches. I designed with the mindset of integration by keeping all of the current design patterns and layouts intact such as banner sizes, logo placement, and menu structures.
Low Fidelity Wireframes
      The lofi wireframes were constructed from the sketches and adjusted for mobile device screen ratio.
User Flow
Next came figuring out the steps necessary to navigate and commit changes to this new section of the Teacup Tiny Homes website. The goal was to create a flow that was as simple as possible using the fewest number of steps with concise feedback responses.
High Fidelity Wireframes
          The finished look embodies an aesthetic that is easy to read, easy to use, and fits seamlessly within the established elements.
High Fidelity Prototype
Click the Figma icon above for the interactive prototype.
Measuring Success
Teacup Tiny Homes can measure the engagement from their users through various analytics: the increase in account registrations, the number of designs in progress, the change in one-on-one calls with potential clients, and the fluctuation in revenue. Upticks in engagement, while not 1-to-1 with profit margins, will have an impact on reach, influence, and ultimately sales.
|
Other Case Studies
|
|
