Installation guide app

HRV mobile app preview – project management interface with project status tracking, installation workflow, and grab bar placement planner.
Project overview

Home Renewed Ventures (HRV) wants to develop an application that will be a critical resource so that contractors can successfully complete the installation of the grab bar so that the elderly remain safe and independent on their own at home.

Tasks
  • Create detailed user flow to visualize the main app ideas –  adding a customer, a grab bar installer, closing a job
  • Develop brand guidelines and design system
  • Based on the approved wireframes and brand guidelines create the final user interface
  • Make a clickable prototype so the product owner can pitch this up with the investors
Tools
Figma
Figma
Adobe Illustrator
Adobe Illustrator
Solutions
Outcome

Clickable clear mobile app design that dramatically simplifies the installation of handrails for contractors or elderlies with clear navigation. Brand and further development guidelines.

Solutions

User Flow

We have thought all the screens from project creation and step-by-step installation to the implementation report.

User Flow

We have thought all the screens from project creation and step-by-step installation to the implementation report.

User Flow

We have thought all the screens from project creation and step-by-step installation to the implementation report.

User Flow

We have thought all the screens from project creation and step-by-step installation to the implementation report.

User Flow

We have thought all the screens from project creation and step-by-step installation to the implementation report.

Design system

Following the logo, we've created all the rest necessary colors and typography. The design system was expanding during the design process with all the required components. We've created clear guidelines for further development.

Design system

Following the logo, we've created all the rest necessary colors and typography. The design system was expanding during the design process with all the required components. We've created clear guidelines for further development.

Design system

Following the logo, we've created all the rest necessary colors and typography. The design system was expanding during the design process with all the required components. We've created clear guidelines for further development.

Design system

Following the logo, we've created all the rest necessary colors and typography. The design system was expanding during the design process with all the required components. We've created clear guidelines for further development.

Design system

Following the logo, we've created all the rest necessary colors and typography. The design system was expanding during the design process with all the required components. We've created clear guidelines for further development.

User interface

Base on the approved user flow, wireframes, and branding, we've created the user interface for all the screens. It was important to make the UI clear and allow users to quickly navigate between installation steps as well as see what parts are already done.

User interface

Base on the approved user flow, wireframes, and branding, we've created the user interface for all the screens. It was important to make the UI clear and allow users to quickly navigate between installation steps as well as see what parts are already done.

User interface

Base on the approved user flow, wireframes, and branding, we've created the user interface for all the screens. It was important to make the UI clear and allow users to quickly navigate between installation steps as well as see what parts are already done.

User interface

Base on the approved user flow, wireframes, and branding, we've created the user interface for all the screens. It was important to make the UI clear and allow users to quickly navigate between installation steps as well as see what parts are already done.

User interface

Base on the approved user flow, wireframes, and branding, we've created the user interface for all the screens. It was important to make the UI clear and allow users to quickly navigate between installation steps as well as see what parts are already done.

No items found.

Outcome

Clickable clear mobile app design that dramatically simplifies the installation of handrails for contractors or elderlies with clear navigation. Brand and further development guidelines.

More works

Let’s discuss your goals, challenges, and how WebFolks can help you move forward.

200+
Projects shipped
70+
Clients supported
Startups & Enterprises
Trusted by growing teams