1 2 3
  • 1st Changes
  • 2nd Changes
  • 3rd Changes

For this project we were tasked to re-design a web page that we felt were difficult to use and or had problems overall. I chose Craigslist due to its cluttered home page.

  • Program Used
  • Figma
The home page for craigslist with the different sections marked out Click the image for a bigger look!
1

First steps were to determine the issues with the UI and why it warranted a change. For my changes I focused on three specific areas, the left sidebar/footer, header/right sidebar, and the center content.

The first change towards the home page

The first place I noticed was the footer and left sidebar. I found that the information contained in the left side of the screen was the exact same as some of the information located on the footer. Some of the links that they have there could also be condensed into the footer for the user so they wouldn’t need to go to different pages.


My changes to this were to remove those links completely and combine them into the footer. This frees up the left side of the screen which would allow them to add a new feature or anything else they would like.

Second change towards the craigslist home page
2

The second modification was for the header and right sidebar. This feature allows the user to pull up a map and filters the different posts by location. While this is overall a great feature, a new user could get confused due to them abbreviating all the location names. This feature also doesn’t allow for filtering and only allows you to pick one location at a time.


My changes to this were to have a search bar that takes in different locations rather than have a set parameter based on your location. This also meant that the right sidebar was removed and freed up space on the web page for more features.

The final change for the craigslist home page
3

The final changes to the page were in the center, where the main content is housed. While the main section is completely usable, it’s also cluttered due to the amount of selection they have which would cause the user to feel overwhelmed at first glance. Which leads to the improvement of having each category under dropdowns to clear up some space and allow a clear grouping of the different subjects. Due to the changes, the save in space allows them to add more categories later.

To the top button