In Development
Designed a two-sided rental platform connecting landlords, tenants, and realtors across the Johome and Johome Pro apps. The platform supports rental listings, tenant requests, realtor representation, and approved post transfers between both apps.
Product
EasyRent rental platform
Role
Sole UI/UX Designer
Duration
4 months
Key Outcome
Brought usability testing and user evidence into a developer-driven product process
Reduced testing synthesis from 3 days to 1 day with an AI-assisted workflow
Introduced interactive handoff through Claude Code and GitHub
Helped prevent over-simplification by keeping product decisions grounded in real user needs
Project Context
About the Product
EasyRent connects the customer-side Johome App with the business-side Johome Pro App. Landlords and tenants can create rental posts, while realtors can manage leads, represent clients, and improve posts through highlight editing.
Shared data allows listing posts, request posts, and communication to move between both sides, reducing repeated work and supporting customer-approved post transfer.
Process
Research
Reviewed rental workflows, competitor products, and user needs.
Define
Mapped user roles, shared data, and interactions across both apps.
Design & Validate
Created prototypes, conducted usability testing, and refined the experience.
Handoff
Used interactive prototypes to communicate behaviours and support development.
Key Design Challenges
The main challenge was creating a system where customers stayed in control, while realtors still had meaningful ways to generate leads, represent clients, and manage rental posts.
Challenge 1: Helping Realtors Build Trust and Promote Their Value
Design Response
Challenge 2: Reducing Repeated Work
Customers and realtors needed to reuse the same rental information across Johome App and Johome Pro App.
Recreating posts manually would slow down the representation process.
Design Response
Transfer an existing listing after customer approval.
Keep the original rental information already filled in.
Let realtors review, edit, and complete the listing without starting from scratch.
Challenge 3: Mapping Bilingual and Cross-City Rental Data
EasyRent needed to support Vancouver and Toronto rental markets.
The platform also needed Chinese and English versions.
Rental fields had to stay connected across languages and cities while supporting local differences.
Design Response
Compared Vancouver and Toronto rental data.
Identified shared and city-specific fields.
Mapped Chinese and English rental fields to keep data consistent across both language versions.
AI-Assisted Workflow
Because the timeline was limited, I used AI to speed up usability testing, prototype creation, and developer handoff.
Usability Testing
I used AI tools to support the usability testing workflow from test preparation to report generation.
Tools and Usage
Result
Reduced testing synthesis work from 3 days to 1 day, allowing faster iteration after each testing round.
Interactive Prototyping
Instead of relying only on static Figma screens, I used Figma, Claude Code, GitHub, and Vercel to create interactive prototypes for developer communication.
This helped the team understand interaction details more clearly and reduced back-and-forth during handoff.
Result
This helped the team understand interaction details more clearly and reduced back-and-forth during handoff.
MCP Handoff Experiment
I researched how Figma could connect with Claude Code through MCP, then shared the experiment results with the development team lead.
After the experiment, the team started using this workflow to generate front-end code, saving around 50% implementation time.
