Accent
#0F766E
RentHome: long-term rentals in Da Nang from local realtors, in one place
goal
One place to find an apartment in minutes, and one place for realtors to post.
4,000+users
40active realtors
2,000+live listings
context
renting in Da Nang lives in Telegram and Facebook groups
a wall of text
Price, terms and location are buried in emoji lists. Every post has its own format, nothing to filter by.
reposts everywhere
One apartment, dozens of copies across groups. Posts sink within hours.
aggregators don't fix it
They parse the same chats, so duplicates and taken apartments stay online.
before: a post in a group chat
after: a card to scan, a page to decide
who and how
users, source of listings and constraints
renters
Expats, mostly on phones. Russian speakers search in Telegram chats, the rest in Facebook groups.
realtors
Local agents, Vietnamese and Russian-speaking, dozens of listings each.
- source
- Only listings posted by the realtor who manages the apartment. No parsing.
- approach
- Mobile-first. Desktop scales up from the phone layouts.
- constraints
- Three languages, no onboarding calls.
key decisions
what shaped the interface
platform
from a Telegram Mini App to a full web app
Started inside Telegram. Renters from Europe and the US search in Facebook groups, not Telegram, so we shipped a full web app with desktop. The Mini App stays.
- (1) Telegram Mini Appwhere it started
- (2) mobile webopens from any link
- (3) desktoplonger searches, realtors
search
search by common requests
Type, budget and bedrooms, plus quick chips for frequent requests: near the beach, pet-friendly, under 10M VND, 1+ bedroom, with a pool.
map
map and list are equal
In Da Nang location often decides. Clusters show where the supply is. On desktop the map sits next to the list, on mobile it is one tap away. Both share the same filters.
listing card
three answers before the tap
Price, then type and size, then freshness and views. Freshness is what chats and aggregators lack.
- 1Price per month
- 2Type, beds, m²
- 3Freshness, views
123freshness
taken apartments leave the search
The main gap in chats and aggregators. Realtors confirm a listing is still available, renters can report one as rented, the rest is automatic.
- 01publishedvisible in search and on the map
- 02after 10 dayshidden from renters until the realtor confirms it is available
- 03after 14 daysdeleted if still not confirmed
saved search
saved search instead of scrolling
Filters are saved once. New matches arrive in Telegram, the app renters already use.
localization
three languages
English, Russian and Vietnamese across the whole interface. Components hold the longest strings without breaking. In chat, messages in Vietnamese are translated automatically.
messenger
conversations stay inside the product
01 renter
02 realtor
03 renter
one button, one thread
“Contact agent” opens a chat with the realtor. Every listing the renter asks about lands in the same thread as a card.
data stays in the product
We see how many renters actually write, not just open a contact. Realtors see where leads come from and why the plan is worth paying for.
no dead ends
If the apartment is taken, one tap marks it rented and sends similar options, so the renter stays.
realtor quality
Response time is recorded from day one and will feed the realtor rating, the next step on the roadmap.
mobile-first
phone first, desktop second
four tabs
Search, Saved, Messages, Profile. Map is one tap away from the list. Key actions within thumb reach.
one component set
Same components in the mobile browser, on desktop and in the Telegram Mini App.
search
apartment
messages
for realtors
post once, reach active renters
listings
one row per listing
Photo, street, status, price, views, date. “Available” and “Rented” sit right in the status, publishing to channels and Bump in the row.
one listing, every renter
A listing reaches everyone searching right now, with stats for each listing.
stats with next steps
Views, contact opens, leads and conversion for any period. “Need attention” lists drafts, listings without photos or views, and those waiting for confirmation.
no demo call
A step-by-step tour and short video tutorials. 7-day trial, then paid plans with QR checkout.
publishing
a listing in two steps
Step 1: location, price, deposit, minimum stay and availability, the fields renters filter by. Step 2: photos, details, amenities.
ui kit
quiet interface, loud photos
Raleway with lining figures, one teal accent, cool greys on a #F4F7FA background. One component set for the website, web app, Mini App and realtor dashboard.
Aa
Raleway
12,500,000 ₫ / motitle, 22 bold
Saved searchtitle small, 16 bold
Contact agentlabel, 14 semibold
Da Nang, 40 m²paragraph, 14 medium
Text
#212121
#212121
Muted
#808080
#808080
Border
#E6EAEC
#E6EAEC
Background
#F4F7FA
#F4F7FA
Surface
#FFFFFF
#FFFFFF
Favorite
#FF295E
#FF295E
from figma to production
Core screens started in Figma, then the design moved straight into code: I built the frontend in React + TypeScript with AI-assisted coding. A developer reviews and merges, so changes reach production without a handoff.
~1 mofrom first screens to launch
4surfaces: mobile web, Mini App, desktop, realtor cabinet
3interface languages
1component set for all of them