Menu
Menu
Close
End-to-End
Office
Leasing
Office Space Discovery Platform - Bangkok
Role
UX/UI Designer
Duration
Oct – Dec 2025
Platform
Website
UX Research
UI Design
Writing
Designing a seamless office space discovery platform in Bangkok — covering Discovery, Filtering, Mapping and Smart Matching from Questionnaire Algorithm to your best match top 5 units
Discovery · Filtering · Location Based Mapping · Questionnaire Algorithm · Register · Member Dashboard
Pattachida Jane UX/UI Portfolio · 2025
End-to-End
Office
Leasing
Office Space Discovery Platform - Bangkok
Role
UX/UI Designer
Duration
Oct – Dec 2025
Platform
Website
UX Research
UI Design
Writing
Designing a seamless office space discovery platform in Bangkok — covering Discovery, Filtering, Mapping and Smart Matching from Questionnaire Algorithm to your best match top 5 units
Discovery · Filtering · Location Based Mapping · Questionnaire Algorithm · Register · Member Dashboard
Pattachida Jane UX/UI Portfolio · 2025
End-to-End
Office
Leasing
Office Space Discovery Platform - Bangkok
Role
UX/UI Designer
Duration
Oct – Dec 2025
Platform
Website
UX Research
UI Design
Writing
Designing a seamless office space discovery platform in Bangkok — covering Discovery, Filtering, Mapping and Smart Matching from Questionnaire Algorithm to your best match top 5 units
Discovery · Filtering · Location Based Mapping · Questionnaire Algorithm · Register · Member Dashboard
Pattachida Jane UX/UI Portfolio · 2025
OFFICE LEASING PLATFORM
Finding
The Right Office
Shoudn't Hurt.
Finding
The Right Office
Shoudn't Hurt.
Redesigning the end-to-end office search experience for Bangkok's SME and startup market .
from scattered phone calls to a structured, trust-first digital platform.
The Problem Space
The Problem Space
Office hunting in Bangkok is broken for tenants.
Office hunting in Bangkok is broken for tenants.
Office hunting in Bangkok
is broken for tenants.
No single source of truth
No single source of truth
Listing are scattered across multiple websites and Facebook groups, with direct building contacts — each with different pricing and availability data.
Listing are scattered across multiple websites and Facebook groups, with direct building contacts — each with different pricing and availability data.
Cold-call gatekeeping
Cold-call gatekeeping
So you've found a listing? Too bad! You now need to engage in often just to be routed to a sales person for real information.
So you've found a listing? Too bad! You now need to engage in often just to be routed to a sales person for real information.
So you've found a listing? Too bad! You now need to engage in often just to be routed to a sales person for real information.
Opaque total costs
Opaque total costs
Advertised pricing does not include the many hidden fees you only surface after a viewing or during contract negotiation.
Advertised pricing does not include the many hidden fees you only surface after a viewing or during contract negotiation.
"We spent 6 weeks just figuring out which buildings even had units our size. By the time we shortlisted, the first had already been taken."
"We spent 6 weeks just figuring out which buildings even had units our size. By the time we shortlisted, the first had already been taken."
— Operations Manager, 35-person tech company in Silom - User interview
— Operations Manager, 35-person tech company in Silom - User interview
Research & Discovery
Research & Discovery
What I did to understand the real problem.
What I did to understand
the real problem.
What I did to understand
the real problem.
01
01
User interviews (n=8)
User interviews (n=8)
Spoke with office seekers — startup founders, HR managers, and ops teams — about their recent search to hire 10 agencies in Bangkok.
Spoke with office seekers — startup founders, HR managers, and ops teams — about their recent search to hire 10 agencies in Bangkok.
Spoke with office seekers — startup founders, HR managers, and ops teams — about their recent search to hire 10 agencies in Bangkok.
02
02
Competitive analysis
Competitive analysis
Mapped the landscape: CBRE, Propertyhub, JLL, Office Bangkok, Bangkok Office Finder and DDproperty. direct agent flows. booking platforms to understand comparative friction.
Mapped the landscape: CBRE, Propertyhub, JLL, Office Bangkok, Bangkok Office Finder and DDproperty. direct agent flows. booking platforms to understand comparative friction.
Mapped the landscape: CBRE, Propertyhub, JLL, Office Bangkok, Bangkok Office Finder and DDproperty. direct agent flows. booking platforms to understand comparative friction.
03
03
Heuristic review of v1
Heuristic review of v1
Evaluated the original BKK LEASE app against Nielsen's 10 heuristics — identified 12 violations that likely reduced conversion.
Evaluated the original BKK LEASE app against Nielsen's 10 heuristics — identified 12 violations that likely reduced conversion.
Evaluated the original BKK LEASE app against Nielsen's 10 heuristics — identified 12 violations that likely reduced conversion.
04
04
Content audit
Content audit
Catalogued existing fields across 30+ buildings to understand what 'completeness' means and what users actually need to decide.
Catalogued existing fields across 30+ buildings to understand what 'completeness' means and what users actually need to decide.
Catalogued existing fields across 30+ buildings to understand what 'completeness' means and what users actually need to decide.
Critical Insight
Critical Insight
Users abandon searches not from lack of options — but from lack of enough information to filter them.
Users abandon searches not from lack of options — but from lack of enough information to filter them.
Behavior
Behavior
The 'free for tenants' model is a major trust signal. No competitor offers a structured comparison tool, they all assume users were willing to call.
The 'free for tenants' model is a major trust signal. No competitor offers a structured comparison tool, they all assume users were willing to call.
Opportunity
Opportunity
No competitor offers a structured comparison tool. A 'cart/wishlist' feature was mentioned 6/8 times.
No competitor offers a structured comparison tool. A 'cart/wishlist' feature was mentioned 6/8 times.
6wk
6wk
6wk
avg time from first search to signed lease
avg time from first search to signed lease
avg time from first search to signed lease
4+
4+
4+
different channels users contact in parallel
different channels users contact in parallel
different channels users contact in parallel
73%
73%
73%
report visiting at least one 'ghost listing'
report visiting at least one 'ghost listing'
report visiting at least one 'ghost listing'
Critical Insight
Users abandon searches not from lack of options — but from lack of enough information to filter them.
Behavior
The 'free for tenants' model is a major trust signal. No competitor offers a structured comparison tool, they all assume users were willing to call.
Opportunity
No competitor offers a structured comparison tool. A 'cart/wishlist' feature was mentioned 6/8 times.
User Journey Mapping
User Journey Mapping
User Journey Mapping
From "we need a new office" to "contract signed."
From "we need a new office" to "contract signed."
From "we need a new office"
to "contract signed."
Trigger
Trigger
Team grows beyond current space, or landlord raises rent.
Team grows beyond current space, or landlord raises rent.
Initial Research
Initial Research
Search
Search
Google, property portals, Facebook groups, cold calls — all simultaneously.
Google, property portals, Facebook groups, cold calls — all simultaneously.
Exploration
Exploration
Shortlist
Shortlist
Manually compiling options from 10 sources into a spreadsheet to compare.
Manually compiling options from 10 sources into a spreadsheet to compare.
3-6 days
3-6 days
Viewing
Viewing
Schedule and attend site visits. Often hit with new costs.
Schedule and attend site visits. Often hit with new costs.
1-2 weeks
1-2 weeks
Negotiate + Sign
Negotiate + Sign
Legal review, deposit negotiation. Building may require bank guarantees.
Legal review, deposit negotiation. Building may require bank guarantees.
Negotiate Lease
Negotiate Lease
Trigger
Team grows beyond current space, or landlord raises rent.
Initial Research
Shortlist
Manually compiling options from 10 sources into a spreadsheet to compare.
3-6 days
Negotiate + Sign
Legal review, deposit negotiation. Building may require bank guarantees.
Negotiate Lease
Search
Google, property portals, Facebook groups, cold calls — all simultaneously.
Exploration
Viewing
Schedule and attend site visits. Often hit with new costs.
1-2 weeks
Emotional Curve — Frustration Level Across Journey
Emotional Curve — Frustration Level
Across Journey
Emotional Curve — Frustration Level Across Journey
Trigger
Trigger
Trigger
Search
Search
Search
Shortlist
Shortlist
Shortlist
Viewing
Viewing
Viewing
Sign
Sign
Sign
Patterns & Patterns
Patterns & Patterns
Patterns & Patterns
Four decisions that changed how the product feels.
Four decisions that changed how the product feels.
Four decisions that changed how the product feels.
Trust signal placement
Trust signal placement
Trust signal placement
Before
Before
Before
'Free for tenants' lived in FAQ — 3 clicks deep.
'Free for tenants' lived in FAQ — 3 clicks deep.
'Free for tenants' lived in FAQ — 3 clicks deep.
After
After
After
Permanent yellow badge on every listing cardand in search bar.
Permanent yellow badge on every listing cardand in search bar.
Permanent yellow badge on every listing cardand in search bar.
Why it matters
Why it matters
Why it matters
Research showed distrust around broker fees kept users from abandoning third-party sites. Making it visible everywhere converted skeptics into users.
Research showed distrust around broker fees kept users from abandoning third-party sites. Making it visible everywhere converted skeptics into users.
Research showed distrust around broker fees kept users from abandoning third-party sites. Making it visible everywhere converted skeptics into users.
Structured listing fields
Structured listing fields
Structured listing fields
Before
Before
Before
Free-text descriptions with missing data across buildings.
Free-text descriptions with missing data across buildings.
Free-text descriptions with missing data across buildings.
After
After
After
Standardized data schema, structure BTS / type parking data.
Standardized data schema, structure BTS / type parking data.
Standardized data schema, structure BTS / type parking data.
Why it matters
Why it matters
Why it matters
Users need comparable data to shortlist confidently. Unstructured text forces them back to phone calls.
Users need comparable data to shortlist confidently. Unstructured text forces them back to phone calls.
Users need comparable data to shortlist confidently. Unstructured text forces them back to phone calls.
Shortlist + compare tool
Shortlist + compare tool
Shortlist + compare tool
Before
Before
Before
No comparative feature. Users exported to a spreadsheet or note.
No comparative feature. Users exported to a spreadsheet or note.
No comparative feature. Users exported to a spreadsheet or note.
After
After
After
Side-by-side comparison table, persistent across visits.
Side-by-side comparison table, persistent across visits.
Side-by-side comparison table, persistent across visits.
Why it matters
Why it matters
Why it matters
The 'cart' analogy made it instantly learnable. 6/8 interviewees mentioned manually tracking options — this saves them setup.
The 'cart' analogy made it instantly learnable. 6/8 interviewees mentioned manually tracking options — this saves them setup.
The 'cart' analogy made it instantly learnable. 6/8 interviewees mentioned manually tracking options — this saves them setup.
BTS/MRT as primary filter
BTS/MRT as primary filter
BTS/MRT as primary filter
Before
Before
Before
District-based filtering (Sathorn, Silom, etc.)
District-based filtering (Sathorn, Silom, etc.)
District-based filtering (Sathorn, Silom, etc.)
After
After
After
Primary filter by BTS/MRT station with walking distance shown upfront.
Primary filter by BTS/MRT station with walking distance shown upfront.
Primary filter by BTS/MRT station with walking distance shown upfront.
Why it matters
Why it matters
Why it matters
Bangkok traffic makes rail proximity critical for expat and local teams. District boundaries are mental noise; centre districts reflect real behavior.
Bangkok traffic makes rail proximity critical for expat and local teams. District boundaries are mental noise; centre districts reflect real behavior.
Bangkok traffic makes rail proximity critical for expat and local teams. District boundaries are mental noise; centre districts reflect real behavior.
Outcomes & Learnings
What changed — and what I learned.
What changed — and what I learned.
4/5
4/5
usability test — shortlist task without errors or hints
usability test — shortlist task without errors or hints
Participants understood the comparison feature immediately
Participants understood the comparison feature immediately
0
0
participants who thought there was a tenant fee
participants who thought there was a tenant fee
Down from 3/5 before trust signal was surfaced
Down from 3/5 before trust signal was surfaced
↑ BTS
↑ BTS
filter was the first used by all 5 participants
filter was the first used by all 5 participants
Validated feature prioritization
Validated feature prioritization
3
3
critical issues found in usability test — all related to mobile UX
critical issues found in usability test — all related to mobile UX
Led to responsive layout overhaul
Led to responsive layout overhaul
What I Learned
• Trust is the UX problem in proptech — not just feature completeness.
Why: Users being skeptical to they don't understand the business model should be baked into the UI, not bolted in after launch.
Why: Users being skeptical to they don't understand the business model should be baked into the UI, not bolted in after launch.
• Data consistency is a design problem, not just a backend one.
Why: Pushing for a structured listing schema was as much design work as building the comparison view itself — without it, the feature is useless.
Why: Pushing for a structured listing schema was as much design work as building the comparison view itself — without it, the feature is useless.
• Real estate decisions are shared — design for the team, not just the searcher.
Why: Adding a shareable comparison link gave the 'decision maker' control while letting team members weigh in, which better reflects how choices are actually chosen.
Why: Adding a shareable comparison link gave the 'decision maker' control while letting team members weigh in, which better reflects how choices are actually chosen.
E53C1A
UI Design — Key Screens
UI Design — Key Screens
Listing search, grounded in
real user behaviour.
Listing search, grounded
in real user behaviour.
https://bkklease.com
https://bkklease.com
Office listings in Bangkok
Office listings in Bangkok
Asok, Phrom Phong
Asok, Phrom Phong
Search
Search
BTS Asok
BTS Asok
BTS Saladaeng
BTS Saladaeng
Group A
Group A
+ Clear BTS/MRT
+ Clear BTS/MRT
Exchange Tower
Exchange Tower
Grade A • BTS Asok
Grade A • BTS Asok
฿90,000
฿90,000
per month
per month
Empire Tower
Empire Tower
Grade A • BTS Saladaeng/ MRT Silom
Grade A • BTS Saladaeng/ MRT Silom
฿75,000
฿75,000
per month
per month
One Bangkok Tower 4
One Bangkok Tower 4
Grade A • MRT Lumpini
Grade A • MRT Lumpini
฿105,000
฿105,000
per month
per month
🏷️
🏷️
Trust badge, always visible
Moved from FAQ to persistent top of every listing card. Users stop worrying about hidden fees and focus on finding the right space.
Moved from FAQ to persistent top of every listing card. Users stop worrying about hidden fees and focus on finding the right space.
🚇
🚇
BTS station as primary sort
Sorting by walking distance from the nearest BTS stop — reflecting how Bangkok office seekers actually prioritize location.
Sorting by walking distance from the nearest BTS stop — reflecting how Bangkok office seekers actually prioritize location.
💰
💰
Standardized price display
All listings share price per m² + available sizes. No more 'ghost pricing.' Comparison becomes immediate, not a spreadsheet project.
All listings share price per m² + available sizes. No more 'ghost pricing.' Comparison becomes immediate, not a spreadsheet project.
What's not shown here
What's not shown here
Side-by-side comparison table, shareable shortlist links, and building detail pages with floor plans — all designed to reduce friction at each stage of the decision journey.
Design & Note
"Good UX in real estate isn't about beautiful screens — it's about removing the moments that make people pick up the phone when they shouldn't have to."
"Good UX in real estate isn't about beautiful screens — it's about removing the moments that make people pick up the phone when they shouldn't have to."
This project taught me that in markets where trust is low and information is fragmented, the UX job is largely editorial — deciding what to show, what order, and what to keep out. The platform's biggest feature isn't the search; it's the confidence users feel reading a listing and knowing they have enough to decide.
Next: 3 I had more time
01
Build a post-viewing feedback loop where users can flag when listing data — self-correcting through usage.
02
Design a landlord-facing portal where building owners can update their listings directly — moving away from stale data.
03
Explore AI-assisted budget estimator — surface total cost (rent, fees, deposits) up front so users can filter by real budget.
User interview transcripts
User interview transcripts
Heuristic audit report
Heuristic audit report
Journey maps (current)
Journey maps (current)
Wireframes (lo-fi)
Wireframes (lo-fi)
Usability test report
Usability test report
Design system (tokens)
Design system (tokens)
Final prototype
Final prototype
Skyline Living
A recent residential tower fusing modern geometry with open-plan luxury. Explore our featured projects and discover Metropolis’s approach to cutting-edge architecture.
Subtitle
Title
Title
Subtitle
Title
Title
Subtitle