Overview

Dotworkplace solutions, a complete ergonomic workspace solution provider for offices spaces and businesses. Dotworkplace doesn’t have an online presence and wanted to reach out to their customer by providing a customized online experience.

My Role

I was part of a small team, I was responsible for visual design, interaction design, front-end development and creating an online presence for client. I produced all major deliverables keeping a user focused design approach.

The Challenge

With minimum resources available I had to envision how we could use the web to deliver customer satisfaction, I had to gain more insights about the following

  • Learn about exsiting customers' offline experience.
  • Pain points experienced while purchasing offline.
  • What do users expect from an online experience?
  • How is their payment experience?

Goals

The goal here was to design in a way that would welcome users to a new online experience that would promote the brand with a fresh new look that meets the needs of its users to allow easy browsing of the products and provide customized online shopping experience.

Their current competitors were Featherlite furniture and urban ladder.

Approach

I came up with a set of research goals and define the outcome of the user research. It was necessary to understand their current users to get a glimpse of how they selected an ergonomic product

  • How do people select an ergonomic product?
  • What difficulties do they face in the current process?
  • What values are the customers looking for from the products?

Identifying the Users

Some of the existing users were interviewed.

  • How do you know about dotworkplace?
  • What apps/website do you use for online shopping?
  • Describe what you felt the last time you shopped online?
  • How was the checkout experience?
  • How did you solve the problem that you experienced during checkout?

Data Analysis

Discovery

The following analysis was made from the interviews to match with the business goals

  • Customers made their purchases via phone
  • Customers learn about the brand via seminars and connections.

It was important to discover and get a deeper understanding of what is important to the users and why it was important.

The following factors played a huge role when selecting an ergonomic product.

  • Quality.
  • Pricing
  • Level of comfort

I also had to make sure that the design aligned with the business goals. They only had a select few products that were sold online and transportation was limited to certain area.

Personas

Based on the interviews persona was developed. We referred to them throughout the entire product development process.

Sunil is the office manager of a small business firm. His job is to ensure that the office operates smoothly and efficiently. He is responsible for purchasing office supplies, equipment, maintaining proper stock levels and also coordinating appointments, meetings and managing staff calendars.

Motivations

  • Variety of options to select from.
  • Discounts on multiple purchases.

Goals

  • Ensure that all office needs are fulfilled.

Pain Points

  • Purchasing online can be overwhelming.
  • Lack of discounts for ergonomic products.
  • Majority of online stores don’t provide complete office solutions

Empathy Mapping

I mapped out the users’ steps to see how I could simplify their journey to help them reach their most important goals with the product.

How does the user choose the right product for their office need?

Scenario

Sunil’s office is under renovation. Employees have complained about uncomfortable chairs causing back pain and inability to stay focused due to prolonged periods of a seated position. So the management decides to get a set of new ergonomic chairs for their employees. Sunil has a budget constrain in total expenditure.

Think/Feel

  • How can I get an ergonomic chair for good quality?
  • How can I get an ergonomic chair that suits the budget?
  • Employees and clients attending the conference room should feel comfortable.

Said

  • Provide coupons for discounts.
  • Provide return policy.
  • Provides delivery to site.
  • Provides easy checkout.

Opportunities

  • Provide discount coupon code
  • Provide return policy.
  • Compare prices with other ergonomic competitors.

Constraints

Due to lack of resources the company had decided to implement Instamojo payment gateway. They provided a seamless checkout process that was well aligned with our goals and also had live chat support.

Site Structure

The site structure helped me understand how a user would navigate through the website. Since no user information is stored, login/register was not required. The checkout process was handled by third-party application.

sitemap

Wireframes

It started out with rough sketches using a mockup that would match the user flow.

wireframe wireframe
wireframe

Prototype

Once I tested out all usability mistakes, I started designing the final screens.

  • Design patterns were clean and minimal
  • Users can easily browse through the list of items.
  • Users get to see the latest and popular products.
wireframe wireframe
wireframe wireframe
wireframe wireframe

Results

wireframe

Since our company wasn't fully invested in UX, it was challenging to implement the complete user-centric design process. But the overall results were a major improvement compared prior to the online experience. Since the payment gateway provided with a solution to analyze the purchase orders, it was easy to track the conversion rate.

  • Users felt the site was modern and minimal.
  • Increased the monthly sales by 20%.

To see live, visit Dotworkplace Solutions