Canvas UX/UI redesign
to improve capabilities and usability of an interior design application at
What is Canvas?
Canvas is a digital tool designed to serve one single purpose, To streamline an interior designer’s workflow so that they can:
- Manage their design projects, tasks & timeline.
- Pitch for projects.
- Share designs and get feedback from customers.
- Co-ordinate with team members for tasks.
- Collect payments from clients.
- Handover final designs for execution.
Business case
Due to a rapid growth of the company in terms of size and revenue, the number of interior designers have gone to 2000 across India. Each designer is able to handle 4-8 projects per month. This brings in new problems.
Problems
- Inconsistency in following the process following, inspite of training and documentation.
- Canvas itself is so open-ended and not guided in experience
- The experience doesn’t suffice many key usecases
- There are usability issues in many flows and make designers work difficult.
Business impact
- Directly on sales
- Time to project delivery
- Brand image in the customer’s mind
- Word of mouth publicity
Brainstorming
After brainstorming Canvas’s existing workflow, We identified areas where we can add more value to our interior designers and impact business.
Goals
Make Canvas a Guided experience
Enforce process for standardised practices
Fix usability issues for productivity
Make it scalable to become a SaaS
A Designer’s Workflow
Client expresses their interest
Who’s going to work on it?
Gather basic req.
Detailed scope
Build 10% pitch
Gather basic req.
Send a team of experts to measure the site
Design are created, shared for feedback until closure
Payment for designs is paid
Orders are placed for manufacturing
Orders are shipped to client’s location
Designs are installed on the site by a team of experts
Finally after all the work, rest of the payment is collected
Mapping task flows in Old Canvas app
An extensive study was conducted with interior designers to understand what steps go in each stage and mapped with how Canvas helps them achieve their tasks.
Heuristic evaluation of Old Canvas app
Solution
Project management UI - Canvas
Project management board is a Feature rich interface that lets designers know the status of their ongoing projects, take action on them or update their managers about their next steps.
For managers, Project management board provides exhaustive list of filters to look for any project in the past by applying various filter types.
Guided Workflow - Timeline feature
Project timeline is a feature designed not just to inform the client about the project status, but also to guide designers to be aware of what are the activities they should be doing in order to complete different stages of design. Designers are shown predetermined tasks based on project scope that they need to accomplish in order to complete different stages of their project.
Catalogue experience - Products
Catalogue page is essential for designers to discover, choose and add products from the catalogue to their interior design project. Usability of discovery through a structured navigation tree and filters were solved through this design.
Catalogue experience - Kitchens
Task Board
A task management dashboard was designed for designers, managers and clients with a common view of a Gantt chart to be on the same page all the time. Tasks are assigned to different individuals, that has an expected date of completion.
Give a 👍 thumbs up
if you liked my work