BrandProduct
Client
Industry
Real Estate
Platform
MobileWeb
Services
Brand IdentityCreative directionDesign SystemsInformation architectureInteraction DesignPrototypingUI Design
Team

The Product Idea
The Design Challenge
TopHap web platform presented across multiple layered interface screens, showcasing map-based property search, heat maps, filters, listings, and real estate analytics.
TopHap desktop platform presented on a laptop with a circular sequence of product, marketing, and interface visuals representing the evolution of the real estate intelligence ecosystem.
Early TopHap web application concept showing a 3D map of property listings with extruded data columns, price labels, and real estate analytics across the San Francisco Bay Area.
TopHap early website “Why TopHap” section presenting map-centric real estate analytics, property search filters, and data visualization.
Early TopHap application shown across mobile, tablet, and desktop devices, demonstrating responsive map-based property search and 3D real estate data visualization.
Early TopHap web application designs showing advanced property filters, heat-map analytics, listing results, map-based search, and a detailed property page with valuation insights.
TopHap web application onboarding screens introducing map-based property search, analytical data layers, search filters, and customizable map settings.
Early TopHap web application interface concepts showing map-based property search, heat-map analytics, crime data, school ratings, map styling, and listing filters.
TopHap web platform showing parcel-level property analytics, color-coded valuation heat maps, listing markers, property cards, and map-based search results.
TopHap property report layout explorations showing property photos, valuations, key facts, maps, agent information, descriptions, and detailed property data.
TopHap property details page design explorations showing property information, valuations, market analytics, maps, historical trends, neighborhood data, and responsive layouts.
TopHap Crime Index data visualization concepts comparing local crime levels with the national average across web application and property report interfaces.

2

X

Homebuyers using Realtor.com’s dynamic maps were twice as likely to submit a lead.

40

%

Users who engaged with the maps generated 40% more visits per day.

Realtor.com mobile app showing a TopHap-powered map layer for home size, with color-coded property data integrated into the home search experience.
Realtor.com mobile experience showing property search, listing details, and an immersive 3D aerial property view integrated into the home discovery workflow.
Revolution Golf logo displayed over a scenic golf course landscape, showcasing the platform’s visual identity.
Revolution Golf

Revolution Golf

Building the visual foundation of a digital golf platform
Curiosity mobile topic pages for John F. Kennedy, Abraham Lincoln and Ernest Hemingway, combining short biographies with featured and related videos.
Curiosity

Curiosity

Designing connected learning experiences across desktop, mobile and wearable platforms.
Visit Leavenworth Website — Desktop Experience
Leavenworth

Leavenworth

Designing a website that turns inspiration into trip planning.
Your number one source for news and entertainment.
Independent Journal Review

Independent Journal Review

Entertaining fair news platform and publisher.
TopHap Marketing

TopHap Marketing

A visual marketing system that turned TopHap’s complex real estate technology into clear, compelling visual stories across social platforms.
Site of the manufacturer of watches and accessories Stührling Original
Stuhrling Original

Stuhrling Original

Creating a more refined website for an accessible luxury watch brand.