.gif)
Starbucks Rewards
The Starbucks Rewards website is a loyalty program platform where customers can sign up, earn points, and redeem rewards for free store items and discounts. As part of a concept project, the website has been redesigned with a Christmas theme, improving the user experience, and making the website more user-friendly to simplify its website design, improve customer satisfaction, and increase engagement with the brand.
Our Goals
This project aims to enhance the user interface of the Rewards website by creating a visually interactive and appealing design. The landing page will be updated to a Christmas-themed design to align with the holiday season, and a dynamic feature will be integrated to follow a moving Christmas tree star across the page. The primary objective is to improve user engagement, encourage earning of Starbucks points, and meet client expectations by delivering a fresh, modern, and aesthetically pleasing design that aligns with current UI trends.
The Process
Heuristic Evaluation
conducting a heuristic evaluation of the Starbucks Rewards webpage can help identify potential usability issues that may adversely affect the user experience and discourage users from signing up for the rewards program. Therefore, potential usability issues can be addressed before they become major obstacles for users, thus increasing the likelihood of successful sign-ups and greater user engagement.
Competitive Analysis
After conducting a thorough analysis of our competitors' websites and identifying their strengths and weaknesses, we utilized this information to improve our landing page design.
Key Takeaways
● Emphasis on joining the app as a powerful CTA
● A Hero Section with a beautiful and bold visual identity to encourage users to join the app
● Strong visual design and interaction for the stars and points explanation section
● An emphasis on " Being Special " as a message to users (members only)Making the Offers
● Rewards section visually appealing
Hero Section Iterations
Get your favorite for free Section Iterations
Star Codes Section Iterations
Entire Page (Before/After)
Final Wireframes
