$689,000
Interface
Working components, not pictures of them. Every control here is real HTML with its states, ready to translate into WordPress blocks.
7.1
Navigation
Three audiences, three first-level paths, in the same order everywhere. Search is a destination, not a widget.
- DesktopLogo at 200–240 px, six links in Public Sans 500, current page marked by a 1 px bronze rule. One filled action: Search homes.
- PhoneDerived wordmark at 120 px, search and menu icons. The menu opens as a full-height sheet with large Caslon links and the phone number at the bottom.
- BehaviourHeader hides on scroll down, returns on scroll up; never sticky on listing galleries. Menus close on Escape and return focus to their trigger.
7.2
Buttons and links
Square, quiet and few. A view has one primary action. Labels say what happens.
Inline links in body copy look like this link to the buyer’s guide: navy with a fine bronze underline that turns navy on hover.
| Variant | Use | States |
|---|---|---|
| Primary | The one main action per view | Hover Navy 700 · pressed Night · disabled Plaster/Granite · loading spinner, label kept for screen readers |
| Secondary | Alternative actions beside a primary | Hover fills Night |
| Quiet | Tertiary, reading links, “more” actions | Underline turns navy on hover |
| On navy | Inside statement rooms and CTA bands | Hover Bronze Light |
7.3
Search and filters
Location first, then the two filters that matter most. Everything else lives one tap away, so the bar never becomes a form.
- Location inputSuggests towns, neighborhoods, ZIPs, addresses and MLS numbers, grouped and labelled. Arrow keys move through suggestions; Enter selects.
- FiltersApplied filters always show as removable chips. “More filters” opens a side panel on desktop and a full sheet on phones, with a live result count on its apply button.
- ResultsUpdates announce politely to screen readers (“112 homes match”). Never auto-scroll the page when results change.
7.4
Property cards
A catalogue entry: image, price, address, facts, source. No badges beyond status; no “hot” or “must see.”
Sample dataAddresses and brokerages are fictional.
$419,000
Unit 304, 1 Demo Mill Way, Lowell
2 bd2 ba1,210 sq ftHOA $412/mo Courtesy of Sample Brokerage Group- Image4 : 3, the MLS standard. When a listing has no photograph yet, the matching elevation drawing appears with “Photo pending.”
- StatusOne status label only, from the MLS vocabulary: For sale, Open house with time, Under agreement, Sold with date.
- AttributionListing brokerage on every card, as MLS rules require. REWAP’s own listings say so plainly.
- InteractionThe whole card is one link (the address); the save button is a separate, labelled toggle above it.
7.5
IDX views
MLS data rendered in REWAP’s own components through a provider adapter, so the feed looks native and the vendor can change without a redesign. See 9.4 for the data contract.
Results list
112 homes in Worcester County · sample
$559,00022 Example Road, Shrewsbury4 bd2 ba2,040 sq ft
$615,0008 Sample Terrace, Worcester3 units8 bd3 ba
Listing facts
| Status | For sale · 12 days |
|---|---|
| Type | Multi-family, 3 units |
| Year built | 1912 |
| Lot | 0.14 ac · 6,098 sq ft |
| Taxes (FY2026) | $7,212 |
| Gross rents (stated) | $5,850 / mo |
| MLS # | 73000000 |
Sample data. Listing data courtesy of MLS PIN; deemed reliable but not guaranteed. Last updated with date and time.
Saved search
Multi-family under $700k, Worcester
Daily email · 3 new since Monday
- Map and listSplit view on desktop with the list on the left; on phones, the map is a full screen with the list in a draggable bottom sheet. Map pins are navy squares carrying the abbreviated price; the selected pin turns bronze and its card scrolls into view. The list is always the accessible equivalent of the map.
- Listing detailGallery first at 4 : 3, then price, address and facts table, the description, then “What to know” (taxes, zoning, disclosures) written by REWAP where available. Contact sits in a fixed bottom bar on phones.
- Open housesListed by date with calendar export. Times in Public Sans; the date as the heading.
- Saved properties and searchesSaving needs only an email; accounts are optional. Alerts are opt-in with frequency control.
7.6
Agents, brokers and affiliated teams
REWAP frames the people who work under it without absorbing them. Every person and team page states the relationship in one line.
Relationship line
REWAP BrokerageThe Oberdorfer GroupBrandon Oberdorfer, Broker
The Oberdorfer Groupteam mark (theirs)
- Co-brandingREWAP first, team second, equal height, divided by a 1 px rule and 2 r of space.
- Team pagesLive at /teams/oberdorfer-group, use the team’s own name and photography, and carry REWAP’s header, footer and disclosures.
- NeverRecolor a team mark in REWAP colors, merge the names, or present a team member as REWAP staff without the team.
7.7
Places and articles
Community pages describe places with sourced facts. Editorial cards lead with the question they answer.
Canal District, Worcester
- Median sale
- —
- Active
- —
- Days on market
- —
Figures populate from the market data source with its date. Shown empty here rather than invented.
What does a home inspection contingency actually protect?
The clause, what it lets you do, and the deadline most buyers miss.
Reading a rent roll before you make an offer on a three-decker
Which numbers to ask for, which to verify, and which to discount.
7.8
Forms
Labels above fields, hints before errors, errors that say how to fix the problem. Ask only what the next step needs.
7.9
Notices and empty states
Status color only for status. Every message names the situation and the next step.
Listing data refreshes every 15 minutes. Showing results as of 9:30 AM.
Search saved. We will email new matches daily.
This listing is under agreement. Showings may be limited.
We could not load the map. The list below has every result.
No active listings match these filters.
Widen the price range or add a nearby town. You can also save this search and we will tell you when something matches.
7.10
Accordions, disclosures and paging
Legal text is part of the design, set to be read, not hidden in grey.
What does a buyer’s agency agreement commit me to?
It defines who represents you, for how long, and how that representation is paid. We will walk through every clause with you before you sign, and you will receive a copy.
Who pays the brokerage fee?
Fees are negotiable and set out in writing. We explain the options for your situation at the first meeting.
Can REWAP act as my attorney in the sale?
Placeholder answer pending review by Hong Tran; the roles of broker and attorney in a single transaction must be explained accurately.
Massachusetts Mandatory Licensee-Consumer Relationship Disclosure
Massachusetts requires real estate licensees to give you this disclosure at the first personal meeting about a specific property. It explains the types of agency relationships available to you.
Read the disclosure (PDF) · Fair Housing statement · REWAP Brokerage LLC, 652 Park Ave, Worcester, MA 01603
7.11
Calls to action
One per page, at the end, specific to the page’s audience. It offers a conversation, not a funnel.
Sell with someone who has read every line.
Ask for a pricing review. We will show you the comparable sales we used and why, before you decide anything.