Beyond Shopping: From Inspiration to Product

Beyond Shopping: From Inspiration to Product

LINE Travel

2021 — 2023

2021 — 2023

Beyond Shopping:

From Inspiration to Product

Beyond Shopping: From Inspiration to Product

Beyond Shopping:

From Inspiration to Product

LINE Travel is an e-commerce platform developed by LINE, the iconic Asian communication app. It offers travel shopping guides and price comparison features to meet diverse travel needs, while also providing LINE POINTS rewards to support both online and offline consumption cycles. In response to the global pandemic, LINE Travel redefined its strategy and positioning, continuously optimizing the user experience and creating new service value.

Creative Direction

Creative Direction

Design System

Design System

Interaction

Interaction

App

App

UXUI Design

UXUI Design

Prototype

Prototype

Website

Website

Scrum

Scrum

Goal & Strategy

Goal & Strategy

After Covid-19 : From Purchasing Only to Exploring First

After Covid-19 : From Purchasing Only to Exploring First

LINE Travel rethinks the shopping journey to better guide users from inspiration to purchase. By creating a seamless content-to-product experience, we aim to expand our user base and reach potential travelers beyond those with immediate plans.

Shopping Journey

Shopping Journey

User Growth

User Growth

Role

Role

End to End Design

End to End Design

Working in a Scrum framework with Business, PM, developer, and QA. I oversee end to end design tasks. From problem definition to design deliverable and design system maintenance.

Challenge

Challenge

Development Resource Constraints

Development Resource Constraints

We coordinate and prioritize tasks to ensure timely deployment of new features, keeping pace with current societal expectations.

Impact

Impact

20% GMV Increase

20% GMV Increase

Over the past year, resulting in steady growth in metrics. By leveraging topic curation to align with travel trends, we achieved a maximum 20% increase of GMV in a single month.

Problem

Problem

Scattered Content Fails to Convert Orders

Scattered Content Fails to Convert Orders

The lack of systematic content limits browsing opportunities and weakens the connection between exploration and order conversion.

The lack of systematic content limits browsing opportunities and weakens the connection between exploration and order conversion.

Difficulty Finding Desired Products

Poorly tailored UX and weak search functionality make it difficult for users to find what they need.

Challenge in User Base Expansion

Challenge in User Base Expansion

Relying solely on official account message pushes makes it difficult to attract and engage users with potential purchase intent.

Relying solely on official account message pushes makes it difficult to attract and engage users with potential purchase intent.

Hypothesis

Hypothesis

Connecting Inspiration to Action

Topic curation provides travel inspiration, strengthens the content-to-product flow, and drives order conversions.

Topic curation provides travel inspiration, strengthens the content-to-product flow, and drives order conversions.

Tailored Search for More Precise Results

Tailored Search for More Precise Results

Customize search functionalities based on different product features, and provide clearer, structured criteria to deliver more accurate results.

Customize search functionalities based on different product features, and provide clearer, structured criteria to deliver more accurate results.

Planning Tools to Boost Engagement

Planning Tools to Boost Engagement

Since most users prefer self-planned trips, providing planning tools increases service usage, enriches content offerings, and enables more precise targeting of users with purchasing intent.

Since most users prefer self-planned trips, providing planning tools increases service usage, enriches content offerings, and enables more precise targeting of users with purchasing intent.

Expanding Exposure via Group Discussions

Expanding Exposure via Group Discussions

Integrate chatrooms and group features to facilitate travel discussions among friends, expanding service exposure to potential users through social sharing.

Integrate chatrooms and group features to facilitate travel discussions among friends, expanding service exposure to potential users through social sharing.

Whole Picture

Whole Picture

Design Process

Design Process

Before I joined the team, preliminary research—including internal workshops, surveys, and in-depth interviews—had been conducted to define product goals and direction.

After joining, I collaborated on developing the product roadmap based on business objectives and user insights. We prioritized and phased project items, discussing how to seamlessly integrate new features into the existing environment while considering design systems and future scalability. Throughout the process, we ensured continuous alignment within the team and actively communicated with developers on technical feasibility and execution. I was responsible for producing design deliverables, building prototypes, conducting user testing, and tracking data effectiveness for ongoing iterations.

1

1st Internal Workshop

Discuss current status with cross-departmental members, gather ideas for future direction, and define target users.

2

Survey and User interviews

1 month-long questionnaire deployment, retrieval, and analysis. Invite users for in-depth interviews.

3

2nd Internal Workshop

Integrate results from survey and interview, along with business goals and ideas, to define core issues.

4

Vision and Mission

Define service vision with business team and product manager, and make a consensus with team members.

5

Strategy and Roadmap

Based on target vision, build a product roadmap, set priorities, and break down into different phased project.

6

Phased Project and Hypothesis

Define problems and pain points based on project scope, refer to data and research, then propose hypothesis.

7

Wireframe and Feasibility

Create wireframe and flowchart for discussion, ensure team consensus, and discuss development constraints.

8

Prototype and Specification

Deliver design specification documents. For complex features, will create prototype to facilitate communication.

9

Testing, Validation, Iteration

Conduct design testing before launch. Track data performance, validate hypothesis, and continuously iterating.

Principles

Principles

Consistency

Align with LINE family service's basic operation, and ensure a consistent experience across various product types to reduce the learning curve.

Consistency

Align with LINE family service's basic operation, and ensure a consistent experience across various product types to reduce the learning curve.

Consistency

Align with LINE family service's basic operation, and ensure a consistent experience across various product types to reduce the learning curve.

Intuition

LINE users span diverse ages and background, need clear interface cues and text communication for easy understanding across all users.

Intuition

LINE users span diverse ages and background, need clear interface cues and text communication for easy understanding across all users.

Intuition

LINE users span diverse ages and background, need clear interface cues and text communication for easy understanding across all users.

Scalability

As service in a growth phase with many experimental projects, using ”atomic components” for effective management of structure.

Scalability

As service in a growth phase with many experimental projects, using ”atomic components” for effective management of structure.

Scalability

As service in a growth phase with many experimental projects, using ”atomic components” for effective management of structure.

Home

Home

Efficiently Find Inspiration and Benefit

Efficiently Find Inspiration and Benefit

During holidays or marketing events, there's a significant increase in travel demand. Some users search for inspiration using popular keywords. Hence, we organize relevant products, discounts, articles, and itineraries under "topic curation category". Ensuring this information is visible on the homepage's first screen, and provide users with an easier way to start exploring inspiration by simply scrolling down, replacing the complex manual search process.

During holidays or marketing events, there's a significant increase in travel demand. Some users search for inspiration using popular keywords. Hence, we organize relevant products, discounts, articles, and itineraries under "topic curation category". Ensuring this information is visible on the homepage's first screen, and provide users with an easier way to start exploring inspiration by simply scrolling down, replacing the complex manual search process.

Calculate Amount of Reward Earned

Calculate Amount of Reward Earned

LINE POINTS play a crucial role in LINE e-commerce family service. Users pay special attention to products with "high points rewards," but the merchandise featured on LINE Travel tends to be higher priced, resulting in lower reward rates from most partner brands. We directly calculate and display the points users can earn to capture their attention and encourage further purchase.

LINE POINTS play a crucial role in LINE e-commerce family service. Users pay special attention to products with "high points rewards," but the merchandise featured on LINE Travel tends to be higher priced, resulting in lower reward rates from most partner brands. We directly calculate and display the points users can earn to capture their attention and encourage further purchase.

Staggered Masonry Grid Layout

Staggered Masonry Grid Layout

We utilize a staggered card design, adjusting the proportions of the cards to increase variability. Users focus more on the visuals as they scroll down. At the same time, encourage users to keep scrolling down to browse more content, and increasing the time spent exploring inspiration.

We utilize a staggered card design, adjusting the proportions of the cards to increase variability. Users focus more on the visuals as they scroll down. At the same time, encourage users to keep scrolling down to browse more content, and increasing the time spent exploring inspiration.

Holiday Event Experience

Holiday Event Experience

Over 70% of users come to LINE Travel after receiving push notifications from official accounts, especially during holidays. Insights from 2023 research mentioned that showing holiday-themed interfaces increase browsing and click rates. We'll design holiday interfaces to enhance the shopping experience and maintain consistency when users transition from official accounts to LINE Travel.

Over 70% of users come to LINE Travel after receiving push notifications from official accounts, especially during holidays. Insights from 2023 research mentioned that showing holiday-themed interfaces increase browsing and click rates. We'll design holiday interfaces to enhance the shopping experience and maintain consistency when users transition from official accounts to LINE Travel.

Search

Search

Precisely and Effectively Find Desired Products

Precisely and Effectively Find Desired Products

When users have shopping intention but haven't defined search criteria, such as time, number of people, many go for global search. However, with LINE Travel encompasses various product types, the search results can be overwhelming and may not match what users are looking for right away.

Simplify the search process for users by providing predefined search criteria and clear category icons. As users scroll, icons collapse to maximize visibility and allow quick browsing through search results.

When users have shopping intention but haven't defined search criteria, such as time, number of people, many go for global search. However, with LINE Travel encompasses various product types, the search results can be overwhelming and may not match what users are looking for right away.

Simplify the search process for users by providing predefined search criteria and clear category icons. As users scroll, icons collapse to maximize visibility and allow quick browsing through search results.

Distance between Product and Destination

Distance between Product and Destination

We found that many users consider the "distance" between products and attractions when planning a trip. Therefore, when users search for attractions, the backend will include the latitude and longitude of the attraction and calculate its distance from other attractions, hotels, tickets, and other products, allowing users to conveniently plan their trip.

We found that many users consider the "distance" between products and attractions when planning a trip. Therefore, when users search for attractions, the backend will include the latitude and longitude of the attraction and calculate its distance from other attractions, hotels, tickets, and other products, allowing users to conveniently plan their trip.

Search Suggestion for Different City Name Translation

Search Suggestion for Different City Name Translation

LINE Travel obtains product data from multiple suppliers. In some cities and countries, translation variations cause issues when users search with different translated names. To tackle this, we'll introduce "search suggestion" feature to match various translations for the same city.

Additionally, the system can recognize English city names and provide corresponding Chinese city information.

LINE Travel obtains product data from multiple suppliers. In some cities and countries, translation variations cause issues when users search with different translated names. To tackle this, we'll introduce "search suggestion" feature to match various translations for the same city.

Additionally, the system can recognize English city names and provide corresponding Chinese city information.

Product Search

Product Search

Smarter Product Types Switching and Auto-Input

Smarter Product Types Switching and Auto-Input

When planning a self-guided trip, users may need to switch between different types of products such as hotels, tickets due to detailed itinerary arrangements. We provide the easy switching tab without returning to the homepage. After entering a location, the system automatically fills in the same location as the default option, making trip planning more efficient.

When planning a self-guided trip, users may need to switch between different types of products such as hotels, tickets due to detailed itinerary arrangements. We provide the easy switching tab without returning to the homepage. After entering a location, the system automatically fills in the same location as the default option, making trip planning more efficient.

More Efficient Search Input

More Efficient Search Input

The previous legacy version required users to open another page to input search criteria, while the new version utilizes a Bottom Sheet to minimize page switches, allowing users to stay on the same screen to complete search criteria input.

Keep the Previous Search Criteria

Keep the Previous Search Criteria

In travel planning, it's common to search for the same criteria multiple times to check for price changes, such as flight ticket. By retaining the previous search criteria, users can conveniently plan their trips and compare prices more effectively.

More Readable and Flexible Interface

More Readable and Flexible Interface

Tailored interface interactions for various product types. For hotels, users can view and swipe on the images for hotel selection. For experience tickets, images are usually not the primary consideration, so we also provide the list format to allow users to browse more results efficiently.

Tailored interface interactions for various product types. For hotels, users can view and swipe on the images for hotel selection. For experience tickets, images are usually not the primary consideration, so we also provide the list format to allow users to browse more results efficiently.

Dynamic Search Result Counts

Dynamic Search Result Counts

By displaying the number of search results in filter, users are reminded to avoid situations where no search results are generated.

Loading! Reduce User’s Impatience

Loading! Reduce User’s Impatience

LINE Travel loads a large amount of data from multiple partner platforms during the search process. To avoid prolonged waiting times, we display the loaded content first. Meanwhile, using animations and text to softly communicate the loading status, reducing user impatience.

Detail Page

Detail Page

Connection from Content to Products.

Connection from Content to Products.

Most users typically start their search for inspiration from articles or attractions. They may be intrigued by the content of an article or travelogue, leading them to seek related product recommendations.

Most users typically start their search for inspiration from articles or attractions. They may be intrigued by the content of an article or travelogue, leading them to seek related product recommendations.

Provide users with key information they rely on when making purchasing decisions, such as aggregated reviews from multiple platforms and the opening hours of attractions.

Provide users with key information they rely on when making purchasing decisions, such as aggregated reviews from multiple platforms and the opening hours of attractions.

Price Down Tracking Notification

Price Down Tracking Notification

Offer price tracking feature for easily monitoring fluctuating prices of travel products. Linked with LINE official accounts, users receive instant push notifications whenever there's a price change, keeping them informed about the latest price fluctuations.

Offer price tracking feature for easily monitoring fluctuating prices of travel products. Linked with LINE official accounts, users receive instant push notifications whenever there's a price change, keeping them informed about the latest price fluctuations.

Journey

Journey

Most LINE Travel users are used to "self-planning trips." We offer a journey planning tool to enhance service usage, while further enriching the travel content within the service, and precisely reach users with purchasing needs.

Faster Journey Creation Process

Faster Journey Creation Process

The Journey planning tool incorporates numerous complex features, yet not all functionalities are necessary to configure during the initial creation. We offer default cover images, suggested title to enable users to swiftly access their itinerary list.

Simpler Editing Feature

Simpler Editing Feature

Presenting complex itineraries in a simple list format, maintaining the same logical editing sequence as the list. Consider the synchronization when editing collaboratively with friends.

Improved Itinerary and Note-Taking Feature

Improved Itinerary and Note-Taking Feature

Users can seamlessly add booked hotels, flights, experiences directly to their itinerary. We offer an enhanced itinerary planning experience with adding notes, photos, and times for greater customization.

Thoughtful Weather Reminder

Thoughtful Weather Reminder

Increase service usage by better experience. Display weather forecasts on the interface one week before the trip and send push notifications via the official account to keep users informed.

Connect Journey and Chat Groups

Connect Journey and Chat Groups

We observe that many users create LINE groups for discussion about itinerary details before traveling. For easier share itinerary to chat groups, we provide template messages, flex Message. Additionally, users can conveniently access their joined journey directly from the chat room's “plus menu”.

Referral Event

Referral Event

Invite Friends, Get Reward Together

Invite Friends, Get Reward Together

In line with marketing campaign, we launch a referral program to attract new members and encourage existing user to participate. Moreover, we've designed this initiative with flexibility in mind for future marketing activities.

In line with marketing campaign, we launch a referral program to attract new members and encourage existing user to participate. Moreover, we've designed this initiative with flexibility in mind for future marketing activities.

Explore

Explore

More Intuitively Find Inspiration

More Intuitively Find Inspiration

For users who seeking travel inspiration, they often prefer to explore through photos. Therefore, we've integrated user-generated content such as photos and reviews of itineraries and attractions. It also make more exposure and encourages more users to create content, thereby maintaining content quality.

For users who seeking travel inspiration, they often prefer to explore through photos. Therefore, we've integrated user-generated content such as photos and reviews of itineraries and attractions. It also make more exposure and encourages more users to create content, thereby maintaining content quality.

Design System

Design System

Manage design systems with components, and closely collaborating with engineer team to adapt to new requirements and changes.

Manage design systems with components, and closely collaborating with engineer team to adapt to new requirements and changes.

Takeaway

Takeaway

Holistic Thinking, Meticulous Crafting

Understanding the LINE family service involves recognizing how each service interacts and its role in users' daily lives. Before tackling any task, it's crucial to comprehend the broader context and grasp the overall framework. This helps ensure that each feature aligns with the service's objectives.


Colleagues always say I have meticulous attention to detail in my design work. I strive to strike a balance between focusing on the nuanced details and maintaining a holistic view. It fosters collaboration with colleagues, ensuring we stay aligned on goals, avoid narrow viewpoints, and ultimately deliver successful outcomes.

More Effective Intuition

More Effective Intuition

When tackling tough problems, I always remind myself that not to get stuck in narrow thinking, and not rely solely on past experience. Instead, should gather diverse data and focus on current goals to form more effective strategies that lead us closer to the best solutions.

For me, efficiency means more than just completing tasks quickly; it's about ensuring that our actions align closely with our objectives. I've been training myself to think more flexibly. Embracing open and adaptable thinking helps sharpen intuition and ensures that every decision counts.

When tackling tough problems, I always remind myself that not to get stuck in narrow thinking, and not rely solely on past experience. Instead, should gather diverse data and focus on current goals to form more effective strategies that lead us closer to the best solutions.

For me, efficiency means more than just completing tasks quickly; it's about ensuring that our actions align closely with our objectives. I've been training myself to think more flexibly. Embracing open and adaptable thinking helps sharpen intuition and ensures that every decision counts.

Thank you for watching

Thank you for watching

Thank you for watching

Beyond Shopping: From Inspiration to Product

Beyond Shopping: From Inspiration to Product

Beyond Shopping:

From Inspiration to Product

Zach Li

Zach Li

Zach Li

2021 — 2023

2021 — 2023

2021 — 2023

Let’s connect 👋🏻

Let’s connect 👋🏻

Hi, this is Zach Li

Please feel free to reach out below

Hi, this is Zach Li

Please feel free to reach out below

zachli0604@gmail.com

zachli0604@gmail.com