Hang on...

Global Connect Marketplace

Buy. Sell. Earn.

Showcase - SP2F GCM

Global Connect Marketplace (GCM) is a leading Agency Distribution Network in Asia. The vision is to enhance customer’s lives by delivering products and services of the highest integrity and quality. Ultimately, building meaningful and sustainable relationships with customers that will shape a culture of entrepreneurship and empowerment.

Roles
  • App UI Design
  • Visual Systems

Brief

GCM engaged me to design their mobile app and website UI as they already had a brand mark created. The App has 5 specific areas to focus on – Dashboard, Shop, Onboarding, Knowledge, and Forum.

Members are automatically enrolled in the points system where the dashboard provides an overview of their network performance through the e-commerce platform. When they build on their network, their income also grows. On top of that, the knowledge base is all the members need to equip themselves should they have any questions with regards to their sales process, recruitment, etc. Updates and news are also broadcast through the forum regularly.

Global Connect Marketplace - Buy. Earn. Sell.

Challenge

With a broad scope of work against limited time, we had to focus on the priorities. As we are already on the high fidelity stage, we need to get the style and colours aligned to the brand. However, the brand guide wasn’t finalised. I worked in parallel with the team getting the brand style and colours right.

Global Connect Marketplace - Challenge 1
Global Connect Marketplace - Challenge 2
Client's proposed wires

Solution

With the 2 core business objectives in mind – To increase engagement in e-commerce transactions and, To increase more on-boarding agents/members. We have to rethink the interaction design to make it more intuitive and effortless for the users.

Instead of hiding the products and categories in the hamburger menu, we want users to have faster access to the shopping list and make a transaction. Therefore, I’ve replaced the 2nd icon (previously ‘account icon’ from their proposed wires) on the tab bar with the ‘shopping category’ icon. The center icon in the tab bar is also more emphasised, which fulfills the increased engagement in e-commerce transactions objective. These 2 icons take up the primary position of the navigational strategy.

The account icon is now grouped together with user settings icon. This makes more sense as they contain every piece of information about the user.

The dashboard also has the potential to implement more appealing graphs to create more meaningful data to the users. Users should be able to view their PV in a day, week, month, year. The app can also help them see where they stand in terms of recruitment sales and product sales.

Global Connect Marketplace - Mobile App UI Design

Global Connect Marketplace - App UI Design
Global Connect Marketplace - Key Screens
Global Connect Marketplace - Dashboard Overview and Custom Tiered Message
Global Connect Marketplace - Dashboard Tree Structure and Expanded View
Global Connect Marketplace - Marketplace
Global Connect Marketplace - Marketplace Product's Listing and Page
Global Connect Marketplace - Onboarding
Global Connect Marketplace - Forum
Global Connect Marketplace - Knowledge Base
Global Connect Marketplace - Account Overview and Settings
Global Connect Marketplace - Account features
Global Connect Marketplace - Product Checkout Process
Global Connect Marketplace - Design System
Global Connect Marketplace - Typeface
Global Connect Marketplace - Typographic Hierarchy
Global Connect Marketplace - Primary Colours
Global Connect Marketplace - Custom Icon Sets
Global Connect Marketplace - Grid
Global Connect Marketplace - Grid
Global Connect Marketplace - Grid
Global Connect Marketplace - Grid
Global Connect Marketplace - Grid
Global Connect Marketplace - Image Ratio
Global Connect Marketplace - Mobile App

Global Connect Marketplace - Mobile App UI Design

Global Connect Marketplace - Web UI Design
Global Connect Marketplace - Dashboard
Global Connect Marketplace - Mobile Responsive Dashboard
Global Connect Marketplace - Marketplace Listing
Global Connect Marketplace - Product Page
Global Connect Marketplace - Member's Onboarding
Global Connect Marketplace - Forum
Global Connect Marketplace - User Account
Global Connect Marketplace - Account Profile
Global Connect Marketplace - Checkout
Global Connect Marketplace - Checkout Flow
Global Connect Marketplace - Design System
Global Connect Marketplace - 12 Columns Grid
Global Connect Marketplace - 6 Columns Grid
Global Connect Marketplace - Image Ratio