Loading...

Collov's interior design tool

Shaping the tools interior designers love

Shaping the tools
interior designers love

Collov is an online home design company looking to disrupt the interior design business. In this company, my responsibility is to flesh out a desktop browser-based internal tool for internal designers to create their design proposals and track their projects in ways that compounds their efficiency. This tool was critical to the company’s ability to scale up its operations.
/ BACKGROUND
Collov’s interior designers are under substantial pressure to respond to customer requests quickly, so we couldn’t afford to have their everyday tools be a nuisance to them. I set up one goal for product — make interior designers love us.
/ THE CHALLENGE
I led a major effort to remove critical usability and technical blockers that prevented the interior designers from meaningfully engaging with the platform. As a result, we have raised user satisfaction by 30% within three short months, and paved the foundation for more powerful features to come. Today, the internal tool fully supports 30+ in-house designers’ work, up from 0 —which is the starting point of this case study.
/ OUTCOMES
Responsibilities
User Research, Stakeholder Management, UI Design, Interaction Design, Product Management
Tools
Figma, Asana, Google Sheets
device or platform
Web app
timeline
6 Months, Jan – July 2021
team
4 Designers and 5+ Engineers

Background

A little bit about the company and the product.

01
COMPANY INTRO
/

Want to redecorate your room? No more endless pinteresting.

Collov is a tech-enabled interior design company reimagining the way you make your house into a home. In a nutshell, this is how you would experience our service as a customer:

Step 1

Customers take a style quiz, fill out questionnaire, submit payment.

Step 2

Our interior designer produces design options for you.

Step 4

You can shop directly on our website from 200+ brands.

Step 3

You approve a design, we finish with 3D renderings.

02
PRODUCT INTRO
/

The purpose of the internal tool is to make interior design and company operations scalable.

When I joined the one-year-old company, the startup had already a very elaborate and complex design service project cycle in place. The founders’ dream is to create an AI and big-data powered digital ecosystem to streamline design, client communication, and project tracking.

A service blueprint I created with my team mate tracing the end-to-end interior design project cycle, from project intake (starting top left) to order and fulfillment (ending top right). This project is about an internal tool used by designers right after project intake.

03
the challenges
/

There are two parts to this story.

This case study is about how we optimized the mood board and product list creation process on the internal tool. Without the internal tool, the team relied on a host of third-party platforms and softwares to run operations, from Adobe to G-Suite to Asana. This would be a problem if the company has to eventually onboard dozens or hundreds of designers.

First, I’ll step back to show you how we went on a “rescue mission” to bring the product up to a baseline standard, which serves to give you context. Then, I’ll explain how a tricky problem surfaced and zoom in to show you how I tackled that problem.

Part I

Getting the product up to speed

01
the first problem
/

Rewind to October 2020

The interior design team told us that they were creating design proposals on Photoshop and Google Sheets simultaneously. They complained that the internal tool was clunky and inconvenient. And so based on their requirements, we started a major optimization effort.

Interior designers relied on 3rd party platforms and software programs to create design proposals in October 2020.

Fast forward to February 2021

Interior designers embraced remove.bg and Google Slides as they were both quick, reliable, and convenient. Our internal platform was up for some competition.

Meanwhile, the internal tool was still in the build. The product development was simply not moving fast enough to catch on with the pace of change.

Only three months after we last spoke, we the product development team accidentally learned that the interior design team had already changed their choice of tools, which they believed to be more efficient.

The number of users was 0

After months of product development, no one was using the internal platform we were building. In the mean time, the product team had been shipping features nonstop for almost a year. Yet, we realized that interior designers struggled to create a basic mood board on the existing platform. The tool was extremely buggy, and the features had become irrelevant to their workflow.

Meanwhile, Collov’s internal tool—which was designed to replace all those third-party platforms that our interior designers were using—was completely unusable, plagued by bugs and poor usability.

We learned the hard way that we weren’t building to the reality of our users.

02
rapid iteration
/

Shortening the development cycle

We’ve learned that even though the product design team did do their discovery research, the findings became outdated before the digital product was delivered. We were going in a direction that was no longer relevant.

This realization changed our product development process for good. I spearheaded an agile workflow that empowered the product team to ship small, observe user reaction, and iterate. The method also made feature releases much more predictable and stablized our roadmap tremendously.

Rsponding to real user painpoints and needs

In a series of interviews, we asked designers to show us how they currently worked using the tools of their choice, and what it would look like if they tried to accomplish the same goals on using the internal platform our team built.

Subsequently, we compiled a list of problems to fix. As a team, we split up the ownership and tackled each issue one by one in order of priority.

We gathered up to 80 diagnosed usability and tech issues, and we tackled them one by one.

Our efforts paid off

After multiple follow-ups and iterations, our interior designers were finally able to make beautiful designs like the one below. Interior designers started to feel much better about working within the internal tool, and they were able to fully migrate their work into the platform.

After numerous iterative cycles, we started to a see drastic improvement on the quality of the platform. Designers were now able to make beautiful mood boards like this.

Relentlessly following up

We relentlessly followed up with users—not once, but multiple times until they were fully satisfied.

Over the course of 2 months, we kept shipping new features based on learnings, and continued to follow up with usability tests and interviews to stay close to real action.

Every interview ended with a question: “On a scale of 1-10, how would you rate the experience of X?” This gave us a clear idea of where we should continue to focus our efforts.

Part II

Quick fixes solved the immediate crisis but leads to a second problem — messy data.

01
the second problem
/

Interior designers saw the promised land, but we weren’t there yet.

By talking to our users, we learned that designers were most excited about the in-platform Product List feature, which autogenerates the spreadsheet containing all the mood board products and their data. The feature could potentially save them a ton of time, if done right.

The problem was, this feature was only useful if designers used clean, internal product data on the mood boards, which was not the case since both the internal search function and the product database weren’t ready. Instead, designers were attaching external image clips to be fast.

During a usability test, a junior designer got agitated. “If only when I paste this external clip, it becomes an internal inventory item!”

She was right on point, and we tried to experiment with a solution that would provide the ideal task flow as outlined below.

Paste any product image onto the mood board using Ctrl/Cmd+V

Pasted image shows up with clean, internal data

System automatically generates a full product list for said proposal

01
messy data, explained
/

The problem of messy data

Collov aspires to be a home design company that relies on AI and big data, and indeed, many of the powerful features in the pipeline depend on usable, clean data. Unfortunately, the database was a mess, and our moodboard tool which enabled users to keep pasting new external image assets without the accompanying data encouraged the chaos.

A pop-up that asks the user to pair an external clip to an existing piece of internal product data.

1

Our database at this point does not differentiate wholesalers from retailers, and this takes time to correct.

2

Vendor names were often incorrectly formatted.

3

There is no good way to implement real-time pricing updates, and for many retail vendors price changes are frequent.

These problems become especially difficult to correct with your database contains literally millions of items.

Messy data is as good as no data.

Messy data became a huge headache for the engineers.

1

Team members have to manually correct the data all the time;

2

A large number of products were unsearchable and hence unusable;

3

As it was faster for the team to upload new data using an in-house built browser plug-in, the database was rapidly piling up with duplicates.

I think the data problem can only be resolved by human effort. I’ve noticed that our competitors are hiring data labelers to resolve the same issue. But right now we are not sure about increasing headcount.

—Lead engineer

How might we as product designers help clean up the database so that a feature can accomplish a functional goal, without becoming data labelers ourselves?

02
designing for good habits
/

“Nudge” users to clean up data rather than to make more mess.

Data cleaning requires collective effort. Still, from a product design point of view, we can design patterns that encourage users to provide comprehensive data upfront, fill in the gaps of existing product data, and recycle clean data.

The most effective way to accomplish this would be to design features that conform to their current habits.

03
Solutions, in phases
/

1. As an interior designer, I can copy-&-paste images into mood boards the quick and natural way.

This is everyone’s natural habit to just right-click to copy an image and tap Ctrl/Cmd+V to paste, especially when one feels rushed. So let designers do it!

In the first iteration of the product, the only way to uploading an image to the mood board was through opening up the file manager.

During our user interviews, we realized that when interior designers faced immense time pressure, micro-interactions and keyboard shortcuts made a world of a difference for them.

I collaborated with engineers to enable copying and pasting the fast way. For more flexibility, I also redesigned the flow to enable users to fill out the crucial product data all at once after instead of during the upload process to streamline their workflow. As seen below, by clicking on the ”Fill in info” button on the image layer (right hand side panel).

2. As an interior designer, I can conveniently pair external clips with internal product data to consolidate the database.

To solve the problem of duplicate data, I slipped in a prompt that asks the user if the image clip s/he is adding to the mood board matches a product that is already in the database. This way they could recycle existing data, and not have to generate a new piece of data for the same thing.

And ta-da! Now the mood board product you added has been ‘merged’ with a piece of internal data and appears on the layers list as such.

Here’s a closer look at the prompt:

A pop-up that asks the user to pair an external clip to an existing piece of internal product data.

3. As an interior designer, I can export a full product list with minimal effort upon completing the mood board, saving hours of manual work.

As the designer finishes off his/her mood board, s/he can switch over to the product list function at any time and review the autogenerated data table.

The column order of this product list mirrors that of the spreadsheet that they are used to, except it is connected to the internal database.

Designers can rapidly scan across the columns, verify and edit the information, and then hand it off to the sourcing team.

Conclusion

Outcomes and learnings

01
goals achieved
/

From 0 to 30+ internal users, and growing

As a result of the phased feature releases described above, interior designers found it easier to add product images much faster to the mood board, take bulk action to supplement relevant data, correct data, and subsequently recycle data that had been added by themselves or other teammates. Projects became faster to execute over time, and the database also became neater over time.

1

Ability to use the power features as intended.

Designers were able to complete their mood boards with ~95% internal inventory data to keep the database clean. A clean database is critical for most platform features to work properly.

2

Create designs more efficiently.

Product list compilation time cost reduced from 4 hours to less than 1 hour per project.

3

Love the tool and scale the team.

Overall satisfaction rating rose to 8/10 from 5.5/10 in 3 months, and we have managed to convince our harshest critics to use our platform. More features were built upon this foundation. Today, the business solely relies on the internal tool for all its design functions, project management, and client management needs.

02
takeaways
/

Key learnings

1

Build to the reality of the users.

Stick to reality by establishing a disciplined research practice, using real data in design wireframes, and conduct usability tests on wireframes and live/demo sites.

2

Be clear on the logic.

It is important to have a thorough understanding of all the critical logic in place in order to know how every moving piece impacts each other, or else something is bound to go wrong.

3

Scope small, ship fast, iterate.

This is key to staying flexible and adaptable in face of changing realities.

As an interior designer at Collov, I had firsthand experience working on the designer backend platform that Lai-Jing designed. The changes that Lai-Jing had specifically made dramatically improved the efficiency of the program. [...]

— Candice Suh, Interior Designer at Collov

[...] I highly respect Lai-Jing as she was one of the most hard working, proactive, and positive forces at the company. She was very communicative and spent the extra time 1 on 1 with me to make sure I understood the requirements and functionality of a design. It is very clear that she is passionate about design and user experience since it shows through her high quality work. With her proactiveness, she quickly became one of the best project leaders at the company. [...]

— Jimmy Pham, Software Engineer at Collov

I have had great pleasure in working alongside LJ on several projects. While working with LJ she always has a positive attitude and is a problem solver. With any challenge she faced, LJ continued to remain focused and would push through any hurdles. Any tasks that LJ is working on she was fully committed to and would jump right in. She takes the time to do the research and understands the needs and wants of each team. All while providing a seamless design that is user-friendly. I look forward to seeing LJ's continued success.

— Jeaninne Singh, Director of Merchandising at Collov

I feel fortunate to have worked with LJ, who is such a great UX designer with comprehensive skill sets, including UI design and Product Management. LJ applied well-defined methodologies to organize the company's UX design as well as Product Management system. Her efforts significantly helped the company to define the ownership and the product KPIs clearly. Furthermore, she utilized user-centric design thinking to isolate the issues both in our existing product and our internal system, which contributed considerably to our system optimization. Our internal system is still benefiting from LJ's design a lot.

— Candice Lyu, Operations at Collov

[...] Lai-Jing was responsible, proactive, and most importantly, displayed a can-do and positive attitude. She has demonstrated a well-developed and strategic understanding of corporate products, and worked diligently to enhance the performance of the new platform through gathering and responding to user and stakeholder feedback. She is full of ideas and continuously challenged us to improve the user experience through design and research. [...]

— Peter "Nanxin" Zhao, Senior Product Designer at Collov

Thank you for reading!

More case studies