FLEXIRENT CONNECT
LINE OFFICIAL ACCOUNT
OVERVIEW
FlexiRent Connect was designed to support the core FlexiRent platform by enhancing post-booking operations and improving customer experience.
As FlexiRent operates as a short-term rental intermediary, FlexiRent Connect serves as an operational extension that streamlines communication between property owners and tenants through an automated LINE Official Account.
The platform facilitates:
-
Structured and centralized communication
-
Real - time rental status tracking
-
Payment monitoring and reminders
-
Contract renewal notifications
By integrating conversational UX into the rental journey, FlexiRent Connect reduces manual workload for property owners while providing tenants with a more seamless and self-service experience.
It functions as a supporting layer that strengthens the overall FlexiRent ecosystem and elevates service efficiency.
Key Design Contributions
UX - Interaction Skills
-
Conversational UX Design
-
User Flow / Conversation Flow Design
-
Task - oriented Interaction Design
-
Information Architecture (Chat Structure)
-
System State / Status - driven UX
-
Scenario & Edge Case Mapping
-
Decision Flow Simplification
-
Cognitive Load Reduction
-
Usability & Clarity Optimization
-
Automation Experience Design
UI - Visual System Skills
-
Conversational Interface Design
-
Card - based UI Design
-
Component / UI System Design
-
Visual Hierarchy
-
CTA Clarity & Priority
-
Layout & Spacing System
-
Iconography & Visual Language
-
Status / Badge System
-
Rich Menu Design
-
Visual Consistency & Balance
System Thinking
-
State - based Interface Design
-
System Logic Translation into UI
-
Structured Interaction Framework
-
Scalable UI System
-
Constraint - driven Design (LINE Platform)
Visual Identity
-
Logo Design
-
Rich Menu Visual Strategy
-
Interface Visual Tone Control
-
Icon System Thinking
RESEARCH
Platform & System Constraints
To design FlexiRent Connect effectively, the research focused not only on user pain points but also on platform rules, technical limitations, and rental operation scenarios.
1. LINE Official Account Research
Platform Guidelines & Principles
-
Understanding LINE OA messaging policies and broadcast limitations
-
Studying Rich Menu interaction patterns and navigation structure
-
Reviewing Flex Message layout constraints
-
Analyzing webhook - triggered automation capabilities
-
Message quota and cost implications
Key Constraints Identified
-
Limited persistent UI elements (chat - based interaction model)
-
Navigation must rely heavily on Rich Menu or quick reply buttons
-
Message - based UX requires concise information hierarchy
-
Automation flows must be designed within LINE API limitations
Design Implication
The conversational UI must:
-
Be structured and predictable
-
Minimize cognitive load in chat format
-
Use Rich Menu as primary navigation
-
Reduce dependency on free-text input
2. Rental Scenario Mapping (FlexiRent Ecosystem)
Since FlexiRent operates as a fully-managed intermediary, I mapped the end-to-end rental lifecycle:
1. Room Listing
2. Booking Confirmation
3. Move - in
4. Monthly Payment Cycle
5. Invoice Generation
6. Payment Confirmation
7. Contract Expiry & Renewal
Scenario Observations
-
Most friction happens during the monthly payment cycle
-
Payment confirmation requires clarity and transparency
-
Contract renewal needs proactive notification
-
Repetitive informational requests can be automated
Critical Touchpoints Identified
-
Before payment due date
-
After payment submission
-
7 – 14 days before contract expiry
User Journey Before FlexiRent Connect
TENANT
1
2
3
4
🧳
Move - in
-
Tenant completes rental process through FlexiRent
-
Receives initial rental details via admin
🗓️
Before Payment Due Date
-
Tenant tries to remember payment schedule
-
If unsure → contacts admin
🧾
After Payment
-
Transfers money
-
Sends slip manually
-
Waits for confirmation
⏰
Near Contract Expiry
-
Uncertain about contract end date
-
Renewal depends on admin notification
HOST
1
2
3
📅
Monthly Payment Tracking
-
Manually checks transfers
-
Updates payment status
-
Responds to tenant inquiries
🏠
Room & Contract Overview
-
Checks multiple tools or spreadsheets
-
Tracks contract dates manually
📃
Contract Renewal Reminder
-
Needs to remember contract deadlines
-
Contacts tenants manually
PROBLEM SPACE
Although FlexiRent fully manages the rental process between hosts and tenants, users still lack a convenient and timely touchpoint to access important rental information.
The absence of a structured self-service channel results in repeated inquiries, missed payments, and high manual workload for the operation team.
Pain Points
TENANT
👩🏼
-
Unable to clearly track current rental payment status
-
Risk of missing payment deadlines due to the lack of automatic reminders
-
Difficulty accessing invoices and payment history
-
Unclear contract end dates, leading to late renewals
-
Frequent need to contact support for basic information
HOST
🧑🏻
-
Repetitive inquiries regarding payment status and contract details
-
No centralized view of room and contract status
-
Manual effort required to remind tenants of due dates
-
Difficult to manage multiple rooms efficiently
OPERATIONAL & BUSINESS
🧔🏻♂️
-
High manual workload for routine communication
-
Repetitive, non - scalable customer support tasks
-
Error - prone tracking caused by manual processes
-
Lack of automation for notifications and status updates
OPPORTUNITY
These challenges highlight the need for a LINE Official Account as a self - service support layer, enabling users to :
✔ View room and contract information anytime
✔ Check rental and payment status in real time
✔ Access invoices and payment history
✔ Receive automated rent due reminders
✔ Receive contract expiration notifications
By introducing conversational UX through LINE OA, FlexiRent can reduce operational overhead while delivering a more reliable and seamless user experience.
UX Strategy
FlexiRent Connect was designed as a self - service and automation layer within the FlexiRent ecosystem.
Given the constraints of LINE Official Account and the operational complexity of a fully-managed rental intermediary, the UX strategy focused on:
-
Reducing admin dependency
-
Increasing transparency
-
Automating repetitive interactions
-
Enabling scalable communication
Design Principles
Chat - First Interaction
💬
Since LINE OA operates within a chat - based environment, the experience must be optimized for conversational interaction.
-
Rich Menu as primary navigation
-
Quick reply buttons instead of free-text input
-
Structured flow to guide task completion
Transform chat from “conversation” into a transactional interface.
Task - Oriented Experience
🗓️
Users come to LINE OA with a clear intent — not to browse, but to complete a task.
-
Check payment status within 2–3 taps
-
View contract expiry instantly
-
Access invoices without scrolling through chat history
Every interaction is designed around
task completion efficiency.
Automation - Focused UX
🏧
A large portion of inquiries were repetitive and informational.
The experience was designed to support automation from the ground up:
-
Automated rent reminders
-
Contract expiry notifications
-
Payment confirmation triggers
Shift from reactive support to
proactive system - driven communication.
Progressive Disclosure
⏰
Due to limited screen space in chat interfaces, information is revealed in stages.
-
Show summary first (e.g. Paid / Pending)
-
Allow users to tap for detailed breakdown
Reduce cognitive load while maintaining clarity.
Status - Driven UI
The rental ecosystem operates around dynamic states:
-
Paid / Unpaid
-
Active / Expiring Soon
-
Renewal Confirmed / Pending
The interface prioritizes status visibility to ensure users can instantly understand their situation without reading lengthy text.
Status becomes the core UI signal.
📱
Strategic Outcome
🔥
FlexiRent Connect does not simply add features.
It restructures the rental journey from:
Manual & Admin - Dependent
Structured, Transparent & Self-Service Driven
Research & Insight
Key Insights
Users think in actions
-
Users come to complete tasks — “Pay rent”, “Check balance”, “View invoice”.
-
The experience must be action - driven.
Financial anxiety is real
-
Unclear payment status creates stress.
-
Visibility and confirmation are critical.
🪄
Users scan, not read
-
Card - based UI with clear status labels works better than long chat messages.
Repetitive questions signal automation opportunities
-
Informational inquiries like payment status and due dates can be automated.
Core Insight
FlexiRent Connect transforms repetitive rental friction into a structured, self-service experience.
User Flow
All general users are required to register or log in before accessing the system’s core features.
Authentication is the first validation layer to ensure proper user identification and data mapping.
Once logged in, the system detects the user’s role and membership status in real time — whether they are a Host, Tenant, or Non-member.
Based on this detected state, the Rich Menu dynamically switches to reflect the appropriate role-specific functions.
-
If identified as a Tenant, the Rich Menu displays payment tracking, invoice viewing, and contract-related features.
-
If identified as a Host, the Rich Menu switches to room management, approval workflows, and service agreement tools.
-
If the user is not yet a member, the system prioritizes onboarding and registration prompts.
This dynamic menu adaptation ensures that users only see actions relevant to their role, reducing cognitive load and preventing cross-role confusion.
Rather than maintaining a static interface, the system architecture allows the navigation layer itself to be state-aware.
Service Agreement Renew
This flow manages complex renewal scenarios for service agreements.
Logic is separated across:
-
Members vs. non-members
-
Immediate renewal vs. pending eligibility
-
Cases requiring verification
The structure follows:
State → Eligibility Check → Action → Confirmation
This ensures scalability while keeping the experience clear and structured.
Automation Structure
Automation is proactive and state-driven.
Triggers include:
-
Contract expiry
-
Payment due reminders
-
Payment confirmations
-
Backend status changes
Each message is tied to the user’s real-time state, ensuring relevance and timely action.
Design System & Component Architecture
FlexiRent Connect is built as a modular system, not standalone screens.
The UI supports state-driven logic and scalable automation within LINE OA constraints.
Core Components
-
Card System (Tenant / Host / Shared)
-
Status Badges
-
CTA Hierarchy
-
Alert / Reminder Pattern
-
Chat Bubbles
-
Role-based Rich Menu
System Logic
-
Cards structure recurring rental data for easy scanning.
-
Badges communicate real-time status (Paid / Pending / Expiring).
-
CTA hierarchy guides users to the most critical action.
-
Rich Menu adapts based on user role and system state.
UI Flow
Core Principle
UX is not navigation. It is state → action → outcome
The system must always answer:
“What is happening now, and what should the user do next?”
Key State Groups
1. Payment State
-
No Invoice → No action
-
Pending / Due Soon → Show + remind
-
Overdue → Urgent CTA
-
Partial → Show remaining
-
Paid → Confirm + lock
Focus : “Do I need to pay now?”
3. Room Context
-
Single → Direct action
-
Multiple → Force context selection
-
None → Guided empty state
Prevent wrong actions
2. Contract State
-
Active → Passive
-
Expiring → Prompt decision
-
Renewal Pending → Persistent CTA
-
Renewed / Terminated → Close state
Focus : Decision timing
4. Invoice Volume
-
None → Clear empty state
-
One → Direct CTA
-
Many → Prioritize + collapse
-
Long list → Webview fallback
Show only actionable items