backick.com
FIRST SOCIAL HOTEL BOOKING SITE
Preamble
 backick.com was the first social hotel booking site

launched in December 2011 and retired March 2013
 Althoug...
Concept
 The original idea was to reward users who share the

site with their friends in order to create viral traffic
an...
Workflow [1]
GUEST USER – BOOKING
WORKFLOW
Home Page
Home Page - Description
User can enter keyword and search for location
(auto suggest dropdown is used in this page)
2. Sel...
Search Results
Search Results - Description
1.
2.
3.
4.
5.

Sort options: sorts search results based on selection
Search filters: filter ...
Hotel Details Page
Hotel Details Page - Description
1.
2.
3.
4.
5.
6.

Hotel image preview
Hotel image gallery with image carousal
Room type ...
Make Payment
Make Payment - Description
Payment and discount related calculations
2. Complete Booking button to confirm booking
3. Gues...
Workflow [2]
GUEST USER – SUBSCRIBE
NEWSLETTER
Home Page - Subscribe
Subscribe Newsletter
1.

Even if user is not logged in user can subscribe for
newsletter using the subscribe to email
Subscribe Email
Subscribe Email - Description
 Subscribe form has field which should be filled in

with correct information
 Click on Jo...
Workflow [3]
USER LOGIN
User Login
Login : Description
Click on login button
2. It will open new browser window.
3. Provide facebook credentials here
4. Clic...
Logged in
Logged In - description
Once logged in page is updated with user status
and users information
2. Also on main page area us...
Workflow [4]
LOGGED IN - USER
BOOKING
Search For Location
Search For Location – Description
Enter search term for searching. Search suggest
feature is used on the UI to help user.
...
Search Results Page
Search Results Page - Description
Sorting options
2. Search hotels are displayed on the search results
page. Click on any ...
Hotel Details Page
Hotel Details Page - Description
Images for Hotel which is currently selected
2. Hotel location using Map location
3. Avai...
Manage Savings
Manage Savings - Description
Use Coupons: Allow user to use one of the existing
coupon for getting discount
2. Use Backick...
Make Payment
Make Payment - Description
Guest Details: Provide necessary details
2. Payment Details: Enter details for payment
3. Click...
Workflow [5]
LOGGED IN - USER
ACCOUNT
Your Account
Your Account - Description
1.

Click on the Your Account link to see account
details
Your Accounts Page
Your Account Page - Description
User can keep track of recent booking done under
this account
2. User can check available ...
Send coupons
Send coupons - Description
Customized message to be shared on wall
2. Share on wall button lets you share this post on you...
Workflow [6]
LOGGED IN – SUBSCRIBE
NEWS LETTERS
Subscribe Newsletters :click on link to subscribe
Subscribe Newsletters - Description
Workflow [7]
LOGGED IN – INVITE
FRIENDS
Invite Friends
Invite Friends - Description
If user is logged in then user can invite his friends
using this option. Click on the invite ...
Workflow [8]
LOGGED IN – CANCEL
BOOKING
Your Account’s Page – Recent Booking
Your Account’s Page – Recent Booking
 On this page user can see all the past and future

bookings. User can select any fu...
Future Booking – with cancel button
Future Booking – Cancel Button
Cancel Button to cancel booking. Click on this
button to cancel booking
2. Future booking d...
Cancel Booking Page
Cancel Booing Page - Description
Details of hotel booked
2. Cancelation details
3. Booking Details
4. Click on the Confirm...
Confirmation of cancelation
Accounts page with recent cancelation
Upcoming SlideShare
Loading in …5
×

Backick.com, first social hotel booking site

550 views

Published on

backick.com was the first social hotel booking site launched in December 2011 and retired March 2013.
Although it was eventually discontinued, it received a lot of traction and was definitely a success from a technical and user experience perspective.
This presentation is a showcase of the concept and site user experience.

Published in: Technology, Travel
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
550
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Backick.com, first social hotel booking site

  1. 1. backick.com FIRST SOCIAL HOTEL BOOKING SITE
  2. 2. Preamble  backick.com was the first social hotel booking site launched in December 2011 and retired March 2013  Although it was later discontinued and integrated into Expedia, it received quite a lot of traction and was definitely a success from a technical and user experience perspective  This presentation is a showcase of how the site worked.
  3. 3. Concept  The original idea was to reward users who share the site with their friends in order to create viral traffic and avoid expensive marketing channels e.g. SEM  When user shares the site with their friends, their friends get a 10% coupon, and for every booking that they make, the referer gets 5% of the amount of the booking as reward that can be used on future bookings
  4. 4. Workflow [1] GUEST USER – BOOKING WORKFLOW
  5. 5. Home Page
  6. 6. Home Page - Description User can enter keyword and search for location (auto suggest dropdown is used in this page) 2. Select dates for booking 3. More Options- have additional filters for searching 4. Then click on Search Hotels button will redirect to search results page. 1.
  7. 7. Search Results
  8. 8. Search Results - Description 1. 2. 3. 4. 5. Sort options: sorts search results based on selection Search filters: filter results by price, star rating, amenities, etc. Message to login for additional 10% discount Search Bar at the top of the search results page. Can be used to initialize new search List of search items
  9. 9. Hotel Details Page
  10. 10. Hotel Details Page - Description 1. 2. 3. 4. 5. 6. Hotel image preview Hotel image gallery with image carousal Room type and rates search bar Location of hotel using maps Trip advisor rating for hotel Room types and options available in hotel for booking
  11. 11. Make Payment
  12. 12. Make Payment - Description Payment and discount related calculations 2. Complete Booking button to confirm booking 3. Guest user details form 4. Payment details 1.
  13. 13. Workflow [2] GUEST USER – SUBSCRIBE NEWSLETTER
  14. 14. Home Page - Subscribe
  15. 15. Subscribe Newsletter 1. Even if user is not logged in user can subscribe for newsletter using the subscribe to email
  16. 16. Subscribe Email
  17. 17. Subscribe Email - Description  Subscribe form has field which should be filled in with correct information  Click on Join Form to subscribe  User can also use facebook account option
  18. 18. Workflow [3] USER LOGIN
  19. 19. User Login
  20. 20. Login : Description Click on login button 2. It will open new browser window. 3. Provide facebook credentials here 4. Click on Log-in button 1.
  21. 21. Logged in
  22. 22. Logged In - description Once logged in page is updated with user status and users information 2. Also on main page area user details are updated 1.
  23. 23. Workflow [4] LOGGED IN - USER BOOKING
  24. 24. Search For Location
  25. 25. Search For Location – Description Enter search term for searching. Search suggest feature is used on the UI to help user. 2. Once options for search are selected click on search button. 1.
  26. 26. Search Results Page
  27. 27. Search Results Page - Description Sorting options 2. Search hotels are displayed on the search results page. Click on any hotel for selecting it and getting to Hotel Details page. 3. Filter options to filter search results 4. Once user is logged in using account information user also get to see Backicks and Coupons as well. Which can be utilized for additional discount on bookings. 1.
  28. 28. Hotel Details Page
  29. 29. Hotel Details Page - Description Images for Hotel which is currently selected 2. Hotel location using Map location 3. Available options in selected Hotel 4. Available Backick’s and Coupon’s for logged in user 1.
  30. 30. Manage Savings
  31. 31. Manage Savings - Description Use Coupons: Allow user to use one of the existing coupon for getting discount 2. Use Backicks: Allow user to use desired backick account for getting discount 3. As per use of Coupon and Backick prices are updated on this section of page 4. Once done click on Continue button to continue with the booking workflow 1.
  32. 32. Make Payment
  33. 33. Make Payment - Description Guest Details: Provide necessary details 2. Payment Details: Enter details for payment 3. Click on complete booking to finish booking 1.
  34. 34. Workflow [5] LOGGED IN - USER ACCOUNT
  35. 35. Your Account
  36. 36. Your Account - Description 1. Click on the Your Account link to see account details
  37. 37. Your Accounts Page
  38. 38. Your Account Page - Description User can keep track of recent booking done under this account 2. User can check available backicks 3. Also available coupons are displayed 4. Send coupons help share coupons with friends to earn more backicks. Click on send coupon will allow you to share message on you wall and share 10% discount to friends. 1.
  39. 39. Send coupons
  40. 40. Send coupons - Description Customized message to be shared on wall 2. Share on wall button lets you share this post on you wall 1.
  41. 41. Workflow [6] LOGGED IN – SUBSCRIBE NEWS LETTERS
  42. 42. Subscribe Newsletters :click on link to subscribe
  43. 43. Subscribe Newsletters - Description
  44. 44. Workflow [7] LOGGED IN – INVITE FRIENDS
  45. 45. Invite Friends
  46. 46. Invite Friends - Description If user is logged in then user can invite his friends using this option. Click on the invite friends link 2. It launches popup window with facebook friends list where user can invite friends 3. Click on send requests button to send the request 1.
  47. 47. Workflow [8] LOGGED IN – CANCEL BOOKING
  48. 48. Your Account’s Page – Recent Booking
  49. 49. Your Account’s Page – Recent Booking  On this page user can see all the past and future bookings. User can select any future booking and cancel it as well. 1. Click on the link to see the booking details 2. Cancel booking list displays any bookings which are recently canceled
  50. 50. Future Booking – with cancel button
  51. 51. Future Booking – Cancel Button Cancel Button to cancel booking. Click on this button to cancel booking 2. Future booking details 1.
  52. 52. Cancel Booking Page
  53. 53. Cancel Booing Page - Description Details of hotel booked 2. Cancelation details 3. Booking Details 4. Click on the Confirm button to cancel the booking 1.
  54. 54. Confirmation of cancelation
  55. 55. Accounts page with recent cancelation

×