Yifan Yu / Gloria Hu / Hongyang Zhou
Final Project for CS 5356 Building Startup Systems (2024SP):
Full-stack development including front-end, back-end, API, and database hosting.
Steam AIO - A functional, customizable library to enhance sense of ownership and gaming experience.
PROTOTYPE & DESIGN
Web Application: Yifan Yu, Gloria Hu, Hongyang Zhou
UI Engineering: Gloria Hu
Figma Design: Gloria Hu
Front-End Development: Gloria Hu
TOOLS
Figma
HTMl, CSS, and JavaScript
Visual Studio Code
MongoDB
Steam API
AWS Elastic Beanstalk
BACKGROUND
As gaming became more personal, the existing Steam platform had limited space for users to craft their own game world. Gaming should be exciting, fun, and customizable, but users lacked a true sense of ownership.
TARGET
We targeted active Steam users and used various design methods to develop a customizable library that enhances their gaming experience.
HYPOTHESIS
We hypothesized that current Steam users may want a customizable game library.
METHODOLOGY
To test our hypothesis, we sent surveys and did interviews with various Steam users to see if their preferences and pain points matched our assumptions.
FINDINGS
We asked if they wanted a customized game library, and 29 out of 32 survey users said yes. In the in-depth interviews, participants felt the same way. Here are quotes from our user interviews:
Why is it significant for Steam users
to have a customized game profile?
Much like designers using Figma to create personalized workspaces,
gamers desire a similar level of customization for their game libraries.
DESIGN PRINCIPLES
01. Design
Sketch and design user workflows and wireframes in Figma, ensuring an accessible and personalized game library experience.
02. Developement
Iterate through development, seamlessly integrating Steam's API and building the front-end, back-end, and database hosting to create a fully functional platform.
03. Integration
Provide interactive features such as customizable game posters, ratings, and tagging to enhance game management, making it enjoyable and intuitive.
HOW MIGHT ME
Design an interactive and customizable library for Steam users that enhances their gaming experience by offering personalized visuals, a sense of ownership, and full control of game management?
OUR APPROACH
A web platform that introduces three key features to enhance the gaming library experience.
1 /
GAME POSTER/GRID
Feature 1: Pre Surgery Tasks
Users can change their game grid posters, capturing and displaying favorite moments. This adds a personal touch and enhances the visual appeal of profile pages.
2 /
GAME RATING
Feature 1: Pre Surgery Tasks
Users can rate games directly on their profile page to remember favorites and improve their experience. After adding a rating, the "Rating" button changes to "Delete" for easy management.
3 /
GAME TAG
Feature 1: Pre Surgery Tasks
Users can add tags or categories to organize their game library. Each game gets one tag, and the "Add Tag" button changes to "Delete" for simple updates or removal.
HOME
Projects
about me
new york, NY
rh692@cornell.edu
©Gloria Hu 2024