EVRODOORS Case Study

EVRODOORS

UX Case Study

Contents

Overview Research Summary Design Strategy Design Production Outcome

Overview

EVRODOORS was built a website that elevated their luxury door brand and established a strong market presence. A project priority was to create a catalog that reflected the luxurious and modern aesthetic of their products.
‍
Most product catalogs function in the capacity of an ecommerce store. In our case the client wanted the aesthetic of an ecomm but the functionality of a point of contact. Meaning we had to create a catalog the was inquiry only.

Role

UX Designer

Tools

Figma
Illustrator
Photoshop
Google Docs
Wordpress/Elementor

Duration

Oct '23 - Feb '24

The Challenge

Take a rather orthodox product catalog process, convert it into an inquiry only model and present in a tone of luxury.

The Solution

The direction we took for the design was creating a catalog that had the intuitive nature of an app and a presentation that invokes a sense of luxury and high quality.

The Impact

The overall thoughts on the catalog are positive from both users and stakeholders. Metrics we can refer to are observing daily visits increasing by 88% from the 30 to 60 day period and conversion rates sustaining at 3%.

Research Summary

Insights into Experience

Research Overview

To accommodate the project time and resource constraints we conducted a competitive analysis to observe existing solutions and interviewed several evrodoor clients to collect their thoughts, and feedback of competing solutions. The goal was to get a general overview of the market and who the market serves.

Findings

Frustrations:
Overly complex catalogs and Inadequate communication methods created a frustrating experience.
Market Analysis: Most navigations were unintuitive decreasing the quality of the user flow.
User Observations: The prime user base are coming from a niche market looking for a specific outcome.

Oppotunities

To separate ourselves from the market we concluded that to make a superior catalog we would have to focus on encouraging engagement, intuitive navigation and maximize efficiency. These elements would have to tie in with the tone of luxury to avoid being interpreted as cheap.

Design Strategy

Blending Luxury and Functionality

The Challenge

Modern Interior & architecture design books really spoke to us when looking for relatable inspiration. The minimalism in layout and a visual priority on the product sold us in our design direction. How might we be able to incorporate this into the final product?

The Approach

Fluid Interactions: Explore our options for intuitive and smooth interactions to replicate the UX of an app.
An "Open" Layout: We wanted the Layout to reflect the functionality of the product; Simple, tall and Connected.
Minimizing Friction: Simplify the process of website catalogs.

Tabs, Filters

We wanted to give the users power to find their product without having to wander to far.

Since most users already have an idea of the product they are looking for, we prioritized thorough filtering to consolidate options and divide single product information into tabs to avoid the extra step of a single product page.

Team Feedback

Prioritize the CTA in the Product card
Dynamically add Product SKU/Name to form
Add color swatches to functionality

Quick Survey

A quick and simple usability assessment indicated that users had an overall positive response to the product with minor oversights to improve on.

Design Production

Executing beyond obstacles

Implementing Features

To properly build out the catalog on WordPress we needed to address several components, Catalog Storage, Dynamically Served data and creating the tangible product.

Solutions

ACF (Advance Custom fields) gave us the capability to customize our data sets and quickly add products.
ACF also coincided well with Elementor to serve dynamic data to the front end.
Utilizing the Elementor tabs allowed us to bring our products forward and allowed us to create a responsive layout.

Hurdles

Certain features such as product swatches, business emails were either deprecated or placed behind paywalls which required us to assess our options.

To stay on time and within budget we decided address these features by not implementing swatch galleryand keeping standard emails for the time being.

A solution we concluded on was to add an image gallery that would still show case the product options.

Outcome

Observing the Impact

Post Launch Observations

evrodoors.com has observed both positive takeaways as well as areas of improvement.

Daily Visit - have increased by 88% from the 30 to 60 day periods
Bounce rate - has sustained at 56%
In influx of spam form submissions indicates a improvment on form securities is needed.

Moving Forward

With the product launched we wanted to let any improvements the product might need organically surface. Through feedback and observation a few key features and goals we feel would improve the overall experience:

Decrease Bounce rate to 40%.
Improve forms with captcha V3.
Implement a live chat feature to provide immediate communication.

Relections

Lessons Learned

Takeaway 1

Overcommitting without in depth knowledge of a solution.

Takeaway 2

Clarify standards of communication and resource collecting.

Thank You

View Full Case Study

Lets Connect

Here is a quick way to get in touch.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.