新產品
從零打造最小可行性商品
時間：
2024.07 - 2024.12
技能：
產品路線圖、使用者經驗設計、設計系統
工具：
Figma, FigJam, Jira
團隊：
1位設計師、1位專案經理、2位開發人員
我的貢獻
建立基於 Bootstrap 框架的設計系統
為 Flikshop Neighborhood 此新產品建立完整架構與使用者流程
製作可互動的MVP並執行3輪使用者測試以蒐集使用者回饋
背景
串連受者與家庭 — 持續擴大的影響力
新產品
Flikshop Neighborhood
在與超過85,000名受刑人與其親友建立聯繫後，Flikshop的下一個目標是利用長年累積的信任，擴大影響範圍，將社區、教育機構和公民團體也納入Flikshop打造的「Neighborhood 社區」。在社區中人們可以互相分享資源與工作機會，讓受刑人的社會回歸之路走得更安穩。
這樣的關係並不是單向的，對於機構團體而言，Flikshop的名單也能幫助他們找到更精準的客群來服務。在 Flikshop Neighborhood 中，關係是互相扶持的。
挑戰
初版原型的問題
經過多輪跨團隊討論，我們決定採用 MVP (Minimum Viable Product) 策略，優先聚焦於編輯卡片、寄送資訊及帳單等核心功能以確保產品快速落地。針對其餘延伸需求，我與產品經理共同梳理出完整的 Product Roadmap (產品開發路線圖)。因此，我在此專案的首要目標轉化為：
我們如何
「建立一個最小可行產品，讓使用者可以計送明信片和信件、完成付款，並檢查寄送結果。」
Process
01
Skipped the user interview and learned from best practices
Due to the tight schedule, I didn't get the chance to conduct user research. However, since my goal for the project was to build a minimum viable product, I decided to learn from best practices to fill in the gaps in the user flow. I researched other online marketing and direct mail providers, focusing on the design of key features like campaign creation, shipping, and contact management.
02
Mapped out the user flow & wireframe
Using the competitor study I compiled, I mapped the user flow into a flowchart, which gave me a clearer view of the pages that needed to be filled. To further visualize the ideas, I also created wireframes based on the new user flow. The flowchart and wireframes also proved helpful in discussions with the PM and the CEO.
03
Built a functional prototype as a team
Midway through the project, I was assigned a new PM who also took on some of the design responsibilities. We collaborated to turn the wireframe I created into a high-fidelity prototype, providing feedback on each other's designs through regular meetings.
Competitive analysis
Besides focusing on the overall user flow, I also paid close attention to the nuances of how competitors design their UI/UX — to create an experience that is intuitive, efficient, and conveys a sense of trust. These three factors are particularly important because we not only want to ensure that users can deliver their campaigns seamlessly, but also foster a sense of identity as part of the Flikshop Neighborhood.
Provide confirmation
Support bulk actions
Let user be in charge
Design Iteration
Create Campaign
A better way to create staggering mail
Design Philosophy
Balancing user needs with business goals
As a product designer, I worked closely with the CEO throughout the entire process to ensure that the design not only addressed users' needs but also served the business goals. Maintaining this balance was particularly important when I designed the dashboard, as it forms the first impression users get when they log in.
The former designer initially came up with a concept that emphasized Flikshop's ability to provide data, but he didn't take account of what the users actually wanted. To avoid repeating the same mistake, we spoke with several pilot users with our design. This gave us a better understanding of their expectations.
Reflection
Take-away
Don’t give up on advocating for user interviews
While the table research helped, I felt we were missing the vital perspective from the actual users. Despite tight schedule, I kept advocating for usability testing. I explained how crucial real user feedback is for shaping a successful product. Midway through the project, I convinced the CEO to connect us with a NGO worker.
This led to a usability test and interview, providing insights that we couldn't have gathered otherwise. The feedback helped us improve our design and map out future work. This experience taught me to never give up on finding ways to connect with the users, even when it seems difficult.
