HKTDC Mobile App UX Design & Agile Development - Motherapp
Case study: HKTDC Mobile App UX Design & Agile Development
We helped HKTDC make app history and brought their print magazines to mobile.
UX Meets Agile for HKTDC
STEP 1. Learning HKTDC’s Business
Before starting the UX Design and Agile Development project, we looked into HKTDC’s Business. The Hong Kong Trade Development Council (HKTDC) is the international marketing arm for Hong Kong-based manufacturers, traders and service providers. It has 40 offices around the world and spans 6 continents. Its goal is to act as a platform for overseas buyers doing business with China and Asia, and to provide information via trade publications and research reports.
STEP 2. Identifying Mobile Challenges
HKTDC is a large organization with exhibition, publication, e-commerce, product promotion and research divisions. The challenge we faced was to figure out which of all the possible UX design and agile development mobile solutions provides the largest Return on Investment (ROI) for each HKTDC division.
STEP 3. Defining The Process
For a complex organization like HKTDC, we first performed a Mobile Opportunity Analysis to determine which areas mobile would be most effective in terms of both UX design and agile development Solution. We learned that:
Organizing the trade fair is a top revenue source of HKTDC
The HKTDC magazines provide vital information for potential visitors
However, the magazines are quite bulky and not easily accessible to overseas visitors
We recommended putting the magazines on the iPad to make them easily accessible. Next we focused on HKTDC and visitor objectives and discovered HKTDC wants to:
Increase the number of contacts between buyers and sellers
Increase the revenue of HKTDC
Decrease the operational work needed to operate the mobile platform
And their visitors want to:
Know who is exhibiting at the fair
Easily contact exhibitors at the fair
STEP 4. Finding Solutions
Therefore, in designing the HKTDC mobile app, Motherapp developed:
A portal that provides easy access for all the magazines by consolidating them into a single app, and enabling potential visitors to browse the magazines with ease.
A simple button that allows buyers to reach the sellers: The goal of HKTDC is to connect buyers and sellers. The magazine shows the sellers’ products in the trade shows. When a buyer finds an interesting product in the magazine, they can just click the “Contact” button to send a message to the seller.
Progressive app download: Some magazines have hundreds of pages, and it takes quite a while to download the whole magazine at once. We developed a progressive download in the app where the users can start looking at the magazines when the first few pages are downloaded.
A user friendly Content Management System (CMS) to facilitate the content upload: The existing physical magazines are based on PDF. We designed a CMS where HKTDC can easily upload the PDF, create the iPad digital books for internal approval, and publish the content to their customers. The CMS also allows them to manage and update all the magazines in the book portal.
API Design: We helped formalize the API with the technical team so that there would a clean communication between the app and the server.