Boosting Engagement and Sales: Driffle’s E-Commerce That Converts

Asva Labs Hero Image
Asva Labs Hero Image
Asva Labs Hero Image

Driffle Gaming is a digital marketplace that caters to gamers, offering an extensive collection of games, DLCs, gift cards, and subscriptions.

Type

UI/UX Design

Client

Driffle Gaming

Industry

Gaming E-Commerce

Team

1 UI/UX Designer

1 Project Manager

Timeline

30 Days

Goal

The goal was to design a modern, user-friendly website where gamers could easily browse and purchase game keys, DLCs, and gift cards. The design needed to simplify navigation, streamline checkout, and guide new users on how to purchase and use game keys, with clear categories for platforms like PC, PlayStation, and Nintendo.

The goal was to design a modern, user-friendly website where gamers could easily browse and purchase game keys, DLCs, and gift cards. The design needed to simplify navigation, streamline checkout, and guide new users on how to purchase and use game keys, with clear categories for platforms like PC, PlayStation, and Nintendo.

Challenges

The main challenge was creating an intuitive design that impressed tech-savvy gamers while keeping the vast game categories organized. Ensuring a smooth checkout process with multiple payment options and maintaining transparency in pricing between sellers were key hurdles to address.

The main challenge was creating an intuitive design that impressed tech-savvy gamers while keeping the vast game categories organized. Ensuring a smooth checkout process with multiple payment options and maintaining transparency in pricing between sellers were key hurdles to address.

Outcome

I successfully delivered a streamlined, visually appealing platform that enhanced user engagement and sales. Gamers could easily compare products, buy from multiple sellers, and navigate with ease. The design improved user satisfaction, trust, and provided clear guidance for new users, meeting the project’s goals.

I successfully delivered a streamlined, visually appealing platform that enhanced user engagement and sales. Gamers could easily compare products, buy from multiple sellers, and navigate with ease. The design improved user satisfaction, trust, and provided clear guidance for new users, meeting the project’s goals.

Discovery

How I started

I began working with the Driffle team by fostering open communication to ensure everyone was aligned on the project's vision. We had several meetings to understand the core requirements, discussing the platform's objectives, user demographics, and how the product would fit into the gaming market.

  • Engaged with stakeholders to understand their vision and goals

  • Conducted deep dives into the gaming market to assess user needs

  • Clarified the project's scope, user journey, and design requirements

  • Collaborated on developing a realistic timeline and resource plan

Research

I dove deep into understanding how the gaming industry operates, both from a business and user perspective. I started by conducting thorough market research, identifying both direct and indirect competitors. This allowed me to analyze the strengths and weaknesses of existing platforms.

Additionally, I reached out to fellow gamers, to get firsthand insights into their needs, preferences, and pain points. Their feedback helped shape the user experience to cater directly to the gaming community.

Vaidik's setup while he is doing market research.
Vaidik's setup while he is doing market research.
Vaidik's setup while he is doing market research.

Design Conceptualization

From UX aspect

I began by mapping out the user flows, ensuring that the journey from product discovery to purchase was smooth and intuitive. I focused on creating seamless navigation throughout the site, so users could easily find games, gift cards, or DLCs without getting lost. A special emphasis was placed on simplifying the checkout process, minimizing any friction that might cause users to abandon their carts. I also outlined how different payment options and seller transparency would integrate into the flow, ensuring a seamless UX from start to finish.

  • Created detailed user flows for each stage of interaction, from browsing to purchase

  • Defined a clear navigation system for quick access to categories and games

  • Focused on minimizing cart abandonment through a streamlined checkout experience

  • Integrated multiple payment options and clear seller information to foster transparency

  • Ensured the user journey remained consistent and easy for both first-time and experienced users

A low fiedelity wireframe for asva labs website.
A low fiedelity wireframe for asva labs website.
A low fiedelity wireframe for asva labs website.

Design Creation

Crafting Design Language

Once the UX structure was clear, the next step was to bring everything to life visually. My focus was on creating a clean, modern interface that reflected the excitement of gaming while maintaining a simple, user-friendly aesthetic. I ensured that:

  • The color palette was vibrant yet easy on the eyes, avoiding fatigue during extended browsing.

  • The typography was bold and readable, enhancing the gaming experience.

  • Key elements like buttons, menus, and icons were designed for quick accessibility, making navigation seamless.

  • Consistency across pages was maintained, ensuring that each interaction felt intuitive and smooth.

Color scheme crafted for the website design for Asva Labs
Color scheme crafted for the website design for Asva Labs
Color scheme crafted for the website design for Asva Labs
Color scheme crafted for the website design for Asva Labs
Color scheme crafted for the website design for Asva Labs
Color scheme crafted for the website design for Asva Labs

Iterations and Design Sprints



To ensure smooth progress, I organized design sprints with the team, dividing tasks into manageable chunks to hit our project milestones. Each sprint focused on specific sections like the homepage, product pages, and checkout flow.


I shared designs regularly with the team, gathering feedback to refine the user experience. After each round of feedback, I iterated quickly, making adjustments to keep the design on track while maintaining our timeline.

Concept Testing: How I handled the difference in the opinion

During the project, the team considered switching the website from dark mode to light mode. While I advocated for dark mode, explaining how it enhances the gaming experience by reducing eye strain and aligning with the audience's preferences, they requested concept testing to validate the choice. I designed a few pages in light mode for comparison.

After testing, the data supported my initial decision—dark mode provided better usability and user satisfaction. The team agreed, and we proceeded with the dark theme, ensuring a more immersive and comfortable user experience.

A concept design for the website of Asva Labs
A concept design for the website of Asva Labs
A concept design for the website of Asva Labs

Outcome & Impact

Final Design

The final design exceeded expectations, earning praise from the team and the gaming community alike. It perfectly balanced aesthetics with functionality, creating a user-friendly experience tailored to gamers’ needs.


Designed by a gamer for gamers, the platform resonated deeply with its audience, offering intuitive navigation, seamless purchasing, and visually engaging elements that enhanced the overall experience. The result was a product the team loved, meeting both business goals and user satisfaction.

Impact

Within just three months of implementation, the impact was clear: sales increased by 27%. Regular UX improvements, based on user feedback, contributed to this growth. Many users highlighted the platform’s simplicity, particularly the seamless key management process, as the reason they preferred Driffle over competitors. By focusing on intuitive design and removing friction, the platform became a go-to choice for gamers looking for a hassle-free experience.

Want to see complete design?

Feel free to appreciate the project and share your feedback in the comments.

Feel free to appreciate the project and share your feedback in the comments.

AVAILABLE? OMNIPRESENT

I’m pretty sure that I can help you with something, otherwise you wouldn’t be here.

Feel free to reach out!

Stay with me!

Drop a follow, I won’t spam your feed. I promise!

LinkedIn Logo
Behance Logo

Getting 1% better, everyday.

AVAILABLE? OMNIPRESENT

I’m pretty sure that I can help you with something, otherwise you wouldn’t be here.

Feel free to reach out!

Stay with me!

Drop a follow, I won’t spam your feed. I promise!

LinkedIn Logo
Behance Logo

Getting 1% better, everyday.

AVAILABLE? OMNIPRESENT

I’m pretty sure that I can help you with something, otherwise you wouldn’t be here.

Feel free to reach out!

Stay with me!

Drop a follow, I won’t spam your feed. I promise!

LinkedIn Logo
Behance Logo

Getting 1% better, everyday.