2025

PT. CAKRA RADHA MUSTIKA

KPOIN APPS

KPOIN APPS AND LOYALTY RECEIPT RULES

My Role :

Freelance Graphic Designer

(Product Content & Visual Asset Management)

Timeline :

April 2025 - June 2025

Skills :

Product Content Management, Digital Assets, CMS, and Visual Design

Tools :

Figma, Adobe Suite, and Kpoin CMS

ALIGNMENT

Challenge

Kpoin requires uniform, high-quality visual assets of products to display in the application. However, the variety of image sources and inconsistent visual quality from various e-commerce sites make the product display feel disjointed and unprofessional.

Opportunity

By managing and improving product photo quality, developing a visual system in Figma, and creating dummy icons for products that are not yet available, this project opens up opportunities for Kpoin to deliver a more consistent, recognizable, and trustworthy visual experience in the eyes of users.

Background

The Why

In this project, I helped the Kpoin team ensure that the product display in the application looked consistent and high quality. I started by searching for and compiling product photos, improving their visual quality, and creating dummy icons for products that were not yet available. Additionally, I designed the visual guidelines for the Loyalty Receipt Rules a system that helps the operations team understand and verify transaction receipts from various e-commerce platforms. The goal was to create clear, efficient, and user-friendly documentation that could be used across teams.

The Process

Research

Exploring the visual structure and product asset requirements in the Kpoin application, including photo style and file size.

Synthesis

Grouping product types and determining quality standards and visual requirements for each category.

Ideation

Creating dummy icons and mockup layouts in Figma to maintain product appearance consistency.

Final Designs

Optimizing product photos, compiling final assets in Figma, and uploading them to the Kpoin CMS.

Reflection

Evaluate process efficiency and develop Loyalty Receipt Rules guidelines so that other teams can easily follow this system.

Research

Exploring the visual structure and product asset requirements in the Kpoin application, including photo style and file size.

Synthesis

Grouping product types and determining quality standards and visual requirements for each category.

Ideation

Creating dummy icons and mockup layouts in Figma to maintain product appearance consistency.

Final Designs

Optimizing product photos, compiling final assets in Figma, and uploading them to the Kpoin CMS.

Reflection

Evaluate process efficiency and develop Loyalty Receipt Rules guidelines so that other teams can easily follow this system.

Research

Exploring the visual structure and product asset requirements in the Kpoin application, including photo style and file size.

Synthesis

Grouping product types and determining quality standards and visual requirements for each category.

Ideation

Creating dummy icons and mockup layouts in Figma to maintain product appearance consistency.

Final Designs

Optimizing product photos, compiling final assets in Figma, and uploading them to the Kpoin CMS.

Reflection

Evaluate process efficiency and develop Loyalty Receipt Rules guidelines so that other teams can easily follow this system.

Research

Exploring the visual structure and product asset requirements in the Kpoin application, including photo style and file size.

Synthesis

Grouping product types and determining quality standards and visual requirements for each category.

Ideation

Creating dummy icons and mockup layouts in Figma to maintain product appearance consistency.

Final Designs

Optimizing product photos, compiling final assets in Figma, and uploading them to the Kpoin CMS.

Reflection

Evaluate process efficiency and develop Loyalty Receipt Rules guidelines so that other teams can easily follow this system.

Research

Identifying Problem

Kpoin faces challenges in maintaining consistency and completeness of visual assets in their application. Many products from various merchants and e-commerce platforms do not yet have photos that meet Kpoin's display standards, while others have low image quality or are not available at all. This issue has a direct impact on user experience and the image of the application. Inconsistent product displays make the interface look unprofessional and reduce user confidence in the points and rewards system offered. To address this, I was hired to perform product asset enrichment by identifying products without photos, searching for and selecting suitable images, enhancing visual quality, and uploading the results directly to Kpoin's CMS so they could be displayed immediately in the app. Additionally, the team needed clear guidelines for validating transaction receipts from various e-commerce platforms in Indonesia. Each platform has different invoice formats and terminology, which often leads to errors during verification. Therefore, I designed the Loyalty Guide Receipt Rules a visual guide explaining the key elements of each invoice type, enabling the operations team to perform accurate and consistent checks.

Research

Desk Research

The purpose of this preliminary research is to identify the main challenges faced by Kpoin in displaying product visual assets and verifying transaction evidence from various e-commerce platforms. By understanding these obstacles, ranging from visual inconsistencies and varied invoice formats to internal process efficiency, I can design visual solutions and guidelines that help bridge these gaps. Based on internal observations and analysis of several major e-commerce platforms in Indonesia, here are the three main pain points that were identified:

Inconsistent

Product Visuals

Each merchant and platform has a different visual style. Some photos have colored backgrounds, watermarks, or inappropriate ratios, which reduces the consistency of the display in the Kpoin app.

Missing or

Low-Quality Assets

Some products do not have any photos at all, or only have low-resolution images that are not suitable for display. This hinders the user experience and weakens the professional impression of the application.

Unstandardized

Receipt Formats

Each e-commerce platform (Shopee, Tokopedia, Blibli, Lazada, etc.) uses a different invoice format to present transaction elements such as store name, purchase date, or order number. These differences complicate the receipt validation process for the operations team.

Inconsistent

Product Visuals

Each merchant and platform has a different visual style. Some photos have colored backgrounds, watermarks, or inappropriate ratios, which reduces the consistency of the display in the Kpoin app.

Missing or

Low-Quality Assets

Some products do not have any photos at all, or only have low-resolution images that are not suitable for display. This hinders the user experience and weakens the professional impression of the application.

Unstandardized

Receipt Formats

Each e-commerce platform (Shopee, Tokopedia, Blibli, Lazada, etc.) uses a different invoice format to present transaction elements such as store name, purchase date, or order number. These differences complicate the receipt validation process for the operations team.

Inconsistent

Product Visuals

Each merchant and platform has a different visual style. Some photos have colored backgrounds, watermarks, or inappropriate ratios, which reduces the consistency of the display in the Kpoin app.

Missing or

Low-Quality Assets

Some products do not have any photos at all, or only have low-resolution images that are not suitable for display. This hinders the user experience and weakens the professional impression of the application.

Unstandardized

Receipt Formats

Each e-commerce platform (Shopee, Tokopedia, Blibli, Lazada, etc.) uses a different invoice format to present transaction elements such as store name, purchase date, or order number. These differences complicate the receipt validation process for the operations team.

Inconsistent

Product Visuals

Each merchant and platform has a different visual style. Some photos have colored backgrounds, watermarks, or inappropriate ratios, which reduces the consistency of the display in the Kpoin app.

Missing or

Low-Quality Assets

Some products do not have any photos at all, or only have low-resolution images that are not suitable for display. This hinders the user experience and weakens the professional impression of the application.

Unstandardized

Receipt Formats

Each e-commerce platform (Shopee, Tokopedia, Blibli, Lazada, etc.) uses a different invoice format to present transaction elements such as store name, purchase date, or order number. These differences complicate the receipt validation process for the operations team.

Synthesis

From Observations to Insights

After identifying the main issues from the desk research and internal observations, I synthesized the findings into three insight areas that formed the basis for designing solutions for Kpoin:

Visual Consistency

=

Brand Credibility

Inconsistent product photo styles diminish the perception of the app's professionalism.
Insight: Visual standards are needed for all product assets (ratio, background, resolution, and lighting) to make the app look more uniform and easier to curate.

Data Completeness

=

User Trust

The absence of product photos for some items makes the user experience incomplete and reduces trust in the platform.
Insight: A systematic curation and asset completion process through a content management system (CMS) is needed so that all products can be represented visually with adequate quality.

Structural Clarity

=

Operational Accuracy

The variety of receipt formats from various e-commerce platforms makes it difficult for the validation team.
Insight: A Loyalty Guide Receipt is needed as a visual guide that explains how to recognize important transaction elements on each platform (Shopee, Tokopedia, Blibli, Lazada, etc.). This guide will maintain accuracy and consistency in the purchase receipt verification process.

Visual Consistency

=

Brand Credibility

Inconsistent product photo styles diminish the perception of the app's professionalism.
Insight: Visual standards are needed for all product assets (ratio, background, resolution, and lighting) to make the app look more uniform and easier to curate.

Data Completeness

=

User Trust

The absence of product photos for some items makes the user experience incomplete and reduces trust in the platform.
Insight: A systematic curation and asset completion process through a content management system (CMS) is needed so that all products can be represented visually with adequate quality.

Structural Clarity

=

Operational Accuracy

The variety of receipt formats from various e-commerce platforms makes it difficult for the validation team.
Insight: A Loyalty Guide Receipt is needed as a visual guide that explains how to recognize important transaction elements on each platform (Shopee, Tokopedia, Blibli, Lazada, etc.). This guide will maintain accuracy and consistency in the purchase receipt verification process.

Visual Consistency

=

Brand Credibility

Inconsistent product photo styles diminish the perception of the app's professionalism.
Insight: Visual standards are needed for all product assets (ratio, background, resolution, and lighting) to make the app look more uniform and easier to curate.

Data Completeness

=

User Trust

The absence of product photos for some items makes the user experience incomplete and reduces trust in the platform.
Insight: A systematic curation and asset completion process through a content management system (CMS) is needed so that all products can be represented visually with adequate quality.

Structural Clarity

=

Operational Accuracy

The variety of receipt formats from various e-commerce platforms makes it difficult for the validation team.
Insight: A Loyalty Guide Receipt is needed as a visual guide that explains how to recognize important transaction elements on each platform (Shopee, Tokopedia, Blibli, Lazada, etc.). This guide will maintain accuracy and consistency in the purchase receipt verification process.

Visual Consistency

=

Brand Credibility

Inconsistent product photo styles diminish the perception of the app's professionalism.
Insight: Visual standards are needed for all product assets (ratio, background, resolution, and lighting) to make the app look more uniform and easier to curate.

Data Completeness

=

User Trust

The absence of product photos for some items makes the user experience incomplete and reduces trust in the platform.
Insight: A systematic curation and asset completion process through a content management system (CMS) is needed so that all products can be represented visually with adequate quality.

Structural Clarity

=

Operational Accuracy

The variety of receipt formats from various e-commerce platforms makes it difficult for the validation team.
Insight: A Loyalty Guide Receipt is needed as a visual guide that explains how to recognize important transaction elements on each platform (Shopee, Tokopedia, Blibli, Lazada, etc.). This guide will maintain accuracy and consistency in the purchase receipt verification process.

Ideation

Turning Insights into Actionable Solutions

Turning Insights into Actionable Solutions

Based on findings from the Research and Synthesis phase, I began designing solutions that connect Kpoin's operational needs with a consistent visual experience for app users. This ideation process covered two main areas:

Standardized Product Visuals

Standardized Product Visuals

To ensure that all products appear professional and consistent in the application, I designed a standard visual template that serves as a reference for:

  1. Sourcing product images from e-commerce platforms or commercial media.

  2. Simple photo enhancement (cropping, brightness, shadow cleanup).

  3. Dummy icon creation for products that do not yet have photos (visual placeholders with a consistent style).

  4. Figma layout system as a visual management dashboard before uploading to CMS.

Visual Guide for Receipt Validation

Visual Guide for Receipt Validation

To support the verification team in reading proof of purchase from various e-commerce platforms, I developed the “Loyalty Guide Proof of Purchase Rules” in the form of simple photo enhancements (cropping, brightness, shadow removal)

  1. Visual guide explaining the structure of important elements on invoices (store name, transaction amount, purchase date, etc.).

  2. Side-by-side visual comparison between platforms (Shopee, Tokopedia, Blibli, Lazada, etc.).

  3. Easy-to-understand visual markers/descriptions to speed up the internal validation process and reduce manual errors.

Design Principles in Ideation:

Design Principles in Ideation:

  1. Consistency: Visuals must be uniform to build credibility, especially in the context of point exchange.

  2. Clarity: Guidance instructions must be concise and visual-first so that they can be easily transferred to non-design teams.

  3. Scalability: The visual system must be ready to accommodate hundreds of new products without repeating the process from scratch.

  4. Efficiency: The process must cut out manual steps, especially in sourcing → organizing → uploading → documenting.

Final Design

Kpoin Product Visual & Loyalty Guide

Kpoin Product Visual & Loyalty Guide

Product Visual Asset Library

Product Visual Asset Library

Output :

  1. A collection of high-quality and consistent product images, created for Kpoin application needs.

  2. Consists of 2000± products from various e-commerce categories (groceries, F&B, household, etc.).

Format Final:

  1. Dimensi: 1000px x 1000px (square), transparent background.

  2. Format: PNG, 300dpi, color-accurate.

  3. Naming convention konsisten (misal: brand_product_variant_size.png).

Highlight:

  1. Consistent visuals in terms of color, shadow, perspective, and uniform cropping.

  2. Direct upload to the Kpoin CMS for team operational efficiency.

Loyalty Guide - Receipt Validation Manual

Loyalty Guide - Receipt Validation Manual

Visual Guide Document :

  1. Designed to assist the Kpoin operations and customer service teams in validating purchase receipts from various e-commerce platforms in Indonesia.

  2. Format: Interactive PDF

  3. Key identification elements described:

    • Platform Name

    • Store Name

    • Purchase Date

    • Order Number/Receipt Number

    • Product Name, Size, Packaging, Quantity, Price


Covered Platforms :

  1. Shopee

  2. Tokopedia

  3. Lazada

  4. Blibli

  5. Tiktok Shop

  6. Astro

  7. Segari

  8. Akulaku

  9. Orami

Brand Consistency in App UI

Brand Consistency in App UI

  1. Example of Kpoin UI display when product images appear on the reward list or catalog.

  2. Emphasis on visual harmony between products that have been given final assets.

Impact Recap

Impact Recap

  1. Number of validated and uploaded products to CMS: [number]

  2. Operational time efficiency: +[percentage] faster validation process.

  3. Improved visual consistency → more professional and reliable user experience.


Final Design

Steps Kpoin Product Visual & Loyalty Guide to Launch

Steps Kpoin Product Visual & Loyalty Guide to Launch

Input Progress Product Design in Figma

Input Progress Product Design in Figma

Final Dummy Design Product

Final Dummy Design Product

Input Dummy in Figma Design Product

Input Dummy in Figma Design Product

Input Product in CMS to Launch on Kpoin Apps

Input Product in CMS to Launch on Kpoin Apps

Design Product Ready in Kpoin Apps

Design Product Ready in Kpoin Apps

Visual Loyalty Guide

Visual Loyalty Guide

Reflection

Reflection

What I Learned

What I Learned

This project taught me the importance of speed of execution while maintaining consistent quality, especially when working with large amounts of visual assets. I also gained a deeper understanding of cross-functional workflows, where visual design must be closely integrated with operational and technical requirements (e.g., input to CMS and internal validation).

This project taught me the importance of speed of execution while maintaining consistent quality, especially when working with large amounts of visual assets. I also gained a deeper understanding of cross-functional workflows, where visual design must be closely integrated with operational and technical requirements (e.g., input to CMS and internal validation).

Key Challenges

Key Challenges

  • Variations in product image source quality: Many images are inconsistent in resolution and shooting angle, requiring extra editing before they are ready for use.

  • Standardization of purchase structure elements from multiple e-commerce platforms into a single structured guide.

  • Synchronization with non-design teams such as operations, who are the end users of the visual guide.


What Works

What Works

  • Designing a neat, uniform, and ready-to-use visual system for developers or application teams.

  • Creating guidelines that speed up and minimize errors in purchase receipt validation.

  • Successfully improving the efficiency of visual data management and reducing friction between teams.


Forward-looking insights

Forward-looking insights

This project demonstrates how important the role of digital designers is in areas that may seem “technical,” such as asset management and operational guideline creation. There is plenty of room to combine design thinking with direct business needs, even in backend matters such as CMS or operational workflows.

Create a free website with Framer, the website builder loved by startups, designers and agencies.