Responsive Web Design
Dashboard and E-Commerce Store for a Web3 Loyalty Rewards Program
The rewards dashboard and the e-commerce storefront, two of the primary pages for the new loyalty rewards program.
After launching a new product in 2022, Bored Box struggled to sell its luxury-priced NFT gaming items due to a sharp downturn in the NFT market.
To remain competitive in the market downturn, the team introduced Boredom, a loyalty rewards program designed to diversify product offerings, attract new customers, and retain the existing community by offering products at varied price points.
As the sole designer, I transformed the Boredom concept to reality within just two months. Collaborating closely with the Founder, Head of Product, and development team, I designed user flows and responsive interfaces. My work ensured that users could easily track points, explore rewards, and make purchases while supporting the client’s goals of engagement and retention.
When
2023
2 Months
Client
Bored Box was a curator and seller of NFTs for Web3 games.
Team
From concept to code, we launched the project in a short timeline
Increase in website traffic and sales
Users could earn points by purchasing Bored Box NFTs or creating a boredbox.io user account, which could then be used to buy Web3 game items. I mapped these actions into user flows and integrated them into the existing site map. This step ensured team alignment and provided a clear framework for wireframing and development decisions.
The concept for the new rewards program. Select Bored Box products earned points that could be redeemed for web3 game items.
Notes and sketches that translated the concept into user flows.
The site map updated with the rewards program flows.
Our vision of an intuitive experience included designing a central space that would educate users about how to earn and keep track of points, as well as nudge users towards additional purchases. For this nexus of user needs and business goals, I used an iterative approach to find the right balance.
A sketch of the dashboard concept. The main challenge to resolve was how to communicate which owned products would earn points.
I started with wireframes, testing them against the project requirements. After weighing pros and cons, I explored alternatives and refined the design. While much of this work was independent, I regularly checked in with my team for feedback. Once we landed on a strong solution, I fine-tuned the visuals for clarity and usability.
With the team in agreement that the table was the best approach. I explored the use of iconography, typography, spacing, and other styling details to visually communicate the connection between ownership of items and earning points.
The dashboard was key to the success of the rewards program. In this space users could track their points and access CTAs that would lead to earning more points.
The storefront is where customers could discover items that could be purchased for points. The design was also designed for responsive displays.
An advantage of blockchain e-commerce is that website visitors connect a wallet, which is readily available to make a purchase. Taking advantage of this, we designed and built a dynamic card that contained all of the necessary actions for purchasing an NFT from the store.
Clear alignment was crucial for success on a project with such a tight timeline. Strong leadership from the Product Manager, daily stand-ups, and iterative working sessions are what kept us moving forward.
Some of my greatest learning moments occurred during 1:1 brainstorming with the Front-End Developer. These sessions deepened my understanding of HTML, CSS, and React as we refined visual details together. Experiencing this highly-collaborative project has reinforced my desire to work on similar teams going forward.
Throughout the process, I relied on my teammates’ perspectives to evaluate whether the designs effectively conveyed interactivity and the reward program’s rules. In hindsight, incorporating A/B and preference testing would have provided valuable insights from our fanbase—both strengthening their connection to the product and validating our approach. Fortunately, our dashboard design had a meaningful impact on the business and was well received by the community. I believe this success is a testament to the Founder’s deep understanding of the web3 gaming industry and their fanbase.
I am currently seeking my next impactful product design opportunity. Say hello through the links below.
