BACKGROUND

Surplus Record is a directory for listing new and used heavy machinery and equipment. The company was established in 1924, and has been active ever since. The website contains an abundant amount of information, and acts as a vital tool for machinery dealers around the country. Therefore the design is first and foremost a utility, and the principles upheld should focus on acting as a tool for the users.

Surplus Record homepage

The current live website.

The UX team before us did extensive work on the organization and structure of the site, with a focus on the homepage, search results, and product listing page.

WIREFRAME

Sitemap restructure

Thomas Scanlan, the owner of Surplus Record LLC, was impressed overall with the work the UX team was able to accomplish in just three weeks. The new design was a simplification of the site, but maybe too much so. He wasn’t sold on the new homepage, because he felt there were important pieces of his business missing. So when the existing work was passed on to us, my team took a second look at every single link found on the live site, and restructured the site map:

Converting the top navigation to a drop down system helped group the 5 core functions of the site, and allowed room for sub-links, giving more clarity to each section. In the wireframes, there was a section referred to as the ‘Wanted Ads’, but that name proved to be unclear. There was the option to post a ‘wanted’ or ‘for sale’ ad, and posting to the ads sent out notification emails to those who subscribed to the service. We reclassified this section as the ‘Bulletin Board’, which tested to be a more inclusive and descriptive name.

The objective

For this project, my team members and I set out to deliver our own individual design solutions, in order to present the client with several options. Even though we had different designs, we as a team determined the main goals of the project.

White board session

DESIGN PRINCIPLES

To help guide our UI decisions, we clarified our goals for the redesign through core design principles:

Get’s the Job Done

  • Utility first
  • Efficient, scannable data
  • Good tools have clean design

Honor and Evolve

  • Preserve credibility by maintaining the brand voice
  • Classic style, but evolved using modern trends
  • Transparency

Balance Quality/Quantity

  • Find opportunities to simplify without infringing on content
  • Enhance trustworthiness through simplicity while modernizing the site

My direction for the team on which screens to address

Style explorations

While Surplus Record did put to use various greens throughout their brand, testing new colors as part of the website redesign was not out of question.

MOOD BOARDS & STYLE TILES

#1: Vintage, industrious

#2: Illustrative,contemporary

#3: Modern,conceptual

#1: Vintage, industrious

#2: Illustrative,contemporary

#3: Modern, conceptual

In-person interviews and discussion

User testing

We sat down with existing and new users of the live site to get their valuable reactions and feedback to each of our designs. We collected initial emotional reactions to the design, as well as responses to questions about the functionality of the new design.

Multiple iterations

I went through several rounds of iterations, often revising the design based on user and peer feedback. I really tried pushing for a blue color for the site, but a green color repeatedly tested well among existing and even new users.

Using photography for the machinery also didn't go over well for first impressions, and Tom presented the fact that many listings don't include photos, resulting in inconsistencies in the recent listings section on the homepage. Because of this, I decided to make use of the equipment illustrations found inside their printed directory, distributed on a monthly basis. This alongside including photos of the printed books in the hero section of the homepage, helped tie the website to the directory.

Final design

View PROTOTYPE

Style guide

“You really took the time to understand my business and website, and it shows through the design. I feel like it’s my birthday.”
–Thomas Scanlan, Owner & Publisher, Surplus Record, LLC

PROJECT DURATION

TEAM MEMBERS

FINAL DELIVERABLES

3 weeks

Glen Oakes, Sabrina Gagliano

Client presentation decks, competitor analysis, design variations with user feedback, hi-fidelity screen mockups, InVision prototype, style guide

PROJECT DURATION

3 weeks

TEAM MEMBERS

Glen Oakes, Sabrina Gagliano

FINAL DELIVERABLES

Client presentation decks, competitor analysis, design variations with user feedback, hi-fidelity screen mockups, InVision prototype, style guide

Portfolio

Coming Soon