Rent.com

Role: UX and Design Direction, Designer

Overview

With upwards of 30 percent of it’s 3 million monthly visits coming from mobile devices Rent.com took a big step into the mobile space with the launch of a responsive website. I initiated the redesign of the consumer interface to be more usable on desktops, laptops, smartphones, and tablets.

Wireframes

Wireframes set the foundation for the site redesign. Underlying grids, navigational tools and design patterns were all established at three break points. Utilizing higher fidelity wireframes was beneficial in getting stakeholder approval on each screen. This also allowed for a faster development process since engineers were provided with annotations prior to the visual design phase.

  • rent-mobile-wire

  • rent-mobileWire2

Design

Building off high fidelity wireframes and pulling from a symbol library the design team was able to quickly build comps. A style guide allowed for front end developers to work exclusively in CSS without the need for assets.




User Testing

Getting into code early in the process proved itself very beneficial for prototype testing. Having used paper prototypes and Axure previously I recognized an immediate advantage when I was shown templates with working functionality and early phase design. Once these templates were integrated with real data myself and my team gained a lot of insight through in person and remote testing. I chose usertesting.com to do a lot of nationwide user testing while sticking to the basics with Silverback to conduct in person tests.

userTestingOW

A prototype tester explores the 360 degree tour feature during an in person usabilility session recorded using Silverback.