UI DESIGN
INTERACTION

GameStop

A redesign of the interface of GameStop’s website in order to create a clearer and engaging brand experience.

MY ROLE
  • UI Design
  • Prototype
  • Design System
  • Interaction Design
MY TEAM
  • Solo Project
TOOLS
  • Figma
  • Adobe Illustrator
  • Adobe Photoshop
  • Adobe After Effects
DURATION
  • 4 weeks
The Problem

GameStop’s website feels dated and cluttered. There are elements that would benefit from a better hierarchy, and the layout is not engaging to the consumer, it feels as if it’s just a display of the various products and brands being sold without a particular tone specific to the brand.

The Solution

To modernize the website and create a more streamlined shopping experience, establishing a clearer hierarchy to guide the eyes throughout the pages. Additionally, incorporating design elements that appeal to the target audience and immerse them into the brand.

Research
Responsive UI Design
Interaction Design
Design System
RESEARCH
Competitive Analysis

GameStop’s website feels dated and cluttered. There are elements that would benefit from a better hierarchy, and the layout is not engaging to the consumer, it feels as if it’s just a display of the various products and brands being sold without a particular tone specific to the brand.

Design Principles
We keep up to date with the latest consoles and games.
Gamers are always in the lookout for action and fun.
In nature, videogames are alternative realities.
We want to invite gamers to always keep exploring new games.
Brand Archetypes
IDEATE
Task Flow
HOMEPAGE
NAVIGATION
SEARCH
SEARCH RESULTS
PDP
ADD TO CART
DESIGN & DEVELOPMENT
UI Design
A futuristic, dreamy design that invites gamers to keep exploring and immerse themselves in new games and new worlds, with GameStop.
Responsive Design
Interaction Design
Soft, geometric animations enhance the futuristic and dreamy and immersive feeling of the website. It’s important to keep the main site of the brand online as lively as its physical stores.
DELIVER
Design System
Typography
STAATLICHES
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
Comfortaa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
Type Scale
Dark Mode
Color Palette
Cyber Blue
#17D3E0
Battle Spirit
#DE0338
Digital
Fantasy
#E11E9F
Other
World
#A871F3
Chosen
One
#3182F2
Buttons
Primary
Secondary
Tertiary
Outlined
Battle Spirit
#DE0338
Cyber Blue
#17D3E0
Digital
Fantasy
#E11E9F
Other
World
#A871F3
Chosen
One
#3182F2
Buttons
Primary
Secondary
Tertiary
Outlined
Cards
REFLECTIONS
What's Working
  • The GameStop website was redesigned to become an engaging and exciting experience that captures the attention of the brand’s target market: gamers.
  • The use of animations and shapes declutters the layout of the original website a lot, making it easier to navigate while guiding the eye along the scrolling pages.
What Needs Improvement
The design would benefit from a more reduced color palette in the most repeated elements, and keeping the tertiary colors to accents in shapes or cards.
    Next Steps
    It would be really exciting to incorporate minigames related to the games being sold, inspired by the events and tournaments that take place in-store that enhance the community sense the brand has.
      Other Projects
      TYPE DESIGN

      ShadowBloom

      UX DESIGN

      Postmates

      PRODUCT DESIGN
      STRATEGY

      Groove

      © 2024 by Paola Rendón Márquez
      Resume
      LinkedIn