RH Automotive Solutions

BACKGROUND

RH Automotive Solutions, LLC is a creative and consulting advertising agency specializing in automated email marketing. The email blast consist of car deals and promotions from a car dealership into an HTML template to be sent to clientele.

Redesign a universal template for email blasts.
‍

I was given two days to redesign the template and thenhandoff to developer to build out templates for five dealerships.
‍

CHALLENGE

OUTCOME

timeline

16 hours.

GOAL:
To evaluate the existing template design in order to improve the look of the layout.

DELIVERABLES:
Heuristic Analysis

HEURISTIC ANALYSIS

Layout feels busy
Text looks too similar making it harder to establish what information is what
Inventory button is not noticeable and blends in too much

BRAINSTORM

After speaking with the Stakeholder and learning what the business goals and constraints were, I listed them out along with User’s goals and needs.

USER - NEEDS

Text organization
Clear CTA buttons
To see what inventory are available at dealerships

USER - GOALS

To identify deals
To differentiate car information
Access email blast on mobile

BUSINESS - GOALS

Clear CTA buttons
Cleaner text layout
Engage customers
Enroute costumers to dealerships

CONSTRAINTS

Color theme restrictions
Font usage
Consistent template across all branded email blasts
Efficiently built for developer
600px wide

GOAL:
Build wireframes to put into perspective the structure of the email blast. Next, apply the branding elements to enhance the overall look.

DELIVERABLES:
Mid-Fi Wireframes | High-Fidelity Design

MID-FI WIREFRAMES

I’ve created two layout versions and kept in mind the structure of where the information goes so that the user can easily identify each section. I got rid of all drop shadows from the text, making it more legible and clean. One of the goals is to highlight the deals and making the inventory button standout - One way of doing that is to move the CTA button above the disclaimer text because in general, the disclaimer text is the last thing we see and we don’t expect to see anything after that.

HIGH-FIDELITY DESIGN

We went with the design with the panels because we felt it has a stronger layout, and users can easily gather that each panel is its own car listing. I applied the UI elements based on each dealership’s branding guide.

SUCCESS

After completing the Hi-Fidelity wireframes, I uploaded the files to Zeplin and collaborated with the developer about the final design. The template is now being used at dealerships for Honda, Toyota, Mercedes-Benz, and Nissan.