🌞 About The Project
Kaboo is a startup company bridging the multigenerational long-distance gap between families by sending digital to physical cards.
Kaboo needs an internal admin portal allows their emplyeees to manage the orders, logistics and global printing.
💭 Design Constraints
Desktop only
Has existing design system
Portal runs on a backend system
Some area needs to manually input
👁️ For Who
Kaboo employees
🎯 The Goal
Conduct a desktop admin portal for internal employee to saving half time on organizing online order and manage printing vendors.
🏅Final Impact
Working as a team with 2 other designers and 2 developers and stakeholders for 2 month to build the internal portal for their employees from groundup. It helps the business improve their workflow efficiency by 50%. Categorized into 3 separate features and build a new design system.
Checking Order Status
Printer Setup
Digital card Inventory
Find Out Similar Admin Portal
After talking to stakeholders to know the problem with the timeframe we have given, we deicide to conduct a secondary research first to find out the reference of the admin portal on the similar market.
Understand the Users
Understanding my target users is the core principle, we created the persona based on the stakeholder and the sitemap for the overall structure of the admin portal and pick a critical problem to solve.
Understand the Business Workflow
After a few meetings with stakeholders, we get to know the current workflow and conduct the story map and 2 selected user flows for the business needs.
Discover Problem
Stay organized with their card orders and partnerships status. As the company receive orders online and work with different printing vendors and artists, the status of orders and projects was not easy to manage and check.
Sketches
Based on the information we conducted and research we have done, we created few sketch options for "checking orders" and "Add a printer" user flows.
After the meeting we analyze the pro and cons of the ideas and combined all to made the finial sketch for the user flows.
Created A New Style Guide
Kaboo has existing design system, we have adapted base colors and one neutral color, created a new style guide for the admin portal with new typography and components.
I led and constructed foundation framework and component library.
New Features Makes System Manageable
Designed few features based on the research.
The following are the features we created to make system more effective and smooth.
High Fidelity & Prototype
The following is the final high fidelity design and prototype for the 3 user flows.
Iterations
We tested out with the stakeholders, based on the feedback we made some changes as following:
⇥Next Steps
when all the category is developed and expended in full range, the dashboard idea will be implemented in detail for the next steps.
🧠 Reflection
- Communication is the key between cross function team.
- Understanding the workflow of the business is fundamental.
- I will spend more time to get to know the workflow as each business is different.
- I will conduct more usability tests and get more feedbacks.
