View more
Published in
2024

Tonomo. Real estate media operations hub and web platform.

Elena Buzila
Bohdan Kononets
Tetiana Vozniak
Oksana Shevchuk
Linconl Gomes
Maria Soloveva
Dmytro Staryshev
Julia Slazhnieva
Alona Yakovlieva
Services
User Research
Information Architecture
UX Design
UI Design
Design System
Marketing Website Design
Marketing Design
Deliverables
Marketing Asset Library
Information Architecture Map
Figma Source Files
High-Fidelity Mockups
Interactive Prototype
Design System
Component Library
Handoff Documentation
Asset Pack
Technical Documentation
Loom Handoff Walkthrough
Custom Icon Set

Tonomo is a real-estate media operations hub.

We evolved it section by section, with old and new UX patterns coexisting on the live product while new features were designed from scratch alongside it. Real-estate agents on the team were conservative users needing structured onboarding, not just an interface change — and the system now supports both experienced and cautious user groups, plus reusable website and flyer templates the team runs independently.

Product Modules, Booking to Delivery

A first look at Tonomo's real-estate media operations hub: listing packages, auto-matched photographer scheduling, and instant property websites. A status tracker follows each shoot from booking through delivery.

Tonomo booking, smart scheduling, and property website screens for real estate media orders

Team Onboarding for Media Bookings

A structured onboarding screen for real-estate teams setting up their Tonomo account. Three steps – Company Info, Team Setup, and Feature Setup – connect calendars, invite teammates, and configure service pricing.

Tonomo onboarding Team Setup step showing calendar connection and team member invitations with admin permissions
Tonomo onboarding Feature Setup step showing Dropbox connection, square-footage pricing table, and photo package options
Service Selection and Order Summary

A property listing order screen where real-estate agents choose photo, video, and 3D tour add-ons. The Order Details panel totals price live, applies coupon codes, and stays in sync on mobile.

Listing Package order screen with add-on photography options and live order total
Mobile aerial photography add-ons grid with pricing for a property listing order
Mobile add-on screen showing music option for Twilight Photography and HDR Listing Video pricing
Appointment Scheduling for Property Shoots

A scheduling screen for picking a photographer, date, and time for a listing shoot. Bedrooms, bathrooms, and entry notes are captured on the same screen.

Tonomo scheduling screen with photographer selection, calendar, time slots, and property questions
Mobile scheduling screen showing appointment product, duration, and photographer selection
Mobile calendar with date picker and time slot options for a Twilight Photography appointment
Mobile scheduling form asking bedroom count, bathroom count, and features to highlight
Checkout and Payment for Listings

The final booking step covers contact details, a confirmed property address, and card payment for a real-estate media order. Referral codes and coupons apply directly in the order summary before submission.

 Checkout screen with contact form, payment fields, and order summary for property media order
Client Dashboard for Order Tracking

A self-service dashboard inside Tonomo's real-estate media operations hub, where agents track every active order, credit balance, and amount due across properties. Orders can be filtered, selected in bulk, and paid from the list.

Tonomo order dashboard listing multiple property orders with status, balance, and bulk pay option
Mobile and desktop order dashboard grid showing property orders selected for bulk payment
Property Order Detail for Clients

A single-property view shows location, scheduled time block, and every booked service for one listing shoot. Agents edit entry notes and floor-plan notes directly, so photographers arrive with full context.

Tonomo order details page with property map, booked services, entry notes, and listing agent cards
Mobile order details showing listing agent profiles, entry notes editor, and client preference fields

Internal Order Queue by Status

A company-wide order queue for Tonomo's production team, grouped into pending, in-progress, completed, postponed, and cancelled. It works as an internal dashboard for a real-estate media SaaS product, with status changes updating inline.

Tonomo internal order queue grouped by pending, in progress, completed, and cancelled status
Mobile internal orders list showing order status, payment status, and assigned project manager
Order status and payment status dropdowns with performer assignment panel for project team members
Service Status Tracking per Order

Inside a single order, production services are grouped into pending, in-progress, and review states with linked jobs and photographer assignments. A sidebar keeps customer contact, agent, and property details visible.

Tonomo order management screen with five-stage stepper, service status list, and customer details sidebar
Mobile order management with customer details, agent contact, and order jobs list by status
Delivery and Property Website Publishing

At the delivery stage, finished photos, video, and 3D tours sync from Dropbox and publish straight to a client-ready property website. Files stay locked until the order is marked paid.

Tonomo order delivery screen with property website toggle, Dropbox sync, and photo, video, and 3D tour files
Mobile order delivery screens showing website domains, file sync status, and delivered photos and video
Tonomo invoicing screen with payment history and itemized invoice showing package discount and coupon
Mobile Invoicing and Payments

A mobile view for logging manual or card transactions against an order and reviewing payment history. The payment summary shows amount total, amount paid, and amount due at a glance.

Mobile add a transaction form with payment source, amount, and internal note fields
Mobile invoicing screen showing payment summary and payment history for a property order
Production Pipeline and Team Chat

Order stages run from pre-production through production, post-production, completion, and archive, each with its own job chat. This pipeline view grew out of ongoing Post-MVP Evolution work, alongside checklists and linked jobs.

Tonomo order stages sidebar with pre-production, production, and post-production jobs beside team chat
Mobile order stages list with job chat, service notes, and checklist for a photo editing job

Team Calendar Across Territories

Day and week schedule views color-code each photographer and filter by territory, such as Austin, Downtown Boston, or Downtown DC. The calendar shares the same Product & Interface Design system as the client-facing booking screens.

Team scheduling calendar with color-coded photographers across day and week views
Quick Search Across Scheduled Shoots

Typing a street name surfaces every matching appointment across the team's calendar, tagged with date, time, and assigned photographer. Selecting a result opens full order details without leaving the calendar.

Tonomo weekly schedule with search results listing matching shoots by address and photographer
Order details panel opened from the calendar showing customer, location, services, and add services list

Flyer Builder for Listings

An in-app design tool, delivered through Marketing Design & Assets work, lets the team assemble listing flyers from templates and stock photos. An effects panel adjusts blur, brightness, and shadow per image.

Flyer builder interface with templates, stock photos, and image effects panel
Editing Jobs in One Workspace

Every production job, including photo editing, video editing, 3D modeling, color correction, and sound design, sits in one filterable queue inside Tonomo's real-estate media operations hub. Editors export the list to Excel.

Jobs workspace listing photo editing, video editing, and 3D modeling tasks by status
Job Detail with Team Chat

Each editing job pairs task instructions, a checklist, and file counts with a live chat thread, keeping editors and project managers in the same view. Job templates standardize instructions for repeat services.

Tonomo photo editing job detail with instructions, checklist, deliverables, and job chat thread
Tonomo job template editor with custom form fields and list of configured job templates

Mobile Service Stage Checklist

On mobile, photographers and editors move a property order through pre-production, production, and post-production tabs. Sub-categories such as Drone Photo and Twilight Video are checked off as each is completed.

Mobile production checklist tracking photo and video sub-categories per service stage
Itemized Invoice Review and Payment

An itemized invoice breaks into individual services, a package discount, and a coupon code, ending in one final total. Clients pay with saved cards, account credit, or a new card, on desktop or mobile.

Tonomo invoice review screen with itemized package pricing, package discount, and coupon applied
Tonomo pay invoice screen with payment summary, saved cards, and new credit card form
Final Media Delivery Gallery

A branded delivery page presents the finished shoot for one property, credited to the photographer and agent by name. Photos, video, website, and 3D tour sit in separate tabs, downloadable at web or full resolution.

Property media delivery page with photo gallery, video, website, and 3D tour tab
Mobile property delivery screens showing photo downloads, resolution options, and website and 3D tour links
Property Website Admin Settings

Overview screen for the auto-generated property website: price, cover image, and branded versus unbranded domain links for the site, cover video, and in-page video. A password field can restrict access before a listing goes public.

Property website settings with branded domains, video links, and password protection fields
Property Details and Amenities Form

Data entry screen behind the property website: address, price, MLS number, room counts, square footage, and a tagged amenities list. Listing status and its color coding are set on the same screen.

Property details form with room counts, square footage, and amenities tag list
Photo Gallery Upload and Sorting

Interior and exterior photos upload by drag-and-drop into named galleries, with the first image in the grid set as the cover. Bulk actions download, move, hide, or delete selected photos across the set.

Tonomo property photo gallery with drag-and-drop sorting, cover image, and bulk upload options
Tonomo property video settings showing branded and unbranded cover videos and in-page videos

Published Property Website Preview

The finished property site pairs an offer banner, price, and specs with a full photo grid, an overview description, an aerial shot, and a floor-plan viewer. Interactive markers on exterior photos let visitors move between views.

Published real estate website with photo gallery, overview text, and floor plan viewer

If your live product needs to evolve without a big-bang relaunch – old and new coexisting while conservative users stay onboard – that staged approach is how we work weekly.

Get in touch.

Ready to start your own project?