#designsystem
#Figma
Working Space Mobile APP
Working Space Mobile APP
Working Space Mobile APP
Working Space Mobile APP
Working Space Mobile APP
Working Space Mobile APP
Not another useless UI kit. Tetrisly Design System is a collection of rules, tools and processes which simplify design processes and the development of digital products.
Not another useless UI kit. Tetrisly Design System is a collection of rules, tools and processes which simplify design processes and the development of digital products.
Not another useless UI kit. Tetrisly Design System is a collection of rules, tools and processes which simplify design processes and the development of digital products.
Not another useless UI kit. Tetrisly Design System is a collection of rules, tools and processes which simplify design processes and the development of digital products.
Not another useless UI kit. Tetrisly Design System is a collection of rules, tools and processes which simplify design processes and the development of digital products.
Not another useless UI kit. Tetrisly Design System is a collection of rules, tools and processes which simplify design processes and the development of digital products.
Quick Glance
Quick Glance
Objective 🎯
Objective 🎯
The team aimed to enhance Kafnu's mobile app experience and update infrastructure.
Role 🚀
Role🚀
Product Designer
Timeline 🗓️
Timeline🗓️
2018~2019
Challenges 🚧
Revamping design and architecture, addressing user concerns for enhanced usability.
Impact 💫
MVP launched in 6 months, boosting metrics and achieving full Taipei office usage within 3 months.
Background
Background
Kafnu provides global co-working spaces tailored to local needs in Taipei, Hong Kong, Sydney, Ho Chi Minh, and Sri Lanka. The Kafnu Member Mobile App simplifies facility bookings and fosters community interaction, offering users quick access to preferred spaces and a versatile discussion platform.
Kafnu provides global co-working spaces tailored to local needs in Taipei, Hong Kong, Sydney, Ho Chi Minh, and Sri Lanka. The Kafnu Member Mobile App simplifies facility bookings and fosters community interaction, offering users quick access to preferred spaces and a versatile discussion platform.






Design Process
Design Process
Small team prototyped swiftly, gathering user feedback for iterative improvements pre-launch.
Small team prototyped swiftly, gathering user feedback for iterative improvements pre-launch.
1
Research
Research
User Study
User Study
User Study
2
Define
Define
Identify problems & goals
Identify problems & goals
Identify problems & goals
3
Ideation
Ideation
Wireframe & IA
Wireframe & IA
Wireframe & IA
4
Prototyping
Prototyping
Native Speaker
Native Speaker
Native Speaker
5
Testing
Testing
Prototype usability testing
Prototype usability testing
Prototype usability testing
6
Itration
Itration
MVP & Refine
MVP & Refine
MVP & Refine




Research
Research
Before starting the project, I conducted a survey and interviews with potential users to understand their basic needs for our mobile app. We surveyed 45 people and found that the results as following :
Before starting the project, I conducted a survey and interviews with potential users to understand their basic needs for our mobile app. We surveyed 45 people and found that the results as following :
🏢
🏢
85%
85%
Twice a week book rooms
Twice a week book rooms
📱
📱
66%
66%
Using Mobile to book
Using Mobile to book
🤝
🤝
71%
71%
Connect coworkers
Connect coworkers
Insight
Insight
It’s inefficient to book rooms and communicate with other members.
It’s inefficient to book rooms and communicate with other members.
🥲 Hard to connect with members
🥲 Hard to connect with members
Users struggled to connect, facing difficulties in doing so.
Users struggled to connect, facing difficulties in doing so.
Users struggled to connect, facing difficulties in doing so.
🥲 Not sure the booking status
🥲 Not sure the booking status
Uncertainty about bookings caused confusion for many.
Uncertainty about bookings caused confusion for many.
Uncertainty about bookings caused confusion for many.
Persona
Persona
I summarized the research findings and developed three personas, enhancing the team's understanding of our target users and key priorities for design.
I summarized the research findings and developed three personas, enhancing the team's understanding of our target users and key priorities for design.
























Define
Define
Problems
Problems
1
Hard to connect with members
In the realm of technology, artificial intelligence (AI) and machine learning have emerged as game-changers, particularly in the field of UI/UX design. The integration of these advanced technologies is reshaping how we approach design, offering new possibilities and challenges. This post aims to explore how AI and machine learning are influencing the field of UI/UX, bringing a new dimension to user experiences and interfaces.
1
Hard to connect with members
In the realm of technology, artificial intelligence (AI) and machine learning have emerged as game-changers, particularly in the field of UI/UX design. The integration of these advanced technologies is reshaping how we approach design, offering new possibilities and challenges. This post aims to explore how AI and machine learning are influencing the field of UI/UX, bringing a new dimension to user experiences and interfaces.
1
Hard to connect with members
In the realm of technology, artificial intelligence (AI) and machine learning have emerged as game-changers, particularly in the field of UI/UX design. The integration of these advanced technologies is reshaping how we approach design, offering new possibilities and challenges. This post aims to explore how AI and machine learning are influencing the field of UI/UX, bringing a new dimension to user experiences and interfaces.
2
Not sure the booking status
The integration of these advanced technologies is reshaping how we approach design, offering new possibilities and challenges
2
Not sure the booking status
The integration of these advanced technologies is reshaping how we approach design, offering new possibilities and challenges
2
Not sure the booking status
The integration of these advanced technologies is reshaping how we approach design, offering new possibilities and challenges
Goals
Goals
" Launch an Android app MVP that helps members to room booking & event exploration. "
" Launch an Android app MVP that helps members to room booking & event exploration. "
Ideation
Ideation
Hypothesis
I summarized the research findings and developed three personas, enhancing the team's understanding of our target users and key priorities for design.
Hypothesis
I summarized the research findings and developed three personas, enhancing the team's understanding of our target users and key priorities for design.





Hypothesis
I summarized the research findings and developed three personas, enhancing the team's understanding of our target users and key priorities for design.
Hypothesis
I summarized the research findings and developed three personas, enhancing the team's understanding of our target users and key priorities for design.





Prototyping
Prototyping
Hypothesis
I summarized the research findings and developed three personas, enhancing the team's understanding of our target users and key priorities for design.
Hypothesis
I summarized the research findings and developed three personas, enhancing the team's understanding of our target users and key priorities for design.
By taking this approach, we were able to move faster and improve our product based on real user feedback.
And launched the MVP only includes the main features first.
By taking this approach, we were able to move faster and improve our product based on real user feedback.
And launched the MVP only includes the main features first.
By taking this approach, we were able to move faster and improve our product based on real user feedback.
And launched the MVP only includes the main features first.
By taking this approach, we were able to move faster and improve our product based on real user feedback.
And launched the MVP only includes the main features first.
Outcome
Design System
Design System




Page Showcase
Page Showcase




Next Iteration
Next Iteration



