Paradym

Lead UI Designer, Software Development

Screenshot of a page showing a home for sale, property details, agent details, and media controls.

Product before redesign

Out With The Old

VisualTour, a multimedia presentation product to showcase homes for large brokerages such as Berkshire Hathaway and Century 21, is the flagship product of Paradym. As web technology changed, the viewers were becoming obsolete due to their outdated design and codebase.

As Lead UI Designer for Software Development, I was asked to reimagine both the design and technology behind the tour viewers based on company needs and UX survey results.

Photo of sketches from notebook brainstorming ideas.

Initial notes

Wireframes and Prototypes

Based upon a 37 page project plan, I began deconstructing the existing product to organize the content and establish user flows. I took design inspiration from multiple sources and began a series of low fidelity sketches and wireframes to get a general idea of information architecture and layout.

After a series of ideation sessions, I began putting the wireframes into high fidelity prototypes to get a feel for how the viewer flows, eliminate any pain points along the way, and best practice for adding custom customer branding.

* Paradym does not allow the sharing of plan documents and prototypes.

Photo of home for sale with property details on top.

An Industry First

The final result was the real estate industry's first responsive multimedia home tour viewer. I assisted with expanding the functionality of the viewer for several years past the initial launch.

In 2020, our customers reported the product was invaluable for potential home buyers during Covid-19 due to its live chat functionality and at-home livestream tour capability.

See Final Viewer Design

Photo gallery of various home rooms and features.

Multimedia Gallery

Property details and a map for directions.

Property Details

Agent photo and contact information.

Agent Information

Challenges

  • Create a consistent layout based on unknown dynamic data
  • Accomodate uknown customer branding color combinations
  • Amount of server-side images and data caused performance concerns

Solutions

  • Strenuous design testing with multiple user personas
  • 40 different customer color combinations tested to establish pattern
  • Lazy loading of images and server optimizations resulted in fast load times