Looking for 5 screen mockup's for an automotive web app

Winner
Contest winning design

Want to win a job like this?

This customer received 9 web designs from 2 designers. They chose this web design from slapBackChewLater as the winning design.

Join for free Find Design Jobs

  • Closed - Design Selected

Web Design Brief

We are starting the process of a redesign for an automobile customization tool for car dealerships called Auto Accessory Configurator. We are looking to improve the look and user experience while still keeping the existing functionality of the site so far.

We are uploading screenshots of the site as it stands today. We are looking for a clean, easy to navigate and flexible user interface.

Screen 1: Salesman Login: We are looking to clean up the login pages for the users. Both the login screen, and the page displayed once a user is logged in. We would like to make it easier for the user to start a presentation and make it easier for them to view their recent orders. We are thinking of using the empty space in the middle for two big buttons, one for a new order, one for viewing their orders list.

Screen 2: Vehicle Selection Screen: We are looking to minimize the steps needed to select a vehicle's Year, Make, Model, Trim and Color. Currently the site loads 5 separate pages (one for each step) in order to finalize vehicle selection. We would like to minimize this into less than 3 steps while still making it interactive and easy to choose a vehicle quickly.

Screen 3: Product Category Screen: This screen is what is displayed once a customer's vehicle has been selected. We would like to keep it similar to how to is, while improving the overall look of this screen. We would like to keep a dealership's image and a photo of the selected vehicle at the top of the page since the products displayed are an exact fit for that specific selected vehicle.

Screen 4: Product Grid Screen: This screen is what displays once a user selects a category from the previous screen. We would like to display products in a clean, readable and intriguing way. These products are being presented to people who are purchasing a vehicle/accessories from a new car dealership. So we would like to make sure they are interested in viewing the products.

Screen 5: Product Pop-Up Module: This displays a product's details and image currently. We would like to add more information to products to provide more information to the customer. We would like to be able to add a YouTube video embed, an attachment button of some sorts, room for a longer and better description and an add to cart button.

Assets: I will upload a .zip file containing current screenshots, page briefs, and a video walkthrough of the flow of the website.

Target Market(s)

automotive

Industry/Entity Type

Car Accessorie

Number of Pages Required

5+ page


Font styles to use
Sans Serif

Look and feel

Each slider illustrates characteristics of the customer's brand and the style your logo design should communicate.

Elegant
Bold
Playful
Serious
Traditional
Modern
Personable
Professional
Feminine
Masculine
Colorful
Conservative
Economical
Upmarket

Files
ZIP