Craigslist

CRAIGSLIST


PROJECT GOAL

The goal with this website redesign was to refine the design and usability of the website while respecting its public service mission and maintaining a non-corporate, anti-establishment visual styling.

CHALLENGES

1.  Minimal Design changes.2.  Text-heavy website.3.  Multiple back-end system integrations.

HEURISTIC EVALUATION

Craigslist's text-heavy website encourages users to make use of the built-in search engine. The fonts, in combination with the layout, text-alignment, and spacing, create serious readability and scanability issues. And, while the information architecture is strong and intuitive, the structure/layout of the actual post landing and detail pages does not meet Gestalt best practices leading to an overstimulation of the eyes & brain.

Design Element Usability Issue Best Practice Solution
Headline & body copy Poor readability Readability & Scanability New fonts,Improved white space
Form Elements Poor visual design,Lacking hierarchy Fitts' law of proximity,Match between system & real world,Error prevention Clearly labeld forms,User recovery information
Post content No image preview Improved discoverablity,Miller's Law of working memory Added thumbnail imagesto post previews

RESEARCH

  • User personas
  • Competitive Analysis
  • UX/UI best practices
  • Information Architecture
  • Interaction Design
  • Client Mission

CONCEPT & PROCESS

Working within the constraints of maintaining the anti-corporate design aesthetic, a new logo was designed with a focus on increasing memorability of the mark itself. Additionally, a Google-inspired Search landing page was added to the site, as a jump-off point for users. Wireframes using new fonts and a new layout making use of white space to help improve scanability & readability were applied. Once wireframes were reviewed and approved, hi-fi comps were created.

This was a school project and no live content is available.

Craigslist desktop screencaps

CONTACT ME

Have a job opportunity you want to share? Shoot me a message and let's chat!

Name


Your Email


Subject


Message