Báo cáo cuối kì môn UX/UI: Thiết kế website bán giày online

Báo cáo cuối kì môn UX/UI: Thiết kế website bán giày online có nội dung trình bày về hồ sơ dự án, khảo sát đối thủ cạnh tranh; thiết kế giao diện người dùng trên phần mềm Adobe XD; prototype những chức năng cơ bản và các component; thiết kế UI cho trang người dùng;... Mời các bạn cùng tham khảo!

báo cáo cuối kì

Nguyễn Cát Tường – 18DH110417 GVHD: Trần Nguyễn Quỳnh Trâm

Project name: ATShoes.com

Project Description:

Trong thời đại 4.0 với hệ thống mạng phát triển, hoạt động kinh doanh online đang là hướng đi đúng, mang lại doanh thu lớn cho nhiều doanh nghiệp và cá nhân kinh doanh.Vậy nên một website bán giày là cần thiết trong nhu cầu dịch bệnh hiện nay giúp người dùng có thể đặt mua tại nhà và giao hàng tận nơi không cần phải tốn công sức và tránh tiếp xúc nơi đông người

Who is this for: mọi người có nhu cầu mua sắm giày dép để sử dụng, làm quà tặng, quảng bá thương hiệu,

• Chi phí duy trì và sửa chữa khoảng 5.000.000 VNĐ/tháng

Competitors and Product Inspiration:

• CompetitorsJuno.vn, vascara.com

• Product InspirationNike.com, Addias.com

• Có nhiều phương thức thanh

toán(Thanh toán trực tiếp khi nhận

hàng, visa card, ví điện tử)

• Những sản phẩm nổi bật, liên hệ, và

hỗ trợ khách hàng

Timeline – Deadline

­ 10/09/2021: Khảo sát những website thương mại điện tử như nike, addias, …

­ 12/09/2021: Thiết kế giao diện người dùng trên phần mềm Adobe XD

­ 20/09/2021: Thống nhất giao diện của người dùng

­ 24/09/2021: Prototype những chức năng cơ bản và các component

­ 15/10/2021: Thiết kế UI cho trang người dùng

­ 20/10/2021: Hoàn thành sơ lược website

­ 25/10/2021: đưa người dùng truy cập vào website để sử dụng và đánh giá

­ 10/11/2021: tiếp nhận ý kiến của người dùng, cải thiện và sửa chữa website

­ 14/12/2021:chạy lại lần cuối, kiểm tra và đưa website ra thị trường

Đối thủ cạnh tranh:

https://www.tfm-sneaker.vn https://peaksport.vn

Tương tác Khó tương tác Dễ tương tác

Giao diện Font chữ không thống nhất, button làm quá

sơ xài, hiệu ứng ko rõ ràng Dễ nhìn, hình ảnh sản phẩm quá to

Chức năng Bộ lọc không đầy đủ, hiệu ứng hover không

đủ 1 button, thiếu mã ưu đãi, không có thông tin giao hàng, không có đánh giá sản phẩm

Màn hình loading lâu, không

có quá nhiều thông tin sản phẩm, lỗi tăng giảm số lượng sản phẩm, tìm kiếm sản phẩm không sử dụng được

Điểm yếu Không quá chăm chú vào giao diện, chức

năng không đầy đủ Giao diện dễ nhìn, chức năng còn nhiều thiếu sót

Lập chiến lược & User 

Persona 

Let’s start with the first set of slides

có thời gian ra shop mua giày

Sản phẩm có đủ mọi mức giá từ bình dân, trung cấp và cả cao cấp, limited

USER FEARSGiá đắt, sản phẩm có chất lượng kém, hư hỏng, chất lượng phục vụ kém

Bảo hành có nhiều công đoạn và mất thời gianNhân viên tư vấn không chuyên nghiệp

Thông tin của sản phẩm không đúng với thực tế

SOLUTIONNhiều mẫu mã khách hàng có thể thoải mái lựa chọn và đặt mua

Thong tin, hình ảnh và giá cả hoàn toán chính xác với thực tế

Cam kết hàng chính hãng 100%

Công đoạn thanh toán và bảo hành được tối ưu cho khách hàng nhanh nhất có thể

ACQUISITION CHANNELSFacebookYoutubeinstagramTiktok, các kênh tin tức trực tuyến

từ độ tuổi 16 – 50

Có kinh tế vững chắc nhưng không có thời gian để đến cửa hàng lựa chọn

USER GOALSKhách hàng có thể lựa chọn sản phẩm mình mong muốn nhanh chóng

và thanh toán dễ dàng chỉ qua vài bước đơn giản

VALUE PROPOSITIONKhách hàng thân thiết có thể nhận được nhiều ưu đãi và đãi ngộ tốt hơn

Được ưu tiên trong các chương trình giảm giá và phục

vụ, chăm sóc tốt hơn

REVENUE SOURCES

Từ khách hàngMETRICSQuảng cáoLượt thanh toán online

Xinh đẹp, thu nhập cao, nhưng

bận rộn với công việc và các thú

vui chăm sóc cây cỏ tại nhà

PROBLEMSThích sưu tầm giày, sợ mua nhầm hàng giả

Bận rộn với công việc không có thời gian ra shop để mua giày

Không thích ra đường

NEEDSCần một đôi giày chính hang đặt riêng phù hợp với việc tập thể dục thể thao và dạo phố

GOALSTìm được một phù hợp với yêu cầu

DEMOGRAPHICSGiới tính nam, quê quán ở thành phố Hồ Chí Minh, sống và làm việc tại Hồ Chí Minh

Nhân viên tài chính kế toán, 29 tuổi, khá xinh đẹp và thu nhập cao

Thường đi làm về muộn và bận rộn vào cuối tuần

Phù hợp với các sản phẩm từ trung tới cao cấp

CONTEXTThuận tiện nếu đó là một phần mềm trên điện thoại, laptop tabletXem điện thoại bất cứ lúc nào, ở đâu nhất là vào 12h trưa và từ 8h tối trở đi

Điện thoại luôn ở trên người

FEARSGặp những sản phẩm không đúng với hình ảnhChất lượng kém, hàng giả, hàng, lừa đảo

Phục vụ kém Bảo hành rắt rối mất thời gian

Functionality map

Functionality

map Cửa hàng

bán giày

Quản lý thương hiệu

Quản lý doanh thu

Quản lý khách hàng

Quản lý thông tin khách hàng

Thêm, xóa, sửa sản phẩm,

Tăng giảm số lượng

Thay đổi kích thước , màu sắc

Quản lý hóa đơn

Quản lý doanh thu theo ngày, thoe tháng

Userflow & taskflow

Userflow

Taskflow thanh toán

Taskflow tiềm kiếm

Taskflow thêm vào giỏ hàng

Tên công ty chính thức: ATShoes

Địa chỉ công ty đầy đủ: **** Trung Chánh 2, Huyện Hóc Môn,

TPHCM

Liên hệ chính cho dự án (tên và tiêu đề): Cát Tường

Người ra quyết định cuối cùng cho dự án: Cát Tường

Điện thoại: 0368******

Email: nguyentuong.777877@gmail.com

Địa chỉ trang web hiện tại: ATShoes.com

Hosting (nếu bạn hiện có nhà cung cấp): Chưa có

GENERAL

ngân sách 30.000.000 VND Thay đổi giao diện đẹp và tính tiện lợi hơn, năng cao bảo mật trang web

v PROJECT OBJECTIVE - BUSINESS GOAL

o Thiết kế giao diện đẹp và tiện lợi hơn, nâng cao tính bảo mật của

website

o Có trang yêu thích để lưu trữ lại

o Mang lợi ích của việc đặt mua giày online đến với khách hàng

User needs:

Dành cho mọi lứa tuổi có nhu cầu mua giày, trang web tập trung vào lứa tuổi từ

16 – 50 tuổi, đây là độ tuổi người dùng không có nhiều thời gian nhưng thích

làm đẹp nâng tầm bản thân

Tiếp cận được nhiều khách hàng mới

Mua sản phẩm một cách nhanh và đơn giản nhất, chính sách bảo hành tốt, chất

lượng dịch vụ và chăm sóc khách hàng đảm bảo, có nhiều khuyến mãi trong

năm

Perception and design

Thiết kế đơn giản, thu hút người dùng

Giao diện phải bắt mắt, dễ nhìn, dễ thao tác, không quá cầu kỳ phức tạp

Có thể mượn ý tưởng thiết kế từ trang web khác như Nike.com

Khắc phục được các điểm yếu của website khác mắc phải

Là… Điều kiện Tôi muốn… Do đó…

Trang thể hiện thông tin rõ ràng, hình ảnh chân thực hơn

Khách hàng Nhiều ưu đãi hơn Thêm nhiều ưu đãi hơn vào các ngày lễ

Xem lịch sử mua hàng của mình Lưu trữ thông tin đơn hàng của khách mỗi khi khách

hàng thanh toán thành côngKhách hàng Có tài khoản và

Câu hỏi Trả lờiBạn tên gì, bao nhiêu tuổi? Nguyễn Cát Tường, 20 tuổi

Một ngày bạn dành bao nhiêu thời gian cho công việc? 7 tiếng

Những lúc rảnh rỗi bạn thường làm gì? Đọc truyện, nghe nhạc, chơi gameBạn làm chức vụ gì? Có vai trò thế nào trong công ty? Làm freelancer thì không có chức vụCông việc của bạn có phải thường xuyên tiếp xúc với khách hàng không? Có

Bạn có hay tham gia các hội thảo về ngành nghè của mình không ? Có

Bạn có yêu thích công việc của mình không? Có

Bạn có thường sử dụng các loại dịch vụ internet banking và ví online hay không? Ít sử dụng

Bạn có cảm thấy áp lực gì trong công việc hay không? Thình thoảng

Bạn đã từng mua hàng online hay không Có

Mục đích bạn sưu tầm giày là gì ? Vì sở thích cá nhân

Customer into questions

Câu hỏi Trả lờiLần đầu tiên bạn mua giày cho chính mình là khi nào? Khi 16 tuổi

Bạn cảm thấy việc mua nhiều giày có tốt không ? Cũng được, vì có thể thay đổi liên tục

Bạn cảm thấy giày có phải là đồ dung thiết yếu trong cuộc

sống không ?

Có, vì có nhiều trường hợp phải có những đôi giày phù hợp

Nếu vào dịp sinh nhật bạn có muốn món quà của mình là một

đôi giày hay không?

Đương nhiên

Bạn có cảm thấy bỏ tiền ra để mua một đôi giày với giá 1

triệu trờ lên là đàng không

Có, nếu đó là đôi giày mà mình yêu thích và mình muốn sở hữu

nó Nếu có thể tạo ra một đôi giày theo mong muốn thì bạn muốn

Câu hỏi Trả lờiBạn thấy website bên chúng tôi thế nào? Có tiện lợi và dễ sử

Tại sao bạn lại chọn sản phẩm bên chúng tôi? Vì có nhiều mặt hàng và có bảo hành chính hãng

Mặt hàng chúng tôi có phong phú hơn những shop khác hay

không?

Không, nhưng chuyên về một mặt hàng nhiều hơn

Bạn cảm thấy chất lượng phục vụ và bảo hành phía chúng tôi

Nếu có nhu cầu bạn có sẵn sàng quay lại shop chúng tôi chứ? Tất nhiên

Product opportunity questions

Wireframe

C m  n cô và các b n đã l ng nghe bài