Lelong.my Mobile App
Project Duration
May 2014 - May 2015
Team
1 x Product Manager
1 x iOS Developer
1 x Android Developer
1 x UI/UX Designer
Company
Lelong.my
My Role
As the sole UI/UX person in the company at that time, I was tasked to drive the redesign initiative of existing Lelong.my app. I primarily focused on making the browse flows and the purchase flow seamless and intuitive for the existing user base as well as new users.
Background
An earlier version of the Lelong.my apps were developed hastily without taking any UX consideration due to the FOMO trend with other local e-commerce players. Both apps on iOS and Android platforms looked and behaved differently, as independent teams developed them with varying timelines.
The company decided to revamp the apps to provide a better user experience and to increase the conversion rate. The apps were redesigned to be more user-friendly and to have a consistent look and feel across both platforms.
The team main charter was to come out and develop a single experience that works across the platform with consistent icon sets, typography, UI patterns, and brand language.
Ideation & Process
Impulse Buying Home Page
In the previous versions of the app, the user is welcome by a landing page that is filled with a single promo of the day poster and that's about it. Inspired by Alibaba’s TMall and Taobao, I designed a further developed home page by showcasing interesting curated products for that week.
This home page helps new users to glimpse through what are the latest deals in every category in a glance. It also generates new impulse buying feeling to all users will then counted as a conversion.
Seamless Browsing
We try to develop a shopping experience that both satisfy the old and new users. Initially, as we gathered more info on how our user use the app, we have found that old/seasoned user will start looking at their desired product by using the search bar filter function.
In order to facilitate that experience, I went for a full blown category listing that is alphabetically arranged accessible from the sidebar. Under this listing also, I gathered top categories that user tend to purchase from such as Fashion, Home & Living, 3C (computer, communication, and consumer electronics) and place them under the selected category.
Wireframing on paper help to play an integral part in the iteration process. Later on, I transferred all this lo-fi mockup into Sketch and then InvisionApp to share the flows with the team and other stakeholders.
Private Message with Merchant
Although the web version of Lelong.my platform allows the user to message merchant directly. The app, unfortunately, does not. We really want the conversation to be short and concise, and it should be about the product offered by the merchant.
The main hurdle with this feature was to determine which is the best entry point for the user to initiate the conversation; Is it at the Store Page or at the Product Page.
Since we did not want to limit this function, we decided to place it at both points. However, the logic will automatically feature the latest item purchased from the seller by the user at the top of the conversation bubble.
Visual Design
Restrospective
This project helps me to embark my journey into Product Design full time. I learned heaps of new UX fundamentals and also some critical skills in dealing with developers and project managers. I also picked up reading more seriously especially in the product design topics.
Honestly, this project does not look that good and polished when we release its new design later that year. However, we did receive positive feedback from our users stating that the latest experience was far seamless than before.
My proudest moment was when Lelong.my app was ranked top 3 in the Google Play Store at that time in the category of online shopping.
Next