SlideShare a Scribd company logo
1 of 56
Increasing Sales &
Membership Sign-Ups
through Responsive Website Redesign
1. Project Brief
2. User Research
3. Streamlining the Book Finding Process
4. Enhancing Kinokuniya Privilege Card (KPC) Membership
Programmes
5. Usability Test
6. Interactive Prototype
7. Plans & Schedule
Agenda
2
http://design.leowhouteng.com
http://design.leowhouteng.com
We are user-centered rock stars
http://design.leowhouteng.com
User Detective
Interaction Master
Interface Sorceress
Meet The A Team
Toggle Uniqlo Canadian Pizza
Awarded Projects
http://design.leowhouteng.com
Business goals and user needs
Project Brief
http://design.leowhouteng.com
3 Key Points
8
Enhance
Membership
Improve
Mobile Usability
Streamline
Book Finding
http://design.leowhouteng.com
How Kinokuniya compares with its competitors
Competitive Analysis
http://design.leowhouteng.com
Local & Online Competitors
10
http://design.leowhouteng.com
11Competitive Analysis
http://design.leowhouteng.com
12Competitive Analysis
13Competitive Analysis
User Interviews, Contextual Inquiry, and House Visits
User Research
http://design.leowhouteng.com
15Conducting Research
Contextual inquiry – Speaking
to shoppers
House visits – Interview, Observing book
collections, user-testing of current site
Users love Kinokuniya
1. Largest bookstore in South-East Asia
a. Nice environment
2. Huge selection of books, especially foreign languages book
a. Japanese, French, German
b. Japanese Mangas & magazines
3. They love shopping at a physical store
a. Read books (as they are not wrapped)
b. Easy to browse on the shelves
16
http://design.leowhouteng.com
1. Can't read the content inside the book
2. Less discounts online
a. Physical voucher can't be used on online payment
3. Messy layout, difficult to browse
4. Troublesome to sign up as member
Pain Points – Shopping online
17
http://design.leowhouteng.com
1. Customers are loyal to Kinokuniya
a. May be converted into online customers
2. Value-added services
a. Offer customised book recommendations ⇒ More sales
b. Personalised recommendations at a later stage
c. Book previews ⇒ Do not need to read at the physical store
3. Simplified KPC membership Sign Up process
Opportunities
18
http://design.leowhouteng.com
New Website Features
Key features in the website redesign
http://design.leowhouteng.com
Content & Feature Prioritisation 20
BusinessImpact
User Needs
Focus
Guide
Drive
Meh
● Customised book recommendations
by genres on homepage
● Image of the book cover in Search
● Easy navigation
● Loyalty points system
● Preview book contents and chapter one
● Online 20% discounts on books
● Ability to use gift vouchers on online
store
● Reviews from Goodread API
● Promoting events and activities
● Promote books through blog content
21
Book Finding
— Customised book
recommendations
on home page
— Visual suggestions on the
search bar
— Easy navigation with mega-
menu
— Integrated membership sign
up process
— Book preview feature
— Loyalty points system
Membership
http://design.leowhouteng.com
Streamlining the
Book Finding Process
Increasing online sales
http://design.leowhouteng.com
Find Books
they like
Get more
Sales
Kinokuniya wants to.. Customers wants to..
23Project Focus
http://design.leowhouteng.com
24Customer Journey Map
http://design.leowhouteng.com
25Browsing for books
To increase sales, we will provide
customized book recommendations
that help our online members
browse and select the books that they like.
http://design.leowhouteng.com
27Sub-Categories in Mega Menu
Current New
28High-Contrast Search Bar
Current
New
29Visual Search Suggestions
Current New
30
Customised Book Recommendations
Attracting more sign ups for membership
Enhancing KPC
Membership Programme
http://design.leowhouteng.com
Get more
Discounts
Get more
Members
32Project Focus
Kinokuniya wants to.. Customers wants to..
http://design.leowhouteng.com
33Customer Journey Map
http://design.leowhouteng.com
34Making a Payment
To increase membership card sign-ups,
we will integrate a streamlined membership
application process during online checkout
for customers to get more discounts
while making their purchases.
http://design.leowhouteng.com
36Service Design Blueprint
http://design.leowhouteng.com
37Service Design Blueprint
38Integrated Membership Sign Up
- Preview book contents and chapter one
- Credit point system for further discounts
- Birthday vouchers
Proposed New Privileges
39
http://design.leowhouteng.com
40Book Content Preview
What users think of the new site
Usability Test
http://design.leowhouteng.com
42
1. Using the navigation menu, search for an assigned book.
Next, check for the stock availability at the outlet
2. Using the search bar, look for the same book.
3. Place an order for the book.
4. From the home page, sign up for a membership.
Tasks Assigned
http://design.leowhouteng.com
43Task Completion Success Rate
New
Task 1: Find a Book using the Navigation Menu
100%
Current
0%
New
Task 1: Find a Book using the Navigation Menu
44
1:09
Current*
2:20
Average Time Taken to
Complete
*Time taken to find the correct sub-genre
45Rating on Task
New
Task 1: Find a Book using the Navigation Menu
2.0
Current
4.375
— Addition of the membership sign up in the checkout process
— Recommendations on the home page based on their book preferences
allows them to browse easily.
— Book preview feature is useful when a user is unsure about buying a
book
What Users Like Most
46
http://design.leowhouteng.com
Interactive Prototype
https://k42j42.axshare.com/#g=1&p=home
http://design.leowhouteng.com
Becoming more competitive through...
48
Enhance
Membership
Streamline
Book Finding
http://design.leowhouteng.com
Budget and Membership Projections
Plans & Schedules
http://design.leowhouteng.com
50
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
Streamlining Book Finding Process
Epic 1 (3 Months)
Enhancing Membership
Epic 2 (3 Months)
Short Content to Promote Books
Epic 3 (3 Months)
Project 9 Months
Timeline
http://design.leowhouteng.com
51
Total $94500
Projected Fees & Charges
3 x UX Designer $3500 x 3 9 Months
Projected Fees & Charges
http://design.leowhouteng.com
52
19% Read Books
(1.064 mil)
5.6 M Singaporeans 1.064 M Singaporeans
- Read Books
95% Read
Physical
Books
(1.018 mil)
People who Read Books
http://design.leowhouteng.com
53
53% Purchases
from Bookstores
(535700)
1.064 M Singaporeans
- Read Physical Books
535700 Singaporeans
- Purchases from Bookstores
41% Source
for books by
browsing
online
(219600)
People who Buy Books
http://design.leowhouteng.com
Potential Membership Sign Ups
54
Potential Members
— Improve usability
— Streamlining the book
finding process
— Easier for customers to
navigate the website
— Enhancing membership card
programme
219 600
http://design.leowhouteng.com
Feedback Session
Q&A
http://design.leowhouteng.com
Thank You
End of Presentation
http://design.leowhouteng.com

More Related Content

What's hot

Defining and Specifying Functional and Content Requirements
Defining and Specifying Functional and Content RequirementsDefining and Specifying Functional and Content Requirements
Defining and Specifying Functional and Content Requirements
Luis Carlos Aceves
 
Sweating the UX Details
Sweating the UX DetailsSweating the UX Details
Sweating the UX Details
Stephen Anderson
 

What's hot (20)

Defining and Specifying Functional and Content Requirements
Defining and Specifying Functional and Content RequirementsDefining and Specifying Functional and Content Requirements
Defining and Specifying Functional and Content Requirements
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
 
Getting Started With UX Research
Getting Started With UX ResearchGetting Started With UX Research
Getting Started With UX Research
 
Wireframes - presentation
Wireframes - presentationWireframes - presentation
Wireframes - presentation
 
Sweating the UX Details
Sweating the UX DetailsSweating the UX Details
Sweating the UX Details
 
Movie tick process desk
Movie tick process deskMovie tick process desk
Movie tick process desk
 
The Business Case For (Or Against) Service Design — Service Design Network 2011
The Business Case For (Or Against) Service Design — Service Design Network 2011The Business Case For (Or Against) Service Design — Service Design Network 2011
The Business Case For (Or Against) Service Design — Service Design Network 2011
 
UX Lesson 2: User Research
UX Lesson 2: User ResearchUX Lesson 2: User Research
UX Lesson 2: User Research
 
Hunting Unicorns - What makes an effective UX Professional
Hunting Unicorns - What makes an effective UX ProfessionalHunting Unicorns - What makes an effective UX Professional
Hunting Unicorns - What makes an effective UX Professional
 
What is UX, in 10 Slides
What is UX, in 10 SlidesWhat is UX, in 10 Slides
What is UX, in 10 Slides
 
Wireframe and MVP
Wireframe and MVPWireframe and MVP
Wireframe and MVP
 
Ux/ui Design Solution Services
Ux/ui Design Solution ServicesUx/ui Design Solution Services
Ux/ui Design Solution Services
 
UX lesson 3: Usability First
UX lesson 3: Usability FirstUX lesson 3: Usability First
UX lesson 3: Usability First
 
What is UX?
What is UX?What is UX?
What is UX?
 
IXDA Vancouver - How to get a great UX job
IXDA Vancouver - How to get a great UX jobIXDA Vancouver - How to get a great UX job
IXDA Vancouver - How to get a great UX job
 
UX Design Deliverables: Expert's Choice
UX Design Deliverables: Expert's ChoiceUX Design Deliverables: Expert's Choice
UX Design Deliverables: Expert's Choice
 
A Product Requirements Document (PRD) Sample
A Product Requirements Document (PRD) SampleA Product Requirements Document (PRD) Sample
A Product Requirements Document (PRD) Sample
 
IOS Mobile App Development Proposal PowerPoint Presentation Slides
IOS Mobile App Development Proposal PowerPoint Presentation SlidesIOS Mobile App Development Proposal PowerPoint Presentation Slides
IOS Mobile App Development Proposal PowerPoint Presentation Slides
 
Google UX Design Certificate - Portfolio Project 1 - Case study slide deck [T...
Google UX Design Certificate - Portfolio Project 1 - Case study slide deck [T...Google UX Design Certificate - Portfolio Project 1 - Case study slide deck [T...
Google UX Design Certificate - Portfolio Project 1 - Case study slide deck [T...
 
UX Design_case study_Smart Apart
UX Design_case study_Smart ApartUX Design_case study_Smart Apart
UX Design_case study_Smart Apart
 

Similar to UX Case Study: Books Kinokuniya Responsive Web Redesign

Rebeca miranda-ux-portfolio
Rebeca miranda-ux-portfolioRebeca miranda-ux-portfolio
Rebeca miranda-ux-portfolio
Rebeca Miranda
 
Responsive Website Design in TeamRaiser
Responsive Website Design in TeamRaiserResponsive Website Design in TeamRaiser
Responsive Website Design in TeamRaiser
Shana Masterson
 

Similar to UX Case Study: Books Kinokuniya Responsive Web Redesign (20)

Reading Samples for Bookshops
Reading Samples for BookshopsReading Samples for Bookshops
Reading Samples for Bookshops
 
BookStore
BookStoreBookStore
BookStore
 
Optimizing Library Websites for Better Visibility
Optimizing Library Websites for Better VisibilityOptimizing Library Websites for Better Visibility
Optimizing Library Websites for Better Visibility
 
From impact to stakeholder examples: Three techniques for end-to-end requirem...
From impact to stakeholder examples: Three techniques for end-to-end requirem...From impact to stakeholder examples: Three techniques for end-to-end requirem...
From impact to stakeholder examples: Three techniques for end-to-end requirem...
 
How to turbocharge book marketing campaigns
How to turbocharge book marketing campaignsHow to turbocharge book marketing campaigns
How to turbocharge book marketing campaigns
 
Rebeca miranda-ux-portfolio
Rebeca miranda-ux-portfolioRebeca miranda-ux-portfolio
Rebeca miranda-ux-portfolio
 
The Ultimate Website Development Roadmap
The Ultimate Website Development RoadmapThe Ultimate Website Development Roadmap
The Ultimate Website Development Roadmap
 
Digital Retail Training Session Two
Digital Retail Training Session TwoDigital Retail Training Session Two
Digital Retail Training Session Two
 
Improving Reader Engagement on publishers’ websites and books pages
Improving Reader Engagement on publishers’ websites and books pagesImproving Reader Engagement on publishers’ websites and books pages
Improving Reader Engagement on publishers’ websites and books pages
 
Responsive Website Design in TeamRaiser
Responsive Website Design in TeamRaiserResponsive Website Design in TeamRaiser
Responsive Website Design in TeamRaiser
 
Blogging.class.part 1 copy
Blogging.class.part 1 copyBlogging.class.part 1 copy
Blogging.class.part 1 copy
 
Agile Requirements Discovery
Agile Requirements DiscoveryAgile Requirements Discovery
Agile Requirements Discovery
 
How to create an editorial calendar
How to create an editorial calendarHow to create an editorial calendar
How to create an editorial calendar
 
7 Ways To Turbocharge Lead Nurturing Programs with Advocate-Generated Content
7 Ways To Turbocharge Lead Nurturing Programs with Advocate-Generated Content7 Ways To Turbocharge Lead Nurturing Programs with Advocate-Generated Content
7 Ways To Turbocharge Lead Nurturing Programs with Advocate-Generated Content
 
Urban Country Marketing Plan Audit
Urban Country Marketing Plan AuditUrban Country Marketing Plan Audit
Urban Country Marketing Plan Audit
 
Inbound Marketing
Inbound MarketingInbound Marketing
Inbound Marketing
 
Website Development Explained (abriged from "The Website Manager's Handbook")
Website Development Explained (abriged from "The Website Manager's Handbook")Website Development Explained (abriged from "The Website Manager's Handbook")
Website Development Explained (abriged from "The Website Manager's Handbook")
 
Decoding Digital Week 2: Design & Implementation
Decoding Digital Week 2: Design & ImplementationDecoding Digital Week 2: Design & Implementation
Decoding Digital Week 2: Design & Implementation
 
Portfolio Team 8 Presentation Iterate UX .pdf
Portfolio Team 8 Presentation Iterate UX .pdfPortfolio Team 8 Presentation Iterate UX .pdf
Portfolio Team 8 Presentation Iterate UX .pdf
 
Investigative Analytics: Deciphering the Mystery of Data-Driven Decision Maki...
Investigative Analytics: Deciphering the Mystery of Data-Driven Decision Maki...Investigative Analytics: Deciphering the Mystery of Data-Driven Decision Maki...
Investigative Analytics: Deciphering the Mystery of Data-Driven Decision Maki...
 

Recently uploaded

Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
instagramfab782445
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
aroranaina404
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
nirzagarg
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
University of Wisconsin-Milwaukee
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
amitlee9823
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
tbatkhuu1
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
amitlee9823
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
kumaririma588
 

Recently uploaded (20)

Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
 
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls AgencyHire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
 
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, PuneCase Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, Pune
 

UX Case Study: Books Kinokuniya Responsive Web Redesign

Editor's Notes

  1. Good morning, my name is Houteng from Novel & Chord. Today we’ll be presenting to you our proposed design for the new Kinokuniya responsive website. Through this redesign, we hope to increase sales and membership sign ups for Kinokuniya.
  2. Our agenda for today focuses on how we streamline the book finding process and enhance the Kinokuniya Privilege Card Membership programmes.
  3. Before we begin, let me introduce to you our consultancy, Novel and Chord.
  4. We are user-centered rock stars made up of a team of books and music-loving individuals. Our creative consultancy helps companies conquer their online businesses through strategy, productivity, and authentic fun!
  5. Our team of UX designers who will be collaborating with your developers is Si Liang, Yvonne, and I.
  6. We’ve been awarded to work on projects including Toggle, Uniqlo, and Canadian Pizza and we’ll be delighted to work together with kinokuniya.
  7. Let us look at the project brief.
  8. The focus of our project is on these 3 key points. Streamlining the book finding process and make it easier for customers to navigate the website. Enhancing the appeal of the KPC membership programme. Improving the mobile & web usability.
  9. At the start of the project, we conducted a competitive analysis to find out how kinokuniya compares with its competitors
  10. Our competitors includes local bookstores and online competitors such as Popular bookstore, times, and Book Depository.
  11. We compared Kinokuniya to its competitors base on Pricing, the books and products it offers, the size and scale of the bookstore, and the appeal of its membership programmes.
  12. We found out that Kinokuniya stands out as it provides the widest selection of books in English, Chinese, French, German, and Japanese. It is also the best place to buy Japanese books, mangas, magazines, and stationeries. In addition, Kinokuniya is one of the largest bookstores in South-East Asia.
  13. However, Kinokuniya cannot compete with pricing offered by its competitors. The membership programme is also not as appealing as Popular which is cheaper and more accessible since it has 27 stores islandwide. Through this redesign, we hope to level the playing field, to better compete with our competitors. With our enhanced membership programme, we can offer more discounts to match the prices of our competitors.
  14. 3:00 We conducted user research to find out more about customers’ needs.
  15. For example, we spoke to customers at the store. We also did house visits to find out the books they like to buy.
  16. Through this research we found out that Users love Kinokuniya. They are aware that it is the largest bookstore in South East Asia and has the widest selection of books. Most users love shopping at the physical store since they can read the books and browse on the shelves.
  17. While the experience at the store is good, this is not the case when they shop online. For instance, they can’t read the content inside the book that they are intending to purchase. They also noted that there are less discounts online since they can’t use a physical voucher. The membership sign up process is also troublesome.
  18. 4:00 As customers are loyal to Kinokuniya, they may be converted into online customers. This can be done by providing value-added services that complements their offline experience. For example, we can provide customised book recommendations and book previews. The KPC membership sign up can also be simplified on the website.
  19. We listed our various new features that we may include on the new website.
  20. These features were arranged according to its business impact and whether it meets user needs.
  21. They can be further split into 2 categories, book finding and membership enhancement features. We’ll elaborate more on them on the following pages.
  22. 5:00 First, Let me share about the features we are including on the website to streamline the book finding process.
  23. On one hand, Kinokuniya wants to get more sales from online. On the other hand, customers want to find the books they like online. So for our website redesign, we try to meet both the business goals and user needs.
  24. We drew out a customer journey map to illustrate the process of how a typical online customer uses the website.
  25. While browsing for a book, users find that the site is difficult to browse and the website is over cluttered. Hence,
  26. Our strategy is: To increase sales, we will provide customized book recommendations that help our online members browse and select the books that they like.
  27. 6:00 Several features were improved on our new website. For example, on the current website, users have to scroll down a list of main categories then access sub genres from these pages. Now, they can quickly look for these sub-genres from the mega menu
  28. From research, most users say that the main reason they used the site, was to look for a specific book. Hence, in our redesign, we made the search bar more prominent by enlarging it and contrasting it against a dark coloured background.
  29. Another enhancement we made was to provide visual search suggestions. Instead of having to look for the book on the search results page, we immediately provide a book cover to allow users to go directly to the product page. It is also easier for users who recognises books by its cover.
  30. A highlight of our website is the new book preference customisation feature. Customers gets to pick the topics they are interested in so as to see recommended books on the homepage. Let me pass the time to Yvonne who will share with you about the enhanced membership features.7:12
  31. Thank you! Next, Let me share to you how we can attract more users to sign up the membership.
  32. On one hand, Kinokuniya wants to get more members through the online platform. While customers want to to get more discount through online. So we try to meet both the business goals and user needs in our new design.
  33. Using the CJM shared by Houteng previously, I will be diving into the “add payment” section.
  34. While users are making payment for their purchase, they feel that they can't use the physical voucher they had received on online purchases. There isn’t any other much additional useful privileges for the member. So with this...
  35. Our strategy is: To increase membership card sign-ups, we will integrate a streamlined membership application process during online checkout for customers to get more discounts while making their purchases.
  36. To improve on our online service, we represented it on the service design blueprint. As you can see...
  37. Normally at the physical store, the sales assistant will ask for your membership card in order to give you the discount on your purchases. If you don’t have one, they will suggest that you can sign up for one. SO we replicated that in our proposed website by asking the online customer if they’ll like to sign up for the membership while they are making a purchase. And they could use the discounts immediately on the current order and no additional details needed to be filled in (for signed-in users)
  38. This is how the page looks like for the membership information. Showing the comparison on the same page helps the decision-making easier for them. As they can visually see the breakdown and why they should join the membership.
  39. So we are proposing these few new privileges to be added into the KPC membership. Number 1, Able to preview the content and chapter 1 of any books. 2. A credit point system for further discounts. And 3. birthday vouchers will be given out as a gift to them for their birthday month. This will also encourage the user to buy more books.
  40. This is how the user can preview the book looks like on the website itself. They can browse through what are the content inside of the book and read it before deciding on purchasing the book.
  41. Next we go on testing out our new and improved website design.
  42. The tests were conducted face-to-face. Participants were asked to complete a series of routine tasks. These are the 4 main task assigned. 1,2,3,4. Through this 4 tasks we will be able to know how much improvement is being made Let me show you the breakdown result on the task 1.
  43. On the completion successful rate: None of the users completed the task on the current website, while all our 6 users successfully completed the task on the new website
  44. The average time taken to complete task 1 improved from 2:20 – 1:09
  45. After each task, we asked them to rate on a scale of 1(very easy) – 5(very difficult) what they felt about the assigned tasks. For More in-depth information can be found on our usability test report. Here you go.(give the report)
  46. The new features that we included were well-received. These are some of the following comments given straight from our user. They like that the website informs them how much they can save by signing up for the membership and able to use the discount on the spot right after they sign up as a KPC member. Having recommendations on the home page also allows them to browse the books they like more convenience. While viewing the selected book, they can see the price straight away too. And lastly book preview feature allows them to read part of the book if they are unsure about buying it. In conclusion, our participants found the proposed Kinokuniya website to be well-organized, comprehensive, clean and uncluttered, very useful, and easy to use. They also felt the process was easy since it adopts a familiar e-commerce process. Next, let me pass on to Siliang who will be explaining and showing you the interactive prototype.
  47. SiLiang
  48. Through our redesign, We streamline the book finding process so that customers can find the books that they like. We enhance the membership programme to reward our loyal customers Wide range of books is a huge draw to customers Being accessible online gives Kinokuniya a wider market Customers must be able to find what they want easily
  49. If we are selected for this project this will be the projected timeline.We will be adopting an agile process by breaking up the 9 months into 3 epics and having 2 weeks per sprint. On the 1st 2 epic we will be focusing on the features we mentioned earlier
  50. This is the amount of how much we will be charging
  51. Based on the research done by the National Library Board in the year 2017,there are 5.6M singaporeans of which 19% read books. Out of the 19% 95% read physical books
  52. Based on the 1.064M Singaporeans 53% of them bought the books from bookstore.out of the 53% of the users that purchase books from stores, 41% main source for finding a new book is via browsing online.
  53. By raising awareness of the kinokuniya website in the physical bookstore coupled with a the revamped website, this is the estimated potential amount of new members for kinokuniya. Just a fraction of this community signing up for the membership and buying more books from kinokuniya will outweigh the cost of giving us the project. Are you ready to see a boom in business?