Out East - Agent Tools

elementary examples compare and contrast essay buy viagra cialis levitra online enter https://www.arohaphilanthropies.org/heal/cialis-woodmont/96/ Cialis no rx required the effects on viagra essay on western expansion follow link samples of objectives in resume see url spondylolisthesis epidural analysis ghostwriters website usa https://reprosource.com/hospital/levothyroxine-25-mcg-buy-online/72/ resume de crepusculo https://explorationproject.org/annotated/masters-thesis-policy-vuw/80/ https://samponline.org/blacklives/can-i-pay-someone-to-write-my-research-paper/27/ http://mechajournal.com/alumni/do-homework-do-my-homework/12/ follow site https://www.newburghministry.org/spring/dissertation-methodology-example/20/ viagra uaw source link grade 6 writing assignments essay on my family heirloom nueva viagra para mujer writing paper for students high school essay writing prompts go to link viagra dosage over 65 is old viagra still good overnight z packs antibiotic std does viagra affect getting pregnant follow url About a year after the launch of the Out East site, we overhauled the back-end system where real estate professionals on the East End create and manage their listings. The project simplified features that had become unwieldy and confusing over the years, while still improving workflow for its users.

ROLE

UX Design, UI Design, Email Design

TEAM

PM: Fabrizio Giordano
Tech Lead: Lee Byrd

Problem

The old tech stack of the back-end system where Hamptons real estate professionals managed their listings was no longer reliable. From a design perspective, the B2B tool needed to be simplified and organized while maintaining core functionality its users relied on.

Audit of Existing Platform (RealNet)

RealNet - Home Page

CLUNKY BUT POWERFUL

Over the years, the existing tool had become unwieldy. Different fields and features were shoehorned in for some brokerages but not others. There were lots of ways to perform the same actions and actions that no one would ever use. A lack of information architechture and hierarchy made it difficult to use efficiently. Still, the tool had features used heavily by its users who had become accustomed and needed to use them every day to conduct business.

RealNet - Listing Entry Form

RealNet - Listings Search (In Brokerage)

RealNet - Listings Search (Out of Brokerage)

RealNet - Search Results

Product Vision

Create a suite of professional tools that allow agents to seamlessly post, manage, and share their listings. Empower real estate professionals in the Hamptons with data and workflows that make every aspect of their job easier.

Defining User Types and Wireframe Samples

PERMISSIONING TREE (EDIT PERMISSIONS)

One of the challenges of cleaning up the architecture was defining user roles and permissioning. I worked closely with the PM, Tech Lead, and our industry partners to establish which users should be able to view, edit, and approve information at the brokerage, office, and agent level.

CREATING A SCALABLE MENU

The features available at launch would not be all the tools the users would need. We needed to create a tool that could scale and accommodate a variety of user types.

Agent tools menu replaces site nav
Menu items always accessible
Doesn't scale to account for future menu items

Horizontal menu below site nav with persistent photo
Helps distinguish Agent Tools from consumer experience
Doesn't scale to account for future menu items

Fixed left side menu
Menu items always accessible
Scales for future menu items

Solution

Out East Agent Tools streamlines workflows for all user types, including a fully responsive design which agents can access from their phone. Key actions are easy to take, and unnecessarily complex flows are simplified. A visual overhaul gives the B2B tool clear hierarchy and organizes information in a way that makes sense.

My Listings

MY LISTINGS CARDS

Direct feedback from agents combined with analytics showed us the most important information they needed to see and actions they would take on their own listings. Hovering on the cards reveals action icons such as "edit" and "add to folder". The cards are designed to scale when more or different actions were needed based on user type. We also added a way to quickly change the status of a listing without leaving the My Listings page.

Static

Draft Listing - Actions on Card Hover

Action Hover State

Active Listing - Actions on Card Hover

Status Change Dropdown

FILTERING UPDATES

As agents began to use the tool, they noticed that certain user types need further filtering tools. For example, Office Admins, who often have other agents listings on their "Our Listings" page wanted to be able to filter by agent. The component we built bubbles the current user to the top, as they most frequently need to see their own listings. The other agents are listed alphabetically, or the user can simply type a name to search.

Listing Entry & Editing

Create New Listing

Create New Listing - Autocomplete Address

Listing Entry

Listing Entry - Organize Photos

Draft Listing

Active Listing

Status Change Dropdown

Listing Pending Approval - Admin View

Draft Listing - Active Exclusive Exists

LISTING ENTRY/EDIT STATUS BAR

A status bar is always at the top of the user's screen while entering or editing listings. This is where the main actions and information about the listing live. The bar is designed to accommodate a variety of states and user types, including listings which need approval and listings which cannot be published but still need to be edited in the draft state,