top of page
Banner.png

EBY
INTERIORS

#UX/UI design

#Responsive web

#Handyman services

#Interactive floor plan

OVERVIEW

Our client Justin is the sole proprietor of EBY Interiors. After nearly 15 years working in the construction and renovation industry, he developed many strong relationships and connections and decided to go into business for himself.

Currently, he offers services ranging from small handyman jobs to big renovation projects with very affordable rates. He is planning to expand his business and is in need of an improvement to his website.

PROJECT ATTRIBUTES

– Interactive Floor Plan
– MVP
– Logo Design
– Responsive Web Design

FACT SHEET

Timeline: 2.5 weeks


My Role: UX & UI Designer


Team: Richard Jiang, Corina Sirbulescu, Eric Li, Jamil Amurao


My UX Methods: User Research, Competitive/ Comparative Analysis, Affinity Diagram, User Persona, Information Architecture, User Journey Map, User Flow, Prototyping, Usability Testing

My UI Methods: Design Inception, Gut Test, Moodboard, Style Tile, Logo Design, High Fidelity Prototyping, Style Guide

Tools: Adobe Illustrator, Adobe Photoshop, Sketch, InVision

Challenges.png

THE
CHALLENGE

Even though being constantly updated, our client's current website does not meet the needs of nowadays clients in aspects of aesthetics and functionality, that is why Justin approached us for a total website re-design.

THE
PROBLEM

During our user research, we discovered these 2 most urgent problems that we would like to solve for this project: 

Problems 2.gif

2. There's a lack of communication between service provider and the customer.

1. Services are hard to find, especially when you don't know what the jargon means;

THE
SOLUTIONS

1. Interactive Floor Plan

 

Based on our research, a lot of people were unable to name and find certain specific renovation services. In this way, we came up with a solution — an interactive floor plan. Our clients can then navigate the services based on the location to find the ones they need.

Floorplan.gif
Contact Form.gif

2. Brand New Contact Form

To help solve the communication issues, we also redesigned the “Get a quote” form. In this new form, we included a photo upload option so that people can send Justin images of damaged areas that they wish to get fixed. We also added a floor plan upload option for clients who aim to have bigger renovation projects. These 2 upload options would help Justin provide better price estimations.

3. Simplified User Flow

Because the main function of Justin’s website is to provide information and acquire potential clients, we wanted to make our user flow as simple and easy as possible so that users would be able to find the information and make decisions in 4 steps or less.

EBY UserFlow.png

A BONUS
FOR JUSTIN

Logo Iteration.png
EBY INTERIORS LOGO

As a bonus for Justin, I came up with a logo that suits his “one man show” business model, showcases his outgoing personality, and brings bright and energetic vibes that would appeal to millennial customers.


To start, I did some digging and found a picture of him from Facebook. So I animated Justin with Adobe Illustrator, put the illustration into a round badge, added the company name, and then I have our logo.

I used orange as the main colour to fit our colour palette as well as to showcase bright and energetic vibes. The image of Justin in the logo tells people the “one man show” business model, and I put Justin’s head out of the badge to display his outgoing personality.

SUMMARY

In summary, we achieved our goals by improving the user flow, functionality and aesthetics of the website. With the help of our new user flow, it would increase the conversion rate for users to book Justin’s services to a great extent.

Now, target users are able to clearly identify what services Justin has to offer. They can be rest assured after browsing through the pictures of his past projects and then come to a conclusion that Justin has all the tools and skills necessary to complete the projects.

Eby End.png

DESKTOP
PROTOTYPE

MOBILE
PROTOTYPE

CASE
STUDY

Upward Button.png

© 2024 Richard Jiang.

  • Dribbble
  • Medium
  • LinkedIn - Grey Circle
  • Instagram - Grey Circle
bottom of page