top of page
Image by Tobias van Schneider

UI UX DESIGN

Ravlio

Ravlio is an online luxury fashion retail platform that sells the hottest fashion items from the world’s best brands and boutiques.

RAVLIO: About
iPhone 12 Pro Black-overview_2x.jpg

Product Overview

RAVLIO: Image
Work Desk

July, 2021 - Nov. 2021

Project Duration

UI UX Designer, UX Researcher

My Role

RAVLIO: List
grey metal spiral stair_edited.png

The Challenge

Many luxury clothing apps in the market give customers messy content on their home page.

The Content Fails to Draw Customers' Attention

It's our human nature that we have limited attention. Using all text on these decision making pages can be overwhelming

Search & Categories rely too much on pure text

Some loyalty programs fail to inform the users about the upcoming rewards programs.

Need Easier Access to Customer Loyalty Programs

Even with customer loyalty programs, a bad experience like return problems can cause big troubles...

Return Process are too complicated and causing bad reviews

RAVLIO: List
Image by Andrea De Santis

The Goals

After rounds of user research and competitive product research, First, I decided to focus on the Home page to provide better browsing, searching, and purchasing experience for this project. Secondly, it's the Loyalty program and Orders/Return management under the user dashboard.

The famous designer brands separate each section on the browsing page to keep the user's attention. Improve on searching suggestions by providing options to switch between categories and brands for feed personalization.

Designer Brand is the essential logic behind all the features.

Collect points to reach the next level and redeem more exclusive offers; Notification shows available rewards and level-up information. Free return service should be completed in three simple steps.

Manage Loyalty program and Orders/Returns fast and easy.

RAVLIO: List

User Flow

user flow_2x -2.png
RAVLIO: About

Solution 01

Home page.jpg

Using Designer Brand as Key Logic

Our content: Editorial section, horizontal items section, new season suggestion are all separated by designer brand for users to grasp brands they like in a second.

New Season: Be the First to Know

Discover new season clothing, footwear, and accessories; Shop labels like Dior, Celine, Saint Laurent, and more; Browse the latest trend wherever your are

Home page multiple-2.jpg
RAVLIO: Features

Solution 02

view by category.jpg

Search Box: View Searching Suggestion Based on Category.

Simply switch to the category to select categories you would like to check out.

Search Box: Choose Your Favorite Brands to Personalize Your Feed.

Switch to Brand to select your favorite brands.

View by Brand with shadow.jpg
RAVLIO: Features

Solution 03

User Dashboard_edited_edited.jpg

Manage Your Loyalty Program, Orders & Returns, and Other Settings in User Dashboard

With Loyalty Program and Orders & Returns as the most easy-to-access block, users can manage their Loyalty Program and Orders & Returns more efficiently.

Or Simply Click on Redeem Notification to Check Out Your Level and Exclusive Offers

Never miss a reward! We will notify the users if they level up or have available offers to redeem. On the My Loyalty Program page, users can check out their tier level, points progress and redeem rewards.

Loyalty Program steps.jpg
RAVLIO: Features

Solution 04

order history.jpg

Check Order Status or Initiate a Free Return

Keep track of your orders, view order summary and more details on the order details page. Scroll down and click the Return Items button will link you to the free return process.

Complete a Free Return in 3 Steps. No Need to Hustle

Select the Items you wish to return, tell us the reason about what goes wrong, review the pick up date that suit you schedule than you are all set. A courier will prepare the package as well as return label to pick up your i

Return Process.jpg
RAVLIO: Features

Go Back to Home

RAVLIO: Text
bottom of page