Project name
2023/06-2023/07
WorkBeaver｜Short-Term Work Exchange & Accommodation Platform
Role
UI Designer
Team
UI/UX *2 , UI *4
Responsibilities
UI mockup design, Project coordination and execution
Project Background
This project was part of a UI practice program focused on accommodation-related products. We chose to explore a work-exchange accommodation platform, a product direction closely related to accommodation yet relatively uncommon in the Taiwanese market.
Currently, most work-exchange opportunities in Taiwan are shared through social media rather than dedicated platforms. This project aims to conceptualize a clearly positioned product centered on work-exchange accommodation.
Concept Overview
Creative Inspiration:
The brand concept is inspired by beavers, known for their remarkable engineering skills and ability to build resilient habitats. This imagery represents vitality, a spirit of adventure, and the pursuit of turning dreams into reality.
Design Concept:
The platform centers on a beaver building its ideal dam as a metaphor for work-exchange living. We aimed to encourage users to build their own dream lifestyle, much like the beaver. The visual identity uses an eco-inspired mint green palette, symbolizing life experiences, interaction with the environment, and a strong connection to nature.
Design Execution
UI Mockup
With a well-established set of components in place, the UI mockup process became more efficient and streamlined. After each visual draft was completed, team members reviewed each other’s work to ensure overall consistency, including layout spacing, typography, and visual tone.
Engineering Handoff
During the engineering handoff phase, I reviewed each flow after annotations were completed to ensure feature descriptions aligned with real-world development logic. Design specifications were written collaboratively, with each team member owning their assigned pages.
I also facilitated discussions around interaction patterns and underlying system logic, sharing practical insights into backend considerations and helping the team understand the level of detail required in real product development.
Prototype Showcase
One of the strongest aspects of this project was its motion design. The animated interactions enhanced realism while bringing the beaver theme to life in a playful and cohesive way.
Reflection & Learnings
This UI practice program was a highly valuable experience for me. Over the past two years, my work had focused mainly on UX, so I joined the program to rebuild my UI sensibility and regain hands-on momentum. Through the process, my proficiency with Figma improved significantly, and I was able to quickly find my design rhythm again.
I was also able to contribute from a senior designer’s perspective by supporting career switchers and beginners, while gaining fresh insights from their approaches to visual design, prototyping, and problem-solving. Our team was ultimately recognized with an award among over two hundred participants, making the experience both rigorous and rewarding.
Project name
Apr 2021 – Jun 2021
Department Store｜Visual Website Proposal
Role
UI Designer
Team
UI *1, UX *1, PM*1
Responsibilities
Department store brand website proposal
Design Goal
Project name
Apr 2021 – Jun 2021
Formosa Plastics Group｜Internal System Design Framework Project
Role
UI/UX Designer
Team
UI *1, PM*2, Engineer*1
Responsibilities
Component design, System onboarding video production
Design Execution
In the early stage of the project, I interviewed stakeholders across multiple business units within Formosa Plastics Group and closely observed real-world workflows of factory operators to clarify usage requirements for internal systems. Based on an analysis of existing interfaces and component libraries, I defined the UI components and application guidelines for the backoffice system.
This project was a collaboration between another UI designer and myself. I was primarily responsible for establishing design standards for core components—such as buttons, dialogs, search, forms, and tables—and for producing component usage tutorial videos for the team. As this design system is intended to scale across multiple business units, strict standards were defined for typography, states, interactions, and visual styles to ensure consistency and usability at scale.
