Enhancing Autoglass Online's User Experience

Portfolio

Role

UX/UI Designer

Date

August to November, 2020

Tools

Adobe XD; Photoshop; Overflow; Google Forms, Miro, Google Analitycs, Hotjar

Process

Discovery; Research, Exploration, Ideation, User Test, Prototype, Validate; Analyze.

Context

Autoglass is a company that operates in several areas of the automobile sector. We have the largest glass stock in Latin America and the largest variety of pieces throughout the national territory. In addition, our network is distributed in more than 60 stores in the country, offering quality, safety, and service excellence. Therefore, the eCommerce needs to be following these standards.

Problem

Working closely with the team at Autoglass Online, we developed the content necessary to build the custom eCommerce website in the most simplistic, yet high-quality manner possible. The end results were a great marriage of simplistic design and the level of quality that represented the company appropriately, solving the search and flow problems that was impacting on the convertions.
During the process, there were many obstacles including product images, legacy codes, and the hurdle of building an efficient eCommerce website with more than 20 thousand products, however in the end the site it's being launched in a timely manner, and the results were as expected. In the first two weeks after the product page going up, organic traffic increased over 1000% and the help chat was less active than the prior 6 months! Our attention has now shifted to improving the search tool and clean code.
planning discover Analise heurística

Strategy

Reviewing the original site and with costumers interviews, we knew that we don't need to completely rebuild the website from the ground up – beginning to end. We began by developing a plan of priorities, and mapping the main problems with a heuristic analysis. Then we developed new wire-frames and flat designs that were later built into a website. We also worked with the internal clients to have customer feedback, new product images, and product descriptions and built a functional e-commerce website able to handle purchasing, financing, and shipping anywhere in Brazil.
planning discover
planning discover Analise heurística

Main Visual changes

We reduce visual overload, standardize colors and images according to the company Design System, changed the architecture of some pages , the layout and operation of the menus. Also changed the labels and some texts for expressions that users better understand. You can also check at: www.autoglassonline.com.br