HeadingHeadingThis is some text inside of a div block.
Employee Engagement

Better and Faster Employee Rewards Platform | DEC'19 Plum Release

Better and Faster Employee Rewards Platform | DEC'19 Plum Release

Xoxoday stores is now rebranded as Xoxoday Plum and has undergone a complete design and usability transformation in order to create a better and faster employee rewards platform. UX flows and UI of the previous stores interface has been revamped to render a much smoother user experience. All of these changes were done keeping the previous capabilities of the Xoxoday stores intact. The new platform is built as a progressive web app (PWA) that follows a mobile-first approach to ensure the users have an faster and smoother experience.‍

I. Homepage

The layout, colors, and fonts of the new Xoxoday Plum web interface provides an exciting and highly functional user experience. Bright purple, the brand color of Xoxoday Plum, is now used across the product. Page navigation and discovery of content is designed to be seamless and quick. (See Fig 1)

Fig 1: Plum’s brand new avatar
Fig 1: Plum’s brand new avatar

a. User Profile

The profile of the user now displays all the important user information organised across tabs, namely, Profile, Your Orders, Xoxo points and Xoxo vouchers (see Fig 2).The Profile tab lists the name, phone, email id, balance of the empuls points and the balance of Xoxo points. The Your orders tab lists the previous transaction made by the user. The Xoxo points tab lists the credit and debit history of Xoxo points. The Xoxo voucher tab lists all the vouchers that have been received by the user.

Fig 2: User profile page
Fig 2: User profile page

b. Login/Logout functionality and SSO

The login page has been redesigned with an attractive UI and provides an option of  Single Sign On. (See Fig 3)

Fig 3: The all-new login modal windowc. Location 
Fig 3: The all-new login modal window

c. Location 

The Plum page header now gives the user the option to explore experience, voucher or perk  of a country of their choice. Selecting a country filter displays the experiences, gift voucher and perks that are valid only in that country. (See Fig 4)

Fig 4: List of countries
Fig 4: List of countries

d. Categories

Categories are better accessible in the new design through a drop down and a header menu on the home page. Five categories in Experiences, 24 categories in Gift Vouchers and 8 categories in Perks are well displayed. (See Fig 5)

Fig 5: Category options listed in Plum
Fig 5: Category options listed in Plum

e. Search bar

The search bar now gives search suggestions that provide details of the experience name and category. This enables users to quickly access their preferred result and complete the purchase. (See Fig 6)

Fig 6:  Search results with complete details
Fig 6:  Search results with complete details

 

II. Experiences Page Search Filters

The experiences page now allows filtering results by the city, category, price range and date range of booking of the experience. The results can also be sorted by most popular or by price.  Tags of the selected filter are displayed below the header. This helps the user view the selections he/she has made.

Fig 7: Experiences page search filters
Fig 7: Experiences page search filters

III. Gift Vouchers Page Search Filters

The gift vouchers page now allows filtering results by the category of the gift voucher. The results can also be sorted by most recent or name. Tags of the selected filter are displayed below the header- helping the user to quickly figure out the selections he/she has made.

Fig 8: Gift voucher page search filters
Fig 8: Gift voucher page search filters

IV. Perks Page Search Filters

The perks page at present allows filtering results by category and brand of the perk. 

Fig 9: Perk page search filters
Fig 9: Perk page search filters

V. Experiences Product Page

The Experiences product page provides better navigation for the user via a section shortcut header. Every Experience page has a visually-rich summary that consists of images, description, location, FAQs and booking sections.

Fig 10: Experience page
Fig 10: Experience page

VI. Gift Vouchers Product Page

The Gift Vouchers product page now provides a complete description of the gift voucher. Every Gift Voucher page has a visually-rich summary that consists of description, terms & conditions, How to use and booking sections.

Fig 11: Gift Voucher page
Fig 11: Gift Voucher page

VII. Checkout Page

The UI of the Plum Checkout page has been revamped to provide the user the complete clarity of their transactions. The page provides item-wise transaction details and also gives the order summary that details the discounts and other charges. (See Fig 12)

Fig 12: Plum Checkout Page
Fig 12: Plum Checkout Page

VII. Payment page

The new Plum payment page allows the user to enter Payment Options such as - entering the gift card details and additional payment methods such as Credit/Debit card, Net Banking, and Paypal.

Fig 13: Payment Page
Fig 13: Payment Page

IX. Order History

The order history page now shows the details of the previous transactions on a compact layout. It lists the Order ID, Type, Name, Order date, Amount paid and Status of the order in the snippet. Clicking on ‘View details’ displays the complete invoice of the transaction.

 

Fig 14: Plum Transaction History
Fig 14: Plum Transaction History

Get in Touch

Get in touch to help us understand your requirement a little better. We will get back to you with a demo tailor made for your business needs.

Book a Demo
Stay updated on engagement, rewards, incentives and benefits trends
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.