Eclipse
Eclipse
Eclipse
An app that offers a seamless and enjoyable shopping experience for gamers
Role
UI/UX Designer, UX Researcher
UI/UX Designer, UX Researcher
Industry
E-commerce
E-commerce
Duration
3 months
3 months




The problem:
The current online shopping experience for gamers may not be optimized for their specific needs. Gamers often face challenges in finding the right gaming equipment, comparing prices, and ensuring the authenticity of the products.

The problem:
The current online shopping experience for gamers may not be optimized for their specific needs. Gamers often face challenges in finding the right gaming equipment, comparing prices, and ensuring the authenticity of the products.

The problem:
The current online shopping experience for gamers may not be optimized for their specific needs. Gamers often face challenges in finding the right gaming equipment, comparing prices, and ensuring the authenticity of the products.

The goal:
Our goal is to design an app and website that offers a seamless and enjoyable shopping experience for gamers. We want to provide a platform that makes it easy for gamers to find the equipment they need, read reviews, compare prices, and make secure purchases. By doing so, we aim to enhance the overall game-shopping experience for our users.

The goal:
Our goal is to design an app and website that offers a seamless and enjoyable shopping experience for gamers. We want to provide a platform that makes it easy for gamers to find the equipment they need, read reviews, compare prices, and make secure purchases. By doing so, we aim to enhance the overall game-shopping experience for our users.

The goal:
Our goal is to design an app and website that offers a seamless and enjoyable shopping experience for gamers. We want to provide a platform that makes it easy for gamers to find the equipment they need, read reviews, compare prices, and make secure purchases. By doing so, we aim to enhance the overall game-shopping experience for our users.
Design Process
In my design process, I focused on the needs of the users using the Design Thinking framework. This involved understanding user needs, generating multiple design solutions, and testing and refining the designs based on user feedback.
In my design process, I focused on the needs of the users using the Design Thinking framework. This involved understanding user needs, generating multiple design solutions, and testing and refining the designs based on user feedback.
In my design process, I focused on the needs of the users using the Design Thinking framework. This involved understanding user needs, generating multiple design solutions, and testing and refining the designs based on user feedback.



User Research: Summary
We started by conducting interviews with gamers to understand their needs, preferences, and pain points when it comes to purchasing gaming equipment. We also conducted surveys to gather quantitative data on their shopping habits and preferences. Additionally, we analyzed existing user reviews and feedback on similar platforms to gain insights into common issues and areas of improvement. This combination of qualitative and quantitative research methods helped us gather valuable insights that informed our design decisions and ensured that the app and website meet the needs of gamers effectively.
We started by conducting interviews with gamers to understand their needs, preferences, and pain points when it comes to purchasing gaming equipment. We also conducted surveys to gather quantitative data on their shopping habits and preferences. Additionally, we analyzed existing user reviews and feedback on similar platforms to gain insights into common issues and areas of improvement. This combination of qualitative and quantitative research methods helped us gather valuable insights that informed our design decisions and ensured that the app and website meet the needs of gamers effectively.



Competitive Audit



I conducted a competitive analysis on both direct and indirect competitors of Eclipse. The aim was to identify their strengths and areas for improvement. I focused on finding a value proposition for Eclipse to gain a competitive edge.
I conducted a competitive analysis on both direct and indirect competitors of Eclipse. The aim was to identify their strengths and areas for improvement. I focused on finding a value proposition for Eclipse to gain a competitive edge.
I conducted a competitive analysis on both direct and indirect competitors of Eclipse. The aim was to identify their strengths and areas for improvement. I focused on finding a value proposition for Eclipse to gain a competitive edge.



Empathy Map



Painpoints
User Persona



User Journey



User Flow



Paper Wireframes
I ensured that each screen of the app was well-suited to address user pain points by drafting iterations on paper before creating digital wireframes. I prioritized a quick and easy ordering process on the homepage to help users save time.
I ensured that each screen of the app was well-suited to address user pain points by drafting iterations on paper before creating digital wireframes. I prioritized a quick and easy ordering process on the homepage to help users save time.
I ensured that each screen of the app was well-suited to address user pain points by drafting iterations on paper before creating digital wireframes. I prioritized a quick and easy ordering process on the homepage to help users save time.



Stars were used to mark the elements of each sketch that would be used in the initial digital wireframes
Stars were used to mark the elements of each sketch that would be used in the initial digital wireframes
Stars were used to mark the elements of each sketch that would be used in the initial digital wireframes
Digital wireframes
As the initial design phase progressed, I ensured that the basic screen designs were based on feedback and findings from the user research.
As the initial design phase progressed, I ensured that the basic screen designs were based on feedback and findings from the user research.
As the initial design phase progressed, I ensured that the basic screen designs were based on feedback and findings from the user research.






Easy search was a key user need to address in the designs in addition to equipping the app to work with assistive technologies.
Easy search was a key user need to address in the designs in addition to equipping the app to work with assistive technologies.
Easy search was a key user need to address in the designs in addition to equipping the app to work with assistive technologies.
Usability study: Findings
I conducted some usability studies to understand how users interact with the gaming e-commerce app. I wanted to find out what makes the app easy to use and enjoyable. Here's what I discovered:
I conducted some usability studies to understand how users interact with the gaming e-commerce app. I wanted to find out what makes the app easy to use and enjoyable. Here's what I discovered:
I conducted some usability studies to understand how users interact with the gaming e-commerce app. I wanted to find out what makes the app easy to use and enjoyable. Here's what I discovered:



Mockups
I focused on enhancing the item page by incorporating smaller preview images beneath the main product image, allowing for quick, efficient visual navigation and better decision-making.
I focused on enhancing the item page by incorporating smaller preview images beneath the main product image, allowing for quick, efficient visual navigation and better decision-making.
I focused on enhancing the item page by incorporating smaller preview images beneath the main product image, allowing for quick, efficient visual navigation and better decision-making.



I aimed to improve the shopping experience by ensuring users can easily see the prices of their items in the cart. I streamlined the design to be more user-friendly, with clear labels and a total cost summary to prevent confusion at checkout.
I aimed to improve the shopping experience by ensuring users can easily see the prices of their items in the cart. I streamlined the design to be more user-friendly, with clear labels and a total cost summary to prevent confusion at checkout.
I aimed to improve the shopping experience by ensuring users can easily see the prices of their items in the cart. I streamlined the design to be more user-friendly, with clear labels and a total cost summary to prevent confusion at checkout.









Accessibility considerations



Key takeaways

Impact:
The design has been highly praised for its user-centric approach, with one gamer expressing, "The platform feels like it was made just for us, addressing all our gaming gear needs with such precision."

Impact:
The design has been highly praised for its user-centric approach, with one gamer expressing, "The platform feels like it was made just for us, addressing all our gaming gear needs with such precision."

Impact:
The design has been highly praised for its user-centric approach, with one gamer expressing, "The platform feels like it was made just for us, addressing all our gaming gear needs with such precision."

What I learned:
Throughout this project, I conducted interviews and surveys with gamers, analyzed user reviews, and gathered valuable insights. I learned about their needs, preferences, and pain points when purchasing gaming equipment. This research guided my design decisions, ensuring that the platform meets the specific requirements of gamers and provides an intuitive and tailored experience.

What I learned:
Throughout this project, I conducted interviews and surveys with gamers, analyzed user reviews, and gathered valuable insights. I learned about their needs, preferences, and pain points when purchasing gaming equipment. This research guided my design decisions, ensuring that the platform meets the specific requirements of gamers and provides an intuitive and tailored experience.

What I learned:
Throughout this project, I conducted interviews and surveys with gamers, analyzed user reviews, and gathered valuable insights. I learned about their needs, preferences, and pain points when purchasing gaming equipment. This research guided my design decisions, ensuring that the platform meets the specific requirements of gamers and provides an intuitive and tailored experience.
Next steps



For inquiries or to take a closer look at my projects and design process, please feel free to reach out to me.
Empathize
User research
User interview
Competitive analysis
Define
Problem statements
User personas
Empathy mapping
Ideate
User journey map
User flow
Information architecture
“How might we”
Prototype
Testing of initial concepts
Wireframes
High fidelity designs
Prototype
Test
Iteration of design
based on usability
testing
Other projects



RiverSide Dashboard
Digital health platform that offers an organ monitoring feature that allows real-time tracking of essential organ functions, such as those of the heart and lungs.



Jobwharf Website Redesign
Streamlining the Job Search Experience: A Comprehensive Case Study



Collection of branding projects
Creative branding Journeys: Tailored Solutions for Every Industry
Copyright 2024 by Abdulqadir Yahya. All rights reserved.
Copyright 2024 by Abdulqadir Yahya. All rights reserved.
Copyright 2024 by Abdulqadir Yahya. All rights reserved.