Visually Lab  UX Design  Web  WMS system

ECOCO management system

Duration
Company
My Role
Responsibility

July 2018 - July 2021

Visually Lab

UX Designer

End to end UX/UI design

Project Overview
ECOCO is an company stands for eco-coin, a points system designed with circular economy in mind, to make doing things for the environment fun and rewarding, allowing for more people and companies and organizations to work together to do good for our planet.
We help our client to build a customize backstage with several modules which can manage lists and points, view the status and statics of their IOT machine, reply users' request from APP. In addition the backstage allowed the flexibility for the employees to manage their clients' memberships. We provided an integrated solution to help our customer to boost their efficiency on management and operation.
Service link ➝
My Contributions
- Communicate with stake-holders and generate user scenarios.
- Design the user-flow and the interface for the WMS system.
- Responsible for leading, defining, exploring, and creating the design system (based on the Atomic Design methodology.)
- Making sure all elements and components are ready for mobile and reusable based on principles.
- Collaborating and sharing iterations with developers and project owners to ensure a seamless implementation of design and code within the new framework.
Deliverables
- The system so far served for 1M+ end-users, and help our customer to manage 120+ IOT machines among 14 counties in Taiwan.
- ECOCO circular economy helps the earth to save 759+ tons CO2 in 2021.

Design Process

01 Task-flow
02 Wireframe
03 Lists Scenario
04 Prototype and share iteration with the Devs

Discuss information structure with team and the stakeholders of our client.

Discuss concepts with PM and Devs and generate the wireframe in Whimsical.

Ideate an solution and discuss with stakeholders with a prototype
- Design task-list and usability test with the users.
- Stakeholder provide more scenarios based on the prototype

- Building Design System based on Atomic design principles.
- Prototyping in Figma
- Share design files with Zeplin.

Design System

Due to the NDA, I can only share design system style sheet in my online portfolio. If you are interested in more details about the process, to ask me more in the meeting is welcome!