We "draw up the blueprints" and renovate HomeZada's web app with a robust visual and functional redesign.
HomeZada, a digital home information platform, helps homeowners improve value and save money throughout their home’s entire lifecycle by providing a single online application to manage all specific digital records. Upon initial launch, HomeZada’s desktop consumer application was functional, but in need of an updated visual design and user experience. On the mobile side, the application did not provide the full functionality of the aforementioned desktop platform. We were asked to come in and redesign the current platform, as well as create a fully-responsive web app to support their vast user-base and improve the overall experience.
Stage 1 – Discover
We began our relationship with HomeZada by sitting down the client and getting a full understanding of the current app, the issues and shortcomings, and the desires of the client. From this meeting, we came out with a roadmap forward, with the goals of improving the functionality and user experience across HomeZada’s desktop & mobile platforms, modernize the visual look across all aspects of the application, and bringing together all of HomeZada’s home affiliates endeavors under one application.
Our first step was to gain a greater understanding of HomeZada’s competition and similar within the home maintenance market, including insurance company apps, home buying and real estates sites, and even outlier apps/site dealing with record-keeping, cataloging and real-world content management.
With a better understanding of what was out there, and HomeZada’s own ideas and goals , we began wireframing and exploring a brand new user experience. We worked to improve functionality and usability, prioritize specific visual elements and content, and increase user interactions to achieve the stated goals. Nothing from the original application was sacred except the content itself, and we redesigned the experience from the ground-up. Our final deliverable was a full set of wireframes for both desktop and mobile, detailing the new experience and setting the foundation for visual design.
Stage 2 – Empower
With the wireframes completed, we next embarked on the visual redesign of the application. HomeZada already had an established brand and style guide, which we leveraged to bring a visual consistency that carried throughout the experience. Colors, fonts, and user interface elements were all standardized, along with relevant imagery and photos.
With HomeZada, one of the challenges was designing what would NOT be there, as many initial users would be starting with a blank interface and no photos or content yet uploaded. We designed for a fully-completed profile as well as one that had yet to be populated, with placeholder images and calls-to-action for users to add photo and information that could keep them engaged as they started out.
Stage 3 – Engage
With our visual design and user experience fully established, and approval from HomeZada, we developed the responsive web app that could be viewed ideally across all devices. After further testing and quality assurance, we passed along the final development files to the client’s internal team for connection to their internal database. The overall final product has greatly changed the HomeZada experience, making for a more intuitive and robust application that continues to help its users catalog and retain value in their homes.
Upon completion of this first phase, we further supported Homezada by redesigning additional sections of their app. Maintenance, Projects, Dashboard and Sales were all overhauled using our established UI and functionality from Inventory to ensure consistency throughout.