GameUp

App and Web Design
Project Overview
GameUp is an e-commerce app and website that allows gamers and non-gamers to search and buy gaming equipment. The web page provides a wide range of options and a system for building your PC-Gamer based on user budget and needs.
The problem
Gamers and non-gamers who need to become more familiar with technology can find it stressful to make choices based only on technical aspects. Building your setup without help can be expensive, stressful, and challenging.
The goal
Provide a one-site e-commerce website and app that allows gamers to find their desired equipment and learn more about the products through an assistance chatbot and technical support to know they are making the right choice. Give them access to a build-your-own PC tool to create their computer according to their needs.

User research

After conducting interviews and creating empathy maps, some key points emerged: Users feel more comfortable buying technology products when they can try and explore them. They also prefer products for which they can seek advice on whether they are suitable for their intended use or read reviews about other users' experiences. Similarly, the experience of purchasing gaming products can become frustrating when trying to stay within a budget, highlighting the need to create a digital store that can provide real-time guidance to users regarding product specifications or usage and a personalized experience where they can explore products based on their specific needs, such as price range or preferred brand.

Ideation

For this part of the process, I started with the sitemap for the app and site, adding common aspects that are a must in online shops, like a home, category, and profile page. Also, I created the user flow my users were going to be asked to test on the first iteration of wireframes, where the goal was to explore the shop, select an item, and get it.

Wireframes

For this project, I started with a Mobile-First Design by creating paper wireframes translated into digital wireframes to test on users. While conceptualizing, my goal was to develop an accessible commerce app where you could explore variety and refine according to your needs. That's why I created constant items like "Build your own PC" and category buttons to stay on the top while updating the products displayed at the bottom.
GameUp Low Fidelity App Prototype

Mockups

During this stage of the project, my focus was on achieving the final look and feel for both the web and app versions. In order to ensure design consistency across the board, I created a sticker sheet on Figma. This enabled me to easily access and utilize all the necessary design elements and assets for both versions of the project.

High Fidelity Prototypes

Upon completing several interviews, I analyzed the feedback and insights gathered from the users. Taking into account their valuable input, I thoroughly refined the design and user flow of the app. To ensure that the users have an excellent experience, I created high-fidelity prototypes for both the desktop and mobile versions of the application. These prototypes were developed with great attention to detail and accuracy to make sure that every aspect of the app meets the expectations of the users.
‍
GameUp App High Fidelity Prototype

GameUp Web High Fidelity Prototype

GameUp
App and Web Design
December 2023
Impact
GameUp's goal is to give gamers and non-gamers a new experience buying gaming products online, mainly by offering them assistance through a chatbot where they can solve their doubts, compare items, and ask for more details. GameUp is an e-commerce site that can give users a new perspective on how to buy online.
Here are two quotes I liked from users' feedback:
‍"I love that you can buy anything from one site."
"What I liked was the distribution of the home, the discovery section, and how you can easily search for anything."

What I learned
Designing GameUp was a challenging and great experience for learning from users. Since an  e- commerce design is something that most of the users I interviewed have experienced before, they were clear and concise with their feedback. This project helped me to create a more focused process since the branches that users could track while interacting were so many scenarios, but I focused only on the one I was trying to test, learning to set priorities and milestones I wanted to reach at a certain time during the project development.
From these projects, I improved my Figma skills, creating interactive components and more. It served as a testing ground for my knowledge of UX/UI principles, challenging me to apply and expand my skills in creating an interface that genuinely prioritizes user satisfaction and usability.
‍
Powered by Webflow
LINKEDINDRIBbBLEBEHANCE