VN

FAHASA.COM -
Nhà Sách Trực Tuyến

FAHASA.COM -
Nhà Sách Trực Tuyến

FAHASA.COM -
Nhà Sách Trực Tuyến

Cung cấp hơn 200.000 sản phẩm, bao gồm sách, văn phòng phẩm, đồ chơi và quà tặng. Website và ứng dụng có tính năng mua sắm, tìm kiếm, đánh giá, quản lý tài khoản và thanh toán nhanh.

VAI TRÒ

UX/UI Designer

UX/UI Designer

THỜI GIAN

T04 2021 - T12 2021

T04 2021 - T12 2021

THỰC HIỆN

UX Research & UX/UI Design

UX Research & UX/UI Design

WEBSITE & APP

FAHASA.COM

Fahasa.com

01

TỔNG QUAN

TỔNG QUAN

TỔNG QUAN

Project Overview

Project Overview

Với vai trò là UX/UI Designer trong nhóm phát triển, chúng tôi đã cải tiến và nâng cấp nền tảng Fahasa.com. Đội ngũ của tôi đã xây dựng hệ thống thiết kế mới, thay đổi cách trình bày thông tin sản phẩm và điều chỉnh một số thiết kế :
- Dễ dàng cập nhật các tính năng sản phẩm mới
- Giải quyết các vấn đề kinh doanh trong bối cảnh Covid-19 và phục vụ độc giả trên toàn quốc.

Với vai trò là UX/UI Designer trong nhóm phát triển, chúng tôi đã cải tiến và nâng cấp nền tảng Fahasa.com. Đội ngũ của tôi đã xây dựng hệ thống thiết kế mới, thay đổi cách trình bày thông tin sản phẩm và điều chỉnh một số thiết kế:

  • Dễ dàng cập nhật các tính năng sản phẩm mới

  • Giải quyết các vấn đề kinh doanh trong bối cảnh Covid-19 và phục vụ độc giả trên toàn quốc.

Problem Statement

Problem Statement

Kể từ năm 2015, Fahasa đã áp dụng chuyển đổi số trong bán lẻ sách, sử dụng thương mại điện tử và mạng xã hội. Để giữ vững vị trí dẫn đầu, Fahasa cam kết mang đến các giải pháp giá trị độc đáo.

Tuy nhiên, trong quá trình mở rộng nhanh chóng, Fahasa nhận thấy có một số vấn đề về trải nghiệm người dùng và muốn cải thiện tốc độ, chất lượng và giá trị tổng thể để tiếp tục giữ vững sự xuất sắc trong môi trường cạnh tranh.

Fahasa UI/UI Case Study - Nguyen Tan Toan Product Designer
Fahasa UI/UI Case Study - Nguyen Tan Toan Product Designer
Fahasa UI/UI Case Study - Nguyen Tan Toan Product Designer

Design Progress

Design Progress

Mục tiêu của chúng tôi trong tiến trình thiết kế là tạo ra một trang web hiện đại, đẹp mắt và dễ sử dụng, phản ánh đúng thương hiệu khách hàng. Chúng tôi nghiên cứu người dùng, phân tích đối thủ và thiết kế giao diện dễ điều hướng, tối ưu cho thiết bị và công cụ tìm kiếm, nâng cao khả năng hiển thị trực tuyến.

Fahasa UI/UI Case Study - Nguyen Tan Toan Product Designer
Fahasa UI/UI Case Study - Nguyen Tan Toan Product Designer
Fahasa UI/UI Case Study - Nguyen Tan Toan Product Designer

02

Thiết lập mục tiêu chung

THIẾT LẬP MỤC TIÊU CHUNG

Thiết lập mục tiêu chung

Stakeholder Interview

Stakeholder Interview

Trong một dự án lớn gồm nhiều bên liên quan, việc có được tiếng nói chung, đạt được sự đồng thuận về chiến lược và mục tiêu của dự án là một thách thức.

Để giải quyết, chúng tôi bắt đầu bằng cách phỏng vấn và trao đổi các bên liên quan của dự án, làm rõ nghiệp vụ, mục tiêu kinh doanh và lý do cần thiết để thiết kế lại sản phẩm.

Các câu hỏi chính gồm:
Bối cảnh hiện tại của dự án như thế nào?
Mục tiêu kinh doanh của dự án là gì?
Vai trò và lợi ích của các bên liên quan trong dự án là gì?
Những thay đổi này sẽ ảnh hưởng đến các bên liên quan nào?
Những quyết định nào đã được đưa ra về dự án?
Những người dùng mục tiêu là ai?

Những thông tin từ các bên liên quan đã cung cấp một hướng đi rõ ràng cho các thay đổi cần thiết và cách tiếp cận để cải thiện sản phẩm hiện tại.

Trong một dự án lớn gồm nhiều bên liên quan, việc có được tiếng nói chung, đạt được sự đồng thuận về chiến lược và mục tiêu của dự án là một thách thức.

Để giải quyết, chúng tôi bắt đầu bằng cách phỏng vấn và trao đổi các bên liên quan của dự án, làm rõ nghiệp vụ, mục tiêu kinh doanh và lý do cần thiết để thiết kế lại sản phẩm.

Các câu hỏi chính gồm:
Bối cảnh hiện tại của dự án như thế nào?
Mục tiêu kinh doanh của dự án là gì?
Vai trò và lợi ích của các bên liên quan trong dự án là gì?
Những thay đổi này sẽ ảnh hưởng đến các bên liên quan nào?
Những quyết định nào đã được đưa ra về dự án?
Những người dùng mục tiêu là ai?

Những thông tin từ các bên liên quan đã cung cấp một hướng đi rõ ràng cho các thay đổi cần thiết và cách tiếp cận để cải thiện sản phẩm hiện tại.

Fahasa UI/UI Case Study - Nguyen Tan Toan Product Designer

Product Audit

Product Audit

Kiểm tra lại website và ứng dụng của Fahasa, chúng tôi nhận thấy thiết kế hiện tại quá nhiều thông tin với nhiều bảng màu khó hiểu và không tuân theo quy tắc. Bằng phương pháp Heuristic để kiểm tra khả năng sử dụng, nhóm chỉ ra các tính năng chưa tối ưu, và cải tiến sẽ giúp thiết kế phù hợp hơn với mục tiêu và mang lại trải nghiệm trực quan hơn.

Fahasa UI/UI Case Study - Nguyen Tan Toan Product Designer
Fahasa UI/UI Case Study - Nguyen Tan Toan Product Designer
Fahasa UI/UI Case Study - Nguyen Tan Toan Product Designer
Fahasa UI/UI Case Study - Nguyen Tan Toan Product Designer
Fahasa UI/UI Case Study - Nguyen Tan Toan Product Designer
Fahasa UI/UI Case Study - Nguyen Tan Toan Product Designer

Competitor Research

Competitor Research

Chúng tôi đã nghiên cứu các đối thủ, tập trung vào Fahasa, đánh giá những thành công và thất bại của họ trong trải nghiệm khách hàng. Phân tích này đã truyền cảm hứng cho đội ngũ của chúng tôi để đưa ra một cách tiếp cận mới, làm mới sản phẩm của mình cho ngành.


Học hỏi từ thành công và thất bại của đối thủ:
- Họ định vị mình như thế nào trên thị trường?
- Lợi thế trong trải nghiệm khách hàng của đối thủ là gì?
- Điều gì khiến người dùng gặp khó khăn?

Chúng tôi đã nghiên cứu các đối thủ, tập trung vào Fahasa, đánh giá những thành công và thất bại của họ trong trải nghiệm khách hàng. Phân tích này đã truyền cảm hứng cho đội ngũ của chúng tôi để đưa ra một cách tiếp cận mới, làm mới sản phẩm của mình cho ngành.

Học hỏi từ thành công và thất bại của đối thủ:
- Họ định vị mình như thế nào trên thị trường?
- Lợi thế trong trải nghiệm khách hàng của đối thủ là gì?
- Điều gì khiến người dùng gặp khó khăn?

03

Nghiên cứu người dùng

NGHIÊN CỨU NGƯỜI DÙNG

Nghiên cứu người dùng

Fahasa UI/UI Case Study - Nguyen Tan Toan Product Designer
Fahasa UI/UI Case Study - Nguyen Tan Toan Product Designer
Fahasa UI/UI Case Study - Nguyen Tan Toan Product Designer

User Personal

User Personal

Nghiên cứu chân dung người dùng của Fahasa giúp tạo ra giải pháp thực tế và dễ sử dụng. Qua phỏng vấn người dùng, chúng tôi xác định hai nhóm chính: khách hàng thành thạo internet và người không quen thuộc với internet.

Empathy map

Empathy map

Bản đồ đồng cảm đã phát hiện nhiều vấn đề của người dùng hơn mong đợi. Đội ngũ Fahasa rất mong muốn sử dụng những phát hiện này để cải tiến sản phẩm.

Journey map

Journey map

Bản đồ đồng cảm tiết lộ nhiều vấn đề của người dùng hơn dự kiến. Đội ngũ Fahasa rất mong muốn tận dụng những phát hiện này để cải tiến sản phẩm.

04

Lên ý tưởng

LÊN Ý TƯỞNG

Lên ý tưởng

Sitemap

Sitemap

Giúp tổ chức các trang như trang chủ, danh mục, chi tiết sản phẩm, giỏ hàng và tài khoản người dùng, nhằm tối ưu hóa trải nghiệm và dễ dàng điều hướng cho người dùng.

Wireframe

Wireframe

05

Thiết kế
GIAO DIỆN

THIẾT KẾ GIAO DIỆN

Thiết kế GIAO DIỆN

Design system

Design system

Hệ thống thiết kế giúp quản lý thiết kế hiệu quả, giảm trùng lặp và tạo sự nhất quán hình ảnh trên các trang và kênh khác nhau.

Final Output

Final Output

  • Let's Talk

    /

    uSER INERFACE

    /

    WEBSITE DESIGN & DEVELOPMENT

    /

    APP DESIGN

    /

    E-COMMERCE

    /

    FINTECH

    /

    graphic design

    /

    brand identity

    /

    user research

    /

    design system

    /

    prototype

    /

    framer

    /

    shopify

    /

    wordpress

    /

  • Let's Talk

    /

    uSER INERFACE

    /

    WEBSITE DESIGN & DEVELOPMENT

    /

    APP DESIGN

    /

    E-COMMERCE

    /

    FINTECH

    /

    graphic design

    /

    brand identity

    /

    user research

    /

    design system

    /

    prototype

    /

    framer

    /

    shopify

    /

    wordpress

    /

  • Let's Talk

    /

    uSER INERFACE

    /

    WEBSITE DESIGN & DEVELOPMENT

    /

    APP DESIGN

    /

    E-COMMERCE

    /

    FINTECH

    /

    graphic design

    /

    brand identity

    /

    user research

    /

    design system

    /

    prototype

    /

    framer

    /

    shopify

    /

    wordpress

    /

"SAY HI"

© Toan Nguyen | MADE WITH LOVE

Trò chuyện cùng tôi

Chia sẻ dự án của bạn.

Hãy cùng nhau tạo ra những điều tuyệt vời!

toan.nt141@gmail.com

+84 97 88 34 101

"SAY HI"

© Toan Nguyen | MADE WITH LOVE

Trò chuyện cùng tôi

Chia sẻ dự án của bạn.

Hãy cùng nhau tạo ra những điều tuyệt vời!

toan.nt141@gmail.com

+84 97 88 34 101

"SAY HI"

© Toan Nguyen | MADE WITH LOVE

Trò chuyện cùng tôi

Chia sẻ dự án của bạn.

Hãy cùng nhau tạo ra những điều tuyệt vời!

toan.nt141@gmail.com

+84 97 88 34 101