Questly

As the Product Designer & Manager at GuruLabs, I led the design of Questly, a B2B SaaS platform that boosts user engagement for Web3 communities through a complete gamification infrastructure, including leaderboards, rewards systems, and interactive quests.

The MVP launch was a remarkable success, attracting over 30,000 users in the first campaign, showcasing the platform's capacity to drive significant engagement from the start, alongside other key achievements.

Company

Guru Labs

Role:

Product Designer & Manager

Segment

Saas | Web3 | Loyalty

Website:

Questly.quest

The challenge

The challenge

The challenge

Retaining users in a competitive space

In the crowded Web3 quest platform market, our main challenge was to enhance user retention while fostering community engagement. Existing platforms allowed users to discover quests from various competitors, leading to decreased loyalty and fragmented user experiences.

To tackle this, I designed a solution that kept users within their community’s environment. The focus was on creating a fun and social UX that would not only retain users but also strengthen community bonds and interaction through a compelling gamified experience.

Through conversations and feedback from Web3 partner companies, we identified a common complaint among marketing executives and community managers.

While large quest platforms in the space delivered positive results, their model allowed users to discover and complete quests from competitors, harming user retention. This revealed an opportunity and challenge: to create a solution enabling companies to have their own gamification hub, integrating quests from other platforms while also offering their own internal quests.

Through conversations and feedback from Web3 partner companies, we identified a common complaint among marketing executives and community managers.

While large quest platforms in the space delivered positive results, their model allowed users to discover and complete quests from competitors, harming user retention. This revealed an opportunity and challenge: to create a solution enabling companies to have their own gamification hub, integrating quests from other platforms while also offering their own internal quests.

Research

Research

Research

Understanding the ecosystem

User Interviews & Surveys: I conducted targeted interviews with community managers and marketing executives to uncover pain points and validate the need for a tailored solution.

Competitor Analysis: We created detailed feature maps and user flow charts of competing products. Partnering with Clipper, a prominent decentralized exchange and prospective first client, we gathered insights from their community, identifying key features that would set Questly apart.

User Interviews & Surveys: I conducted targeted interviews with community managers and marketing executives to uncover pain points and validate the need for a tailored solution.

Competitor Analysis: We created detailed feature maps and user flow charts of competing products. Partnering with Clipper, a prominent decentralized exchange and prospective first client, we gathered insights from their community, identifying key features that would set Questly apart.

User Interviews & Surveys: I conducted targeted interviews with community managers and marketing executives to uncover pain points and validate the need for a tailored solution.

Competitor Analysis: We created detailed feature maps and user flow charts of competing products. Partnering with Clipper, a prominent decentralized exchange and prospective first client, we gathered insights from their community, identifying key features that would set Questly apart.

Personas

Personas

Personas

Identifying decision-makers and end users

Through the research, we defined two main personas:

The Decision-Maker: A marketing executive focused on maximizing user engagement.

The End User: A Web3 enthusiast who values interactive and immersive quests.

This dual focus ensured that Questly catered to the needs of both business clients and their target audience.

Through the research, we defined two main personas:

The Decision-Maker: A marketing executive focused on maximizing user engagement.

The End User: A Web3 enthusiast who values interactive and immersive quests.

This dual focus ensured that Questly catered to the needs of both business clients and their target audience.

Through the research, we defined two main personas:

The Decision-Maker: A marketing executive focused on maximizing user engagement.

The End User: A Web3 enthusiast who values interactive and immersive quests.

This dual focus ensured that Questly catered to the needs of both business clients and their target audience.

Features & Quests

Features & Quests

Features & Quests

Defining the core experience

With insights from the research and defined personas, I collaborated with the team to outline essential features for Questly’s MVP. We prioritized planning functionalities that would address key pain points and enhance user engagement, focusing on both admin and end-user aspects.


I facilitated brainstorming sessions to define initial quest ideas that were both engaging and feasible within our development timeline. These sessions led to a prioritized list of quests that aligned with our users' interests and our product capabilities.

Wireframing

Wireframing

Wireframing

Sharpening the UX

With initial features outlined, I sketched wireframes. I developed early prototypes, prioritizing the end-user experience to create a quest hub that was engaging and familiar for the target audience bringing gaming elements.


For usability testing, I adopted an asynchronous approach—users recorded their screens and narrated their experiences as they completed specific tasks within Questly. This method, paired with post-test surveys, yielded valuable feedback, revealing strengths and identifying minor tweaks needed for the final version. I organized the feedback by feature, guiding adjustments and enhancements before final development.

Customization

Customization

Customization

Flexibility as a key cifferentiator

A major strength of Questly is its white-label approach, allowing full customization to match any client’s branding. My focus was on designing highly adaptable UIs—clients could use the admin panel to customize everything from logos and color schemes to wording within the user experience.


This enabled brands to create unique, tailored experiences for their communities. For instance, Clipper, whose branding revolves around pirate themes, could rename their rewards inventory to “treasure chest” and team names to “ships,” creating a more cohesive and engaging user experience.

Design handoff

Design handoff

Design handoff

The final steps

After prototyping and testing, I focused on creating all the UIs, starting with the quest hub and quest flows for the end user. This phase was all about making the experience engaging and visually cohesive, ensuring that each interaction felt intuitive and aligned with the user's journey.

I then moved on to designing the admin panel flows, prioritizing usability for managers and decision-makers. During the handoff, I worked closely with the development team, refining micro interactions and making adjustments on the go to ensure a smooth and efficient implementation of the final designs.

Results

Results

Results

Proving the power of gamification

By the end of our first development phase, Questly secured deals with Clipper and SushiSwap, two prominent players in the Web3 space.


Clipper used Questly for their Sail Token ($SAIL) launch, attracting 30,000 active users who competed in quests, both internal and third-party. This marked a significant milestone for Questly.


SushiSwap leveraged Questly for a $TOSHI trade competition, resulting in over $1 million traded during the event, highlighting the effectiveness of our gamification strategy.

Don't delay your next big product decision

© 2024 Marcel Vinotti

© 2024 Marcel Vinotti