2019
Popsical
UI, Website Design
UI & Visual Designer
Popsical web page e-commerce using Shopify platform. The new website rollouts in 4 markets (Singapore, Malaysia, Indonesia and Global). In this project i've been working closely with Project Manager & Developer to gain a deep understanding of customer journey, identify and fill product gaps and improve customer experience on our web products.
• Website needs to be launch in 4 different markets
• Increase conversion rate of website
• Support multiple languages, redirection based on IP location
• Set different currency & price in the di˜erent region
• Sync up stocks, integrated with Tradegecko
Ui and Visual Designer
Conducting 1-on-1 interviews with Product Manager & Head of design to nail down what Shopify Plus is all about. The new website needed to better, buying and checking out experience needed to be as simple and straight-forward as possible to prevent prospective customers from dropping out.
What is the missing feature from the current website?
How do users interact with existing products?
What are users current pain points with existing products?
Which features are essential to find popsical product?
We compared competitors strengths, weaknesses, and opportunities and highlighted areas we wanted to draw attention.
Who are we designing for?
Why do people love Popsical?
A persona was built based on the data collected to help drive decision making and keep the product focused on solving users pain points, frustrations, and goals.
This allows me to focus on key functions, elements, and actions before starting on visual design. I used wireframes throughout the redesign to help think through problems and get approval for ideas.
Black is elegant it implies empowerment, it’s minimal. Lots of web designers choose the color dark color schemefor their designs to give prominence to the content of the site. The reason for this is, manifestly, that all other colors stand out a lot more than they would against a light background, that’s why it’s usually a great choice for highlighting design and visual content.
I started developing prototype on Invision. We shared them with our customers and the team throughout the project until most of the site was coded.I asked people to say their thoughts out loud as they browsed so I knew what they were thinking as they interacted with the mockups. That feedback highlighted problem areas and validated design choices so we could finalize the project.
Initially, the time-line of this project was 6 weeks. I tried to keep it as simple as possible to keep not too far from our previous website.
We’re testing out the website speed compare to Spotify & Apple. We we beat them in mobile version while we had score 59 and Spotify 54, Apple 34.
.png)
.png)
Integrates all needs into one streamlined experience
We improved 500% checkout rate of the e-commerce website
Key Metrics: Page view, Conversion rate of the purchase & subscription funnel
% growth of subscriber from 40.000 user into 50.000
