< Back
Virtual Vanguard: Online gaming product
Company
No Company, Self Designed
Duration
11/2023 - 12/2023
My Role
Lead UX&UI Designers
About
At Virtual Vanguard, we are passionate about gaming and are dedicated to providing our customers with the best possible experience. The website offers a wide range of unique gaming products and accessories. We understand that the checkout process is a crucial aspect of the customer experience, which is why we've streamlined our checkout page to make it as easy as possible but not losing user's interests. Whether you're a hardcore gamer or just looking to get started, Virtual Vanguard has everything you need for an unforgettable gaming experience.
Project Details
Design Goal
Improve the user experience of the online market, adding new content pages, checkout page navigation, and attract new customers to our branding. Centering around providing users with an immersive and enjoyable shopping experience.
Target Users
- 16 to 50 years old
- Homeowners
- Hardcore Gamers
- Esports Enthusiasts
- Game Developers
- Collectors
- Streaming Audience
Design Criteria
Ease of use- all information must be easy to access and a smooth checkout flow.
Sitemap
The sitemap organizes the pages, showing the relations between the contents.
UX Redesign
The first site included unnecessary elements that was inaccessible. From usability studies and interviews the issues was:
- Background color and typeface are too immature
- Typeface not related to the topic
- UI design and layout are lack of design
- Color choosing can be improve and reconsidered
- Checkout page typeface are too small
- Webpage footer is too crowed and could be improve by realign the texts
Responsive Design
The project is designed for different screen sizes by considering inclusive and better experience across various devices.
Design Systems
To make sure throughout the design process all elements are consistent, I planned a UI guide with details on color palettes, typography, and UI designs,
