About
Portfolio
Resume
Pricing
About
Work
Resume
Pricing
About
Work
Resume
Pricing
Introduction
Empathize
Define
Ideate
Handoff
Presentation
Conclusion
Stakeholder
Operations Team
Ivan (CEO), Frankie (Director), Dan (Marketing Manager)
Engineering Team
‍Sri (Lead Engineer), Pathma (Engineer), Katir (Project Manager)
Timeline
18 months
UX UI Designer
Sheridan
Tools used
Figma & Webflow

> Project Overview

Company Background.

Moto-Prono is a subsidiary of Red Wheels Trading (RWT).

RWT is a key player in customisable delivery bags. Originating from Kuala Lumpur, Malaysia, RWT has become the go-to supplier for major companies like Airasia, Grab, Foodpanda, and Shopee. Growing from this success, Moto-Prono was born as a tech-focused venture.

Moto-Prono is a mobile marketplace that brings together mainstream Foods, Products, and Services on a single platform designed for communities. The company has two main goals: bringing local restaurants, merchants, and services closer to people in each community and empowering community members to become entrepreneurs by providing tools and opportunities. As Moto-Prono grows, it aims to strengthen its role as a catalyst for community-focused economic growth.

Problem.

Moto-Prono currently has a delivery platform available in both web and mobile app formats. However, the platform was created by a third-party company without conducting proper UX research. The primary issues with the platform include incomplete functionality, a lack of user-friendliness, and numerous design issues.

Goal.

In order to solve the problem, we need to:

  • Do a thorough user research to derive users’ insights, needs, goals, and pain points.
  • Redesign the whole platform in both web and mobile app formats from start to finish.
  • Create high-fidelity prototypes for usability testing and serve as a visual guide for developers.
  • Hand over designs to developers with detailed visual maps and explanations.

EMPATHIZE

> Research Overview
‍
> Competitive Analysis
‍
> User Research
‍
> Persona

> Research Overview

Research Goals.

In order to gain a deeper insight into the overall delivery and service markets, as well as to understand consumers' concerns and behaviors, we aim to:

  • To learn about the needs, goals, and pain points of each user category (Consumers, Vendors, and Riders) for the delivery services and delivery platforms.
  • To discover what features each user category desires and also what features that each user category is looking for that are currently not available on those major delivery platforms such as Grab and Foodpanda.
  • To find out the attitudes of each user category towards Moto-Prono’s one-stop delivery platform.
  • To understand how each user category thinks about Moto Prono at first glance, what current brand image/vibe conveys to them, and what they think about the brand designs.

Methodologies.

Three research methods are chosen to conduct the user research:

  • Competitive Analysis
    To learn about the direct and indirect competitors’ strengths, weaknesses, and threats so we can differentiate ourselves to achieve competitive advantages.  
  • User interview
    1:1 remote interviews with 4 - 5 participants in each user category will be conducted in order to get the first hand feedback about the app ideas and concepts . Interview scripts and questions will first be created and reviewed so insights from the feedback will be consistent and usable for analysis. Interview questions will include both qualitative and quantitative questions.
  • Secondary research
    Internet research will be conducted when there is insufficient supporting data from the user interviews. This will aid in generating additional design solutions and ideas to enhance the overall app design, thereby positively impacting the overall user experience.

> Competitive Analysis

This Competitive Analysis is divided into two sections: one focusing on direct competitors and the other on indirect competitors. This research provides a thorough understanding of competitors' strengths, weaknesses, and threats. Consequently, it aids in identifying opportunities and competitive advantages for Moto-Prono.

Direct Competitors.

To view the detailed competitive analysis of direct competitors, please click here.

Indirect Competitors.

To view the detailed competitive analysis of indirect competitors, please click here.

Grab is the largest delivery service and ride-share company in Southeast Asia. The delivery services that Grab provides are:

  • Grab: Transportation for passengers
  • GrabFood: Food delivery and pickup
    - Delivery fee ranged from Free or RM2 - RM5
  • GrabMart: Groceries, Pharmacies, Retailers, etc
  • GrabExpress: Fast courier service
    - Guaranteed 4-hour delivery service if booked between 9am - 6pm

Subscription Plan for GrabFood (Deluxe GrabFood):

  • RM25 per month
  • Free 15 Delivery orders with a minimum of RM10 spend.
  • Three RM10 off orders with a minimum of RM15 spend.
  • One 40% off (up to RM20 discount) order with a minimum of RM40 spend.

Strengths:

  • Very well-known brand in the whole SEA.
  • Available in both West and East Malaysia.
  • Very user friendly and user-centered.
  • Many vendor options.
  • Many different offers to attract and retain users.
  • Acting as an All-in-one platform for the transportation and delivery services.
  • Adopting cutting edge technology; AI.
  • Customer Loyalty: GrabRewards.
  • Constantly collaborate with different vendors to provide further values for its users.
  • Very natural and engaging User Flows and Task Flows.
  • UI Design is clean and intuitive; Simplicity is their design style.
  • Strong user security; User verification, GrabPIN integration.
  • Always keep users up-to-date with the national incidence; Covid19 updates, MCO announcements, and etc.
  • Excellent customer service.
  • Strong brand recognition; eye-catching light green brand color.
  • Services can be accessed on both web and mobile app.
  • Many payment options; GrabPay, Credit/Debit Cards, and Paypal.

Weaknesses:

  • Not having many direct competitors.
  • 30% high commission charge on all GrabFood (Food Delivery) orders
    - 20% for GrabFood (Self-Pick Up)
  • Every vendors only has ratings; No reviews
  • No group order feature

Threats:

  • The company will expand their service into many different markets as the company grows.
  • Easily disrupt the market when entering into a new and existing market.

Foodpanda is a food and grocery delivery service platform available in 12 countries. Foodpanda provides services such as:

  • Food Delivery and Pickup (Delivery fee ranged from RM2 - RM5)
  • Grocery and Merchandise Delivery and Pickup (mostly grocery stores in the platform)

Subscription Plan (Panda Pro):

  • Unlimited Free delivery for RM14.9 per month
  • Unlimited 15% off on all orders
  • Unlimited extra 5% off for pickup orders

Strengths:

  • Very well-known brand in the whole SEA.
  • Available in both West and East Malaysia.
  • Very user friendly and user-centered.
  • Many vendor options.
  • Many riders.
  • Many different offers to attract and retain users.
  • Adopting cutting edge technology; AI, big data, machine learning.
  • Customer Loyalty: Panda Pro subscription, Referral incentive.
  • Constantly collaborate with different vendors to provide additional discounts for its users.
  • Very natural and engaging User Flows and Task Flows.
  • UI Design is clean and intuitive; Simplicity is their design style.
  • Excellent customer service.
  • Very strong brand recognition; Pink Panda.
  • Services can be accessed on both web and mobile app.
  • Every vendor has ratings and reviews.
  • Group order feature.

Weaknesses:

  • Not having a strong security for payment gateway.
  • Only one payment method available; Credit/Debit card.
  • High commission rates 25-30%

Threats:

  • Foodpanda is expanding their delivery and pickup services for grocery and merchandise.

DeliveryEat is a malaysian-owned startup company. Its business model is very much like GrabFood, GrabMart, and Foodpanda. The services they provide are:

  • Food delivery
  • Grocery and Merchandise delivery

Strengths:

  • Very user friendly and user-centered.
  • Many vendor options.
  • Customer Loyalty: DeliverEat Membership Points.
  • Very natural and engaging User Flows and Task Flows.
  • UI Design is clean and intuitive; Simplicity is their design style.
  • Services can be accessed on both web and mobile app.
  • Users can combine orders from multiple restaurants.
  • Many payment options; ShopeePay, Credit/Debit Cards, FPX, Boost, and TouchNGo e-Wallet.
  • Strong security on payment gateway.
  • Upon delivery, users will need to show their verification code to drivers to ensure the right person receives the right items.
  • Every vendor has ratings and reviews

Weaknesses:

  • Available only in KL and Penang.
  • Not having many offers or promotions.
  • No express courier service.
  • No unlimited delivery subscription.
  • No group order feature
  • Not adopting cutting edge technology; AI, big data, machine learning.

Threats:

  • Brand color is the same as MotoProno’s. It might be hard to gain brand recognition in the market.

AirAsia has recently entered into the delivery service market. The delivery services that AirAsia provides are:

  • AirAsia Food: Food delivery
  • AirAsia Fresh: Grocery delivery
  • AirAsia Shop: Merchandise delivery

Strengths:

  • AirAsia’s airline business is well-known in the whole SEA. That could give certain levels of confidence to its customers when using its delivery services.
  • Unlimited Free delivery
    - AirAsia Food: Free within 15km with a minimum spend of RM15
    - AirAsia Fresh: Free with a minimum spend of RM50
    - AirAsia Shop: Free with a minimum spend of RM50
  • Acting as an All-in-one platform for travel and delivery services.
  • Customer Loyalty: BIG points and member status.
  • Excellent customer service.
  • Strong brand recognition; the new logo “a” is now very easy to recognize.
  • Services can be accessed on both web and mobile app.

Weaknesses:

  • Delivery services are currently only available in Klang Valley.
  • None of the vendors have ratings and reviews.
  • No group order feature.
  • Not many vendor options.
  • User Flows and Task Flows are not natural and intuitive
  • The mobile app feels heavy to use.
  • Only one payment option; BigPay = Credit/Debit cards.
  • No express courier service.
  • There are too much information and Call-to-actions on the web and app homepage, making users unsure where to focus.

Threats:

  • AirAsia’s delivery service is still under development. Hence, it is yet not much of a threat to the delivery industry.
  • Brand color is the same as MotoProno’s. It might be hard to gain brand recognition in the market.

Lalamove is a courier service company and has recently gained its popularity in Malaysia. Lalamove mainly provides express delivery services.

Strengths:

  • No commission fee
  • Very affordable delivery fees
    - Prices vary depending on the distance and type of vehicle used.
  • It can deliver pretty much anywhere and everything
    - Food
    - Small items
    - Large and bulky goods
    - Valuable and delicate goods
  • Very user friendly and user-centered.
  • Very natural and engaging User Flows and Task Flows.
  • UI Design is clean and intuitive; Simplicity is their design style.
  • Excellent customer service.
  • Strong brand recognition; eye-catching bright orange brand color.
  • Services can be accessed on both web and mobile app.
  • Users get to choose the type of vehicles they want for their delivery.
    -Motorcycle
    - Car
    - 4 X 4 Pickup
    - 7 or 9 -ft Van
    - 1 or 3 -ton lorry

Weaknesses:

  • Only one payment method; Mandatory top up with credit/debit card.
  • Only available in two areas; KL and Johor Bahru.
  • Customers cannot pay the vendors using the same app; a separate payment method is needed.

Threats:

  • Lalamove provides delivery services to users with different needs. Hence, its business model is not directly competing with MotoProno’s.

GoGet is another Malaysian-owned startup company. It is an on-demand workforce platform that allows people, who are called GoGetters, to easily look for flexible part-time jobs in their city and companies who need temporary workers to increase productivity and save costs. GoGet mainly focuses on providing services such as delivery, picker/packer, general labour, event staff, promoter, caller, pet care and many more.

Strengths:

  • Affordable delivery fee; starting from RM5 per 0-5km. Prices vary depending on the type of vehicle.
  • Fully customisable API integration.
  • Service providers available in Logistics, Sales/Marketing, Administration, Operations, Home, and Life.
  • Every service provider/GoGetter is strictly verified for the jobs they can do.
  • All GoGetters’ profiles show their rating, number of jobs completed, number of people favorited, verified skills, services they can provide and have experience on. This will allow the companies or posters to hire the right person for the right job.
  • Very user friendly and user-centered.
  • Very natural and engaging User Flows and Task Flows.
  • UI Design is clean and intuitive; Simplicity is their design style.
  • Excellent customer service.
  • Services can be accessed on both web and mobile app.
  • Provide the job and pay security to its gig workers.
  • GoGet’s platform also has career-building features, including online trainings and networking tools, so workers can learn new skills and prepare for jobs that require different skill sets.
  • Pay per hour is set. Gig workers with certain types of jobs are guaranteed a fair pay.
  • Acting as a job creation platform.
  • Payment methods; credit/debit cards, online transfer, and Cash.

Weaknesses:

  • GoGetters are charged for each completed job with a 20% commission.
  • Pay per hour is set, meaning that some skilled jobs may be underpaid.
  • Only available in Klang Valley, Penang, and Johor Bahru.

Threats:

  • GoGet is a fast growing company and is expected to grow even more with the current pandemic situation where many people are looking for jobs to make a living.

Competitive Analysis Findings.

  • Every platform has its own specialty that attracts different types of users.
  • Competition in this industry is high so we need to come out with different values and competitive advantages to differentiate ourselves from our direct and indirect competitors.
  • Companies that are successful are now adopting:
    - Simplicity design style.
    - User-centered design principles.
    - Cutting-edge technology; AI, Big Data, Machine Learning.
    - Strong security in protecting personal information and payment gateway.
    - Many different payment methods.
    - Protection in terms of mutual interest is very much needed for all involved users (customers, vendors, and riders).
    - Excellent customer service.
  • Easy brand recognition must be established in order to gain market exposure.
  • The brand image/vibe needs to convey clearly and consistently to the users.    
  • Customer loyalty program is needed to retain and attract customers.
  • The platform can be accessed from different device screens; responsive design.

Moto-Prono’s Competitive Advantages.

  • MotoProno is the first one-stop online marketplace in Malaysia that seamlessly connects customers with businesses of all foods, products, and services.
  • Low commission charges for vendors; 10% per transaction.
  • Unlimited 10% referral commision.
  • Many different customisable bag options tailored to meet different delivery needs that provide customers, vendors, and riders the best delivery experience.

> User Research

Creating an interview guide will aid in conducting 1:1 interviews consistently by asking the same designed questions. Hence, the responses from participants will be consistent and usable for deriving insights. View User Research Plan,  Interview Script, and Interview Records for Consumers, Vendors, Riders.

Research Debrief - Consumer.

Here are the valuable findings derived from the 1:1 interviews:

  • Ewallet is a must-have tool as it brings convenience and payment security to users. Ewallet also acts as a loyalty program because it keeps users to stay with the platform.
  • Having many different payment methods will meet consumers’ different payment needs.
  • Coupons/vouchers are one of the main determinants that motivates consumers to use the delivery service. Thus, having continuous promotions will help bring consumers back.
  • Using delivery platforms to buy merchandise and groceries is still not prevalent. Consumers still prefer to shop in person. Thus, a stronger marketing effort needs to be done or more values need to be created to attract consumers.
  • App users have very low patience when it comes to using a mobile application. They hate seeing the app take too long to load. Hence, having a very responsive app is essential.
  • Consumers are very open to trying new platforms as long as many vendor options, exclusive vendors, convenience, security, good customer support, reasonable charges, easy interface, and promotions are provided to them.
  • For service providers, consumers will need some levels of protection such as ID verification, license, ratings, reviews, and pictures.
  • Consumers usually choose a platform over the other one based on the company’s popularity or the one that meets their needs.
  • Most consumers tend to be price sensitive.
  • Consumers started to use more delivery services during the pandemic.

Features that consumers hope to see in a delivery platform:

  • Keyword suggestions when doing a search.
  • When ordering a food delivery for someone in a different area, consumers would like to be able to share the whole delivery status with the person.
  • Food menu shows the original food pictures, ratings, and reviews of each food.  
  • Discount codes could be applied automatically at the checkout.
  • Promotions are shown somewhere very prominent on the page as this will help consumers decide what to order.
  • Search result preference. For example, when searching for burgers, the search result should only show all the burgers on the platform instead of showing all the restaurants that sell burgers.
  • Auto language translation.
  • A very detailed and full live delivery status.
  • Pickup notifications when riders are getting close to the destination.
  • Consumer ranking program. High ranking consumers get exclusive rewards and “VIP” treatments.
  • Customizable homepage.

Research Debrief - Vendor.

Here are the valuable findings derived from the 1:1 interviews:

  • A 30-35% commission charge is too high for vendors.
  • Vendors use delivery platforms to help them gain more businesses, advertise their business, and meet their customers’ need for delivery service.
  • Efficient and fast responding Customer Support is deemed as very important to vendors.
  • Vendors need a reliable merchant app that is easy to use and improves the efficiency of their business operations.
  • Merchants are willing to try a new platform as long as it can bring traffic to their business and it charges a lower commission.
  • Merchants need some levels of control over their store menu.
  • Vendors need Payment protection/security from the platform.
  • Being able to contact customers directly is very important for the vendors because there might be last-minute changes to the order.
  • For service providers, they need ID verification, ratings, and reviews from the customers for safety purposes.

Features that consumers hope to see in a delivery platform:

  • Allow vendors to call or chat directly with customers.
  • For service providers, they would like to see features like appointment management and appointment reminder features.

Research Debrief - Rider.

Here are the valuable findings derived from the 1:1 interviews:

Every rider platform has its pros and cons. Grab and Foodpanda are two different platforms that manage their riders differently and meet different needs of the riders. However, the pros of these two platforms can intersect to create a new working environment and culture that improve the overall user experience of the riders.

Secondary Research for Rider Users

Since I have limited access to riders that I can interview due to the current MCO situation, the solution to this issue is to get the insights from the app reviews of our main competitors and to find out what are the needs and pain points that the riders currently have with the platform that they are working for. I will be analysing riders of Grab and Foodpanda only because they are the two main players and they have set a standard in the delivery industry. 

After reading so many reviews of the recent dates, the patterns of the problems that riders have are very obvious:

  • Grab Riders: Login Verification, Logistic, Customer Support, Pay, App Bug, and App Design.
  • Foodpanda Riders: App Bug, App Design, Battery Draining, and Work Shifts.

> Persona

Based on the findings from the user interviews, Esther, Ally, and Jason emerge as the most representative examples of the interviewees' characteristics, behaviors, goals, needs, and pain points.

Consumer Persona

Vendor Persona

Rider Persona

DEFINE

> Feature Roadmap

> User Flow

> Feature Roadmap

Using the data and insights gathered from the research stage, I progressed to the define stage. Here, I utilized a Feature Roadmap to determine which features were essential for inclusion in the product design and which could be considered for future implementation. The roadmap categorized features into four levels: P1 (Must-have), P2 (Nice-to-have), P3 (Surprising & delightful), and P4 (Can come later).

Consumer

Vendor

Rider

> User Flow

Based on the customer, vendor, and rider personas, the User Flows for each app outline the complete range of potential user tasks and journeys.

Consumer App

Rider App

Vendor App

Service Vendor App

IDEATE

‍> Redesign

> App Icon Redesign

> UI Kit

> Redesign

The design strategy here involves applying design principles to enhance users' usability, learnability, and accessibility. This includes eliminating, reorganizing, and readjusting distracting UI elements, adding more breathing space, and emphasizing key elements that require users' attention. All designs have been presented to stakeholders and received their approval.
The app development is separated into two phases: Development 1 focuses on basic features, while Development 2 incorporates advanced features. As a result, my design and handover work need to align with the requirements of each respective phase. However, the designs presented below include features from Development 2 to provide a comprehensive view of each design.

Moodboard.

Before starting the redesign, I held meetings with all stakeholders to explore the desired aesthetics and design preferences. Following these discussions, they granted me complete autonomy over the designs, as long as the apps and website look clean and are easy for users. To get ideas, I looked at different inspirations on the internet and created the moodboard below.

Customer App Redesign.

I started with the design of the Customer App, as it was the initial focus of the redesign requested by the stakeholders. By comprehensively addressing the Customer App, it served as a foundational UI style guide for creating the designs of the subsequent Vendor and Rider Apps.

NOTE: Since I have signed a Non-Disclosure Agreement (NDA), I am only permitted to showcase a limited selection of the UI designs for portfolio purposes.

Original Homepage

Original Product Detail Page

Original Cart Page

Original Order Detail Page

Redesigned Homepage

Redesigned Product Detail Page

Redesigned Cart Page

Redesigned Order Detail Page

Vendor App Redesign.

The developers requested me to create designs for both the Lite App version and the Web Panel version. They explained that incorporating all features into the vendor mobile app would make it too heavy to operate effectively. As per the developers' request, the following displays the corresponding designs.

NOTE: Since I have signed a Non-Disclosure Agreement (NDA), I am only permitted to showcase a limited selection of the UI designs for portfolio purposes.

Original Homepage

Redesigned Homepage

Original Order Detail Page

Redesigned Order Detail Page

I modified the initial mobile design to a web panel design for features that are user-friendly on the web and those that require more system resources to function effectively. The corresponding designs are displayed below:

Original Statement Page

Original Add Product Page

New Design - Statement Web Panel

New Design - Add Product Web Panel

Rider App Redesign.

For improved safety during rides, the Rider App incorporates both light and dark modes, tailored to assist riders making deliveries at various times of the day.

NOTE: Since I have signed a Non-Disclosure Agreement (NDA), I am only permitted to showcase a limited selection of the UI designs for portfolio purposes.

Original Dashboard Page

Original Statement Page

Original Job Page

Original Menu Page

Redesigned Dashboard Page
(Light Mode)

Redesigned Statement Page
(Light Mode)

Redesigned Job Page
(Light Mode)

Redesigned Menu Page
(Light Mode)

Redesigned Dashboard Page
(Dark Mode)

Redesigned Statement Page
(Dark Mode)

Redesigned Job Page
(Dark Mode)

Redesigned Menu Page
(Dark Mode)

Website Redesign.

As Moto-Prono's website serves the sole purpose of marketing and providing information, it doesn't necessitate complex backend programs. To enable developers to fully concentrate on the app development, I proactively undertook the website development using Webflow, a website builder platform. I chose Webflow over other platforms primarily for its flexibility in crafting and customizing interactions and animations.

NOTE: Since I have signed a Non-Disclosure Agreement (NDA), I am only permitted to showcase a limited selection of the UI designs for portfolio purposes.

Original Consumer Page

Original Vendor Page

Original Rider Page

Redesigned Consumer Page

Redesigned Vendor Page

Redesigned Rider Page

> App Icon Redesign

Moto-Prono's original app icons utilized elements from the brand logo to ensure design consistency. However, there were two design issues with the original app icons. The first issue was that they didn't effectively communicate the brand and its business. The second problem arose from the design elements being prone to getting cut off, particularly when the app icon shape changed, such as from square to circle, depending on the user's phone operating system. It's crucial to have a responsive design that accommodates various icon shapes. To enhance brand recognition and recall, the new app icons incorporated a die-cut shopping bag handle design, while also retaining consistent design elements from the brand logo.

Brand Logo

Original Consumer App

Original Vendor App

Original Rider App

Redesigned Consumer App

Redesigned Vendor App

Redesigned Rider App

Future Brand Logo Design.

Based on the user interview responses regarding the brand logo, it was deemed either outdated or not reflective of the brand and its business. Consequently, I took the initiative to request a change in the brand logo design. Fortunately, the CEO responded positively; however, the decision was made to retain the original logo for the time being. This choice was influenced by the logo's existing exposure in certain areas and the fact that many delivery equipment items had already been printed with the original logo. To avoid confusing users and utilizing existing resources, Moto-Prono's brand logo will remain unchanged until all delivery equipment is sold out, and all three business categories (Foods, Products, Services) are fully operational. Despite this, I have presented an example of the potential future logo design and provided an explanation of how the new design can effectively communicate Moto-Prono's brand and business:

  • It represents M and P.
  • When the logo rotates 90 degree, the logo turns into 3, which symbolizes the three core business categories of the app.
  • Entrepreneurship; Red symbolizes Rider and Black symbolizes Business. It could mean that being a delivery rider is the first goal and then having own business is the ultimate goal.
  • The logo is in a climbing motion representing MP is striving toward constantly improving the company and everyone’s life in every community.
  • Splash screen animation; the logo in motion to the right symbolizes speed, efficiency, and swift delivery like bullet trains.

Splash Screen Animation

> UI Kit

After creating a design composition, I gathered all the elements I've used in all my designs, including their various states, and organized them into a comprehensive UI Kit with expanded details and information.

Handoff

> Screen Flow

> Prototype

> Screen Flow

To facilitate the transition from Figma designs to developers, I created detailed visual maps utilizing product screens, colored arrows, and detailed explanations to comprehensively illustrate the functionality of each feature. This helps developers gain a thorough understanding of the entire user flow from start to finish. Below is an example showcasing the comprehensive user flow of a Chat Box feature within the Service Vendor App.

> Prototype

Following the completion of all screen flows, the next step is to develop high-fidelity prototypes featuring animations and states to emulate fully functional apps. This method visually assists developers in comprehending the visual and interactive aspects of the apps. Furthermore, these prototypes were incorporated into all investor presentations to highlight the operational aspects of the apps.

Consumer App - Marketplace Flow.

This prototype illustrates the process of a consumer making a purchase on the Marketplace platform and the subsequent delivery of the product to the customer.

NOTE: Since I have signed a Non-Disclosure Agreement (NDA), I am only permitted to showcase a limited selection of the prototypes for portfolio purposes.

View prototype

Consumer App - Service Flow.

This prototype demonstrates the process of a consumer searching for a service, making appointments, and finally receiving the service.

NOTE: Since I have signed a Non-Disclosure Agreement (NDA), I am only permitted to showcase a limited selection of the prototypes for portfolio purposes.

View prototype

Presentation

> Investor Presentation

> Investor Presentation

During the initial months of developing Moto-Prono's apps, the company faced financial challenges caused by ongoing Covid-19 lockdowns and Movement Control Orders (MCO). To attract investors for the project, the CEO had the opportunity to meet with potential investors. In order to enhance the likelihood of securing investments, I proactively took the lead in improving the visual appeal of the CEO's presentation slides.

Bank Negara Malaysia (Central Bank of Malaysia).

Bank Negara was actively seeking investment opportunities in local startup companies that demonstrated a commitment to environmental well-being and sustainable practices. Notably, one of Moto-Prono's future vision approaches aligned with promoting green initiatives for the betterment of every community. As a result, we were thrilled to be shortlisted by Bank Negara among many other startup companies, providing us the opportunity to present our business ideas and visions.

NOTE: Since I have signed a Non-Disclosure Agreement (NDA), I am only permitted to showcase a limited selection of the presentation slides for portfolio purposes.

RWT Collaboration.

Moto-Prono actively engaged in several business projects in collaboration with its parent company, RWT. One of these projects is displayed below.

NOTE: Since I have signed a Non-Disclosure Agreement (NDA), I am only permitted to showcase a limited selection of the presentation slides for portfolio purposes.

> Reflection

Moto-Prono is currently on hold due to the inability to secure sufficient investments for supporting operational costs and app development. While it is disheartening not to see the apps go online, this experience has been a tremendous learning opportunity for me. As the sole designer, I had the opportunity to take a leadership role in making all design decisions and overseeing the entire app and web development process. This has further honed my skills in effective communication with stakeholders and in gaining a deep understanding of the app development processes.

The most notable challenge at Moto-Prono was the need to compress the timeline for the entire design process. Conducting UX research from scratch in a tight timeframe was particularly demanding, especially given the absence of prior research. The decision to shorten the design process timeline was primarily driven by the poor initial development of the apps by a third-party company, leading to multiple delays in the projected app operation time.

Another challenge I encountered was the absence of the opportunity to collaborate with a senior designer. Although working independently was fulfilling, I had hoped for the chance to learn new tips and tricks from a more experienced colleague. Despite these challenges, I am grateful for the valuable learning experiences they provided, recognizing that each challenge is an opportunity for personal and professional growth. As I continue to build my career, I eagerly anticipate facing and overcoming more challenges in the future.

OTHER CASE STUDIES

Event Planner

Gather

Identified users’ current pain points, needs, and goals for event planning, and solved their problems by creating and designing an all-in-one event planning mobile app for the Android OS.

View case study

Delivery

Doordash

Made Doordash a fully one-stop platform by seamlessly adding in-demand features such as 'Favorite restaurants and orders', 'Leave a review for both restaurants and drivers', and 'Save orders' into Doordash’s iOS app.

View case study

Home Bakery

Baby Baker

Worked with a local home bakery owner to create and design the company’s branding and responsive sites for desktop, tablet, and mobile screens.

View case study

Time Travel

Zeit

Identified users’ current pain points, needs, and goals for time traveling, and solved their problems by creating and designing responsive layouts for desktop, tablet, and mobile screens.

View case study