UI/UX designer โ Inagri.asia โ Indonesia
UI/UX designer โ Inagri.asia โ Indonesia
Cocorolife: E-commerce super app
Cocorolife: E-commerce super app
Designing a super app to empower SMEs and expand market reach in Indonesia
Designing a super app to empower SMEs and expand market reach in Indonesia



Introduction
Introduction
Cocorolife is an E-Commerce mobile app that enables users to purchase electronics goods directly from SHARP Indonesia's official stores.
Cocorolife is an E-Commerce mobile app that enables users to purchase electronics goods directly from SHARP Indonesia's official stores.
The mobile app integrates many third-party vendors such as government and private vendors to compete with other E-Commerce such as Tokopedia and Shopee and to build a stronger brand to users.
The mobile app integrates many third-party vendors such as government and private vendors to compete with other E-Commerce such as Tokopedia and Shopee and to build a stronger brand to users.


Problem
Problem
Cocorolife, an E-Commerce app specializing in SHARP electronics, faces challenges in a competitive market. It must attract users from:
Cocorolife, an E-Commerce app specializing in SHARP electronics, faces challenges in a competitive market. It must attract users from:
Established platforms
Established platforms
Diverse vendors
Diverse vendors
Complex fintech features
Complex fintech features
Empower SMEs
Empower SMEs

Research & analysis
Research & analysis












Conceptualization
Conceptualization




Home screen
Personalized content that caters to end user shopping preferences
Personalization features, such as tailored promotions and suggested products, discount, and live streaming
Reduced clutter and a focus on whatโs most important to the user

Product search
The use of smart suggestions or pre-selected filters based on user preferences or previous searches
Simplified filter options that are easy to understand and use only search engine without any additional button

Product filter
Simplified filter options that are easy to understand and use
A clean, user-friendly filter interface that delivers relevant results quickly

Discount
Personalized deals and discounts based on her previous purchases and browsing history
Easy navigation through various promotions, with a focus on relevance and value

Checkout
Various payment options displayed prominently, making it easy to complete the purchase
A summary page before the final confirmation, ensuring all details are correct and clear

Home screen
Personalized content that caters to end user shopping preferences
Personalization features, such as tailored promotions and suggested products, discount, and live streaming
Reduced clutter and a focus on whatโs most important to the user

Product search
The use of smart suggestions or pre-selected filters based on user preferences or previous searches
Simplified filter options that are easy to understand and use only search engine without any additional button

Product filter
Simplified filter options that are easy to understand and use
A clean, user-friendly filter interface that delivers relevant results quickly

Discount
Personalized deals and discounts based on her previous purchases and browsing history
Easy navigation through various promotions, with a focus on relevance and value

Checkout
Various payment options displayed prominently, making it easy to complete the purchase
A summary page before the final confirmation, ensuring all details are correct and clear

Home screen
Personalized content that caters to end user shopping preferences
Personalization features, such as tailored promotions and suggested products, discount, and live streaming
Reduced clutter and a focus on whatโs most important to the user

Product search
The use of smart suggestions or pre-selected filters based on user preferences or previous searches
Simplified filter options that are easy to understand and use only search engine without any additional button

Product filter
Simplified filter options that are easy to understand and use
A clean, user-friendly filter interface that delivers relevant results quickly

Discount
Personalized deals and discounts based on her previous purchases and browsing history
Easy navigation through various promotions, with a focus on relevance and value

Checkout
Various payment options displayed prominently, making it easy to complete the purchase
A summary page before the final confirmation, ensuring all details are correct and clear

Home screen
Personalized content that caters to end user shopping preferences
Personalization features, such as tailored promotions and suggested products, discount, and live streaming
Reduced clutter and a focus on whatโs most important to the user

Product search
The use of smart suggestions or pre-selected filters based on user preferences or previous searches
Simplified filter options that are easy to understand and use only search engine without any additional button

Product filter
Simplified filter options that are easy to understand and use
A clean, user-friendly filter interface that delivers relevant results quickly

Discount
Personalized deals and discounts based on her previous purchases and browsing history
Easy navigation through various promotions, with a focus on relevance and value

Checkout
Various payment options displayed prominently, making it easy to complete the purchase
A summary page before the final confirmation, ensuring all details are correct and clear

Home screen
Personalized content that caters to end user shopping preferences
Personalization features, such as tailored promotions and suggested products, discount, and live streaming
Reduced clutter and a focus on whatโs most important to the user

Product search
The use of smart suggestions or pre-selected filters based on user preferences or previous searches
Simplified filter options that are easy to understand and use only search engine without any additional button

Product filter
Simplified filter options that are easy to understand and use
A clean, user-friendly filter interface that delivers relevant results quickly

Discount
Personalized deals and discounts based on her previous purchases and browsing history
Easy navigation through various promotions, with a focus on relevance and value

Checkout
Various payment options displayed prominently, making it easy to complete the purchase
A summary page before the final confirmation, ensuring all details are correct and clear

Home screen
Personalized content that caters to end user shopping preferences
Personalization features, such as tailored promotions and suggested products, discount, and live streaming
Reduced clutter and a focus on whatโs most important to the user

Product search
The use of smart suggestions or pre-selected filters based on user preferences or previous searches
Simplified filter options that are easy to understand and use only search engine without any additional button

Product filter
Simplified filter options that are easy to understand and use
A clean, user-friendly filter interface that delivers relevant results quickly

Discount
Personalized deals and discounts based on her previous purchases and browsing history
Easy navigation through various promotions, with a focus on relevance and value

Checkout
Various payment options displayed prominently, making it easy to complete the purchase
A summary page before the final confirmation, ensuring all details are correct and clear

Home screen
Personalized content that caters to end user shopping preferences
Personalization features, such as tailored promotions and suggested products, discount, and live streaming
Reduced clutter and a focus on whatโs most important to the user

Product search
The use of smart suggestions or pre-selected filters based on user preferences or previous searches
Simplified filter options that are easy to understand and use only search engine without any additional button

Product filter
Simplified filter options that are easy to understand and use
A clean, user-friendly filter interface that delivers relevant results quickly

Discount
Personalized deals and discounts based on her previous purchases and browsing history
Easy navigation through various promotions, with a focus on relevance and value

Checkout
Various payment options displayed prominently, making it easy to complete the purchase
A summary page before the final confirmation, ensuring all details are correct and clear

Home screen
Personalized content that caters to end user shopping preferences
Personalization features, such as tailored promotions and suggested products, discount, and live streaming
Reduced clutter and a focus on whatโs most important to the user

Product search
The use of smart suggestions or pre-selected filters based on user preferences or previous searches
Simplified filter options that are easy to understand and use only search engine without any additional button

Product filter
Simplified filter options that are easy to understand and use
A clean, user-friendly filter interface that delivers relevant results quickly

Discount
Personalized deals and discounts based on her previous purchases and browsing history
Easy navigation through various promotions, with a focus on relevance and value

Checkout
Various payment options displayed prominently, making it easy to complete the purchase
A summary page before the final confirmation, ensuring all details are correct and clear
Usability test
Usability test
The Cocorolife prototype achieves a 100% task completion rate across all scenarios, with most tasks completed in under 10 seconds. Errors are minimal, averaging 0, except for a slight 0.25 error in the add-to-cart flow. User satisfaction is high, indicating an intuitive UI/UX that meets expectations.
The Cocorolife prototype achieves a 100% task completion rate across all scenarios, with most tasks completed in under 10 seconds. Errors are minimal, averaging 0, except for a slight 0.25 error in the add-to-cart flow. User satisfaction is high, indicating an intuitive UI/UX that meets expectations.
The Cocorolife prototype achieves a 100% task completion rate across all scenarios, with most tasks completed in under 10 seconds. Errors are minimal, averaging 0, except for a slight 0.25 error in the add-to-cart flow. User satisfaction is high, indicating an intuitive UI/UX that meets expectations.

