Scan It Product Design

Part of the Got It ecosystem, Scan It is an wap-app that allows users to scan bills to earn points and participate in reward programs and promotions from brands. Through this, it helps brands connect better with customers and increase user loyalty. Scan It uses AI technology to quickly and optimally scan and transform data.

Year

2022 - 2024

Cateogry

Product design . Design system

Role

Head of Design

Problem

Old-school design makes the product looks low-tech and each time design & development teams build new campaign for clients take too much effort and time.

This means that every seasonal campaign, the teams consistently have to work overtime to meet deadlines, especially when changes or adjustments arise from clients, which reduces the product's competitiveness.

Old-school design makes the product looks low-tech and each time design & development teams build new campaign for clients take too much effort and time.

Solution

I created a new language and design system to make the product look more technological, redesigned the user flow, and rebuilt the workflow between the design and development teams to reduce workload and optimize the working process.

Big challenge

As Scan It caters to client campaigns tied to seasonal trends and special annual events, its primary challenge is the capacity for rapid modification and adjustment. This needs to be achieved without compromising operational efficiency or visual appeal, and with the flexibility to align with the unique brand characteristics of diverse clients and target audiences.

Addressing this effectively necessitates optimization not just within the design team, but also across the development team responsible for the front-end and back-end execution of each campaign.

Solution

Through investing time in meetings to ensure agreement on the consistency and connection between design files and the development team's coding process, the design team and I leveraged Figma's auto layout and component functionalities, along with its "dev mode", to facilitate communication with the developers. This enabled us to guide the dev team in adhering to and closely mirroring the Figma settings in their code implementation.

While this method initially involved an investment of time to achieve full alignment, the resulting efficiency gains after several projects have been remarkable, leading to an estimated 80% reduction in project deployment time!

Achievements

The Board of Directors (BOD) has given very positive feedback. The Sales Team has also received positive responses from partners and customers after the brand image was updated
The Development Team and Design Team has optimized working process more than 80%
Provide additional interface customization options tailored to customer needs while ensuring optimal deployment efficiency for the Design Team, Product Team, and Development Team
A good revenue growth was recorded in both 2022 and 2023, along with an expansion in the network of customers and partners
Building on the success of Got It and Scan It, the company has continued its collaboration with Buzzebees (from Thailand) to develop a new platform within its ecosystem - Buzz It in 2024.

The Board of Directors (BOD) has given very positive feedback. The Sales Team has also received positive responses from partners and customers after the brand image was updated
The Development Team and Design Team has optimized working process more than 80%
Provide additional interface customization options tailored to customer needs while ensuring optimal deployment efficiency for the Design Team, Product Team, and Development Team
A good revenue growth was recorded in both 2022 and 2023, along with an expansion in the network of customers and partners
Building on the success of Got It and Scan It, the company has continued its collaboration with Buzzebees (from Thailand) to develop a new platform within its ecosystem - Buzz It in 2024.