top of page

Creating a Seamless Homepage

KSL Classifieds 

KSL Classifieds had major issues with their homepage. It hadn’t been audited for usability issues since it was designed in 2016. I led a redesign of the homepage experience including an overhaul of their search.

Role Icon.png

Role
UI/UX Designer

Device Icon.png

Devices
Web & Mobile

Time Frame Icon.png

Time Frame
Nov 2020 - Mar 2021

Responsive Device Mockup.png
Classifieds Logo.png

The Product

In Utah when most people think of selling their old skis or are looking for a gently used bike they go to KSL Classifieds. It’s one of the regions largest online marketplaces for buying or selling goods.

The User’s Problems

A major pain point gathered from user interviews was navigation of the homepage. During usability tests we discovered that about half of new users had difficulty locating where to conduct a keyword search. It was grouped with facets like; Seller Type, Listing Type, and Time On Site, all of which according to our Google Analytics were used in less than 1% of user sessions. 

Old Design

Old Design.png

1

2

3

Issues

1

1

Keyword Search: 
12,520,662 Clicks

30.54%

2

Category Search: 
3,527,293 Clicks

0.89% 

3

Facet Search: 
320,662 Clicks

<1.00% 

New Design

New Design.png

Research

Analyzing the Competition

I performed a functional assessment of our top three competitors including Facebook Marketplace, Mercari, and Offerup. I was looking to see what features their homepages had to offer.

Phone in Hands.png
Sketch Image.png
Sketch Image.png
Sketch Image.png

Ideation & Design

Brainstorming and Sketching

Anytime I tackle a project I start with extremely loose wireframes and jotting down as many ideas to solve the issue that I can. When I started with these designs I knew I needed to make it a search first based experience.

Final Designs

A More Engaging
Homepage Experience

After analyzing and fixing issues with the prototypes I was ready to build hi-fidelity designs. A search first experience was the top priority.

giphy.gif
Phone.png
Phones.png
giphy.gif_cid=790b76115a99a042eaf71d1491bd1595ef3416a7a220d1ee&rid=giphy.gif&ct=g.gif
Phone.png

Making Filtering Results an Enjoyable Experience

The old design of the homepage was harsh and confusing. Hiding filters under a button still allowed users to get specific, but also allowed for plenty of screen real estate for browsing listings

Final Designs

Designing for
Every Screen Size

Classifieds is a mobile first platform about 63% of our users access the site from mobile devices. However, the rest use desktop. Our designs needed to work across all device sizes. So nailing the designs across all screens was a must.

Laptop Mockup.png

More Work

Briostack Image.png

Briostack Technician
Scheduling Experience

theMemories Image.png

theMemories Digital 
Guestbook

Let’s Connect

Get in touch for opportunities or just to say hey!

LinkedIn Icon.png
Email Icon.png
Medium Icon.png
Instagram Icon.png
bottom of page