Dealer Door Configurator

The company relies on the working relationships of their dealers to sell doors to their customers using a door configurator. Dealers were finding the process of the old tool to be slow and cumbersome. This is the story of how I presented a new design that would allow the dealer to not only work more efficiently but also enjoy the process of configuring a door.

To comply with my confidentiality agreement I have omitted and appropriated confidential information. These designs are a reinterpretation of the original.

[unex_ce_button id="content_77f0fdtu3" button_text_color="#ffffff" button_font="semibold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#b51c2a" button_padding="15px 60px 15px 60px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#000000" button_border_hover_color="#000000" button_link="https://xd.adobe.com/view/ea4cf062-1829-4b57-9a65-8b2d2f875040/" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]VIEW INTERACTIVE MOCKUP[/ce_button]
configHEROconfigHERO

My Role

I was responsible for the experience strategy and design of the desktop web browser application. I lead the UX work, producing sketches and delivering high fidelity and interactive mockups to the stakeholders from September 2016 to November 2016. I worked alongside a front-end developer to ensure design compatibility with Bootstrap framework.

The Goal

Efficiency and Enjoyment

The door configurator tool is used on a daily basis by hundreds of individuals around the country to build custom door orders for their clients. The client wanted to improve the speed in which a user could 1) build a door, and 2) navigate large orders with ease and the ability to go back and edit orders.

Since the old configurator tool was vastly outdated and gave off a feeling of dread to the user who was about to build a door, I proposed a redesign that would be a joy to use while maintaining a sense of familiarity to the user.

The Discovery

After speaking with users who interacted with the current configurator on a daily basis, it was clear to me that frustrations came from small interactive areas and losing sight of the doors that they were creating. Once you finally completed a door (and rubbed your eyes from all the strain from having to squint), there was no indication as to where that door information lived.

The Approach

My first thought, since this configurator was going to live on the desktop, was to take advantage of a full-screen fluid layout. The current design is jam packed inside of a tiny pop-up window. Going full screen would allow for plenty of real estate. On the left, a question and visual answer column. On the right, a brand new space to show a cart system for the doors being included in an order.

Sketches were drawn out to convey the ideas to the immediate stakeholders and technology leaders of the company. I then used Adobe XD to design interactive mockups to show the user flow and functionality of the new configurator design.

ResultsĀ 

The new design offered all of the familiar functionality that the user was used to while providing a new layout that reduced reader fatigue and eye strain. The new design also provides clearer information that helps the user understand where they are in the process of their order.