V/ONE
Game News Website
Project
Jan 2024 - Feb 2025
Role
UX UI Designer
Company
Personal Project
Tools
Figma, Adobe Creative Suite (Photoshop, Illustrator, Aftereffects), and Framer
V/ONE is a dedicated game news site that brings you the latest updates, in-depth reviews, and exclusive insights from the gaming world.
V/ONE is a dedicated game news site that brings you the latest updates, in-depth reviews, and exclusive insights from the gaming world.
Problem
Modern game news channels often flood readers with too much unnecessary information, making it hard to find what really matters. They can feel repetitive and cluttered with pop-ups and distractions designed to get clicks. v/one aims to cut through the noise by focusing on the most important gaming news in a clean, straightforward way.
Modern game news channels often flood readers with too much unnecessary information, making it hard to find what really matters. They can feel repetitive and cluttered with pop-ups and distractions designed to get clicks. v/one aims to cut through the noise by focusing on the most important gaming news in a clean, straightforward way.
Resources
The design process for V/ONE drew on a range of gaming news websites such as IGN, The Gamer, and Polygon for content and layout inspiration.
Codepen.io and Youtube were used to find inspiration for micro animations to keep the news interesting.
The design process for V/ONE drew on a range of gaming news websites such as IGN, The Gamer, and Polygon for content and layout inspiration.
Codepen.io and Youtube were used to find inspiration for micro animations to keep the news interesting.
Josef Alber’s “Interaction of Color” was my primary source for when my project was still focused on learning color theory.
The Temperature Blanket was a big influence on my final project. The website generates a color palette based on the weather of a certain area. It’s what inspired me to link my project to the circadian rhythm and assigning shades of violet.
In the final outcome, the hero animation was created using a break down video by MotionXP.
01 UX & Structure
02 UX
& Structure
The user experience for V/ONE was built around clarity and speed. I mapped out a simple content hierarchy that prioritizes major headlines like release dates, updates, and announcements. Navigation is minimal and familiar, avoiding unnecessary complexity. The structure was designed to reduce friction—users land directly on the latest news with no pop-ups, side distractions, or unrelated recommendations, making it easy to stay informed without much effort.
The user experience for V/ONE was built around clarity and speed. I mapped out a simple content hierarchy that prioritizes major headlines like release dates, updates, and announcements. Navigation is minimal and familiar, avoiding unnecessary complexity. The structure was designed to reduce friction—users land directly on the latest news with no pop-ups, side distractions, or unrelated recommendations, making it easy to stay informed without much effort.
02 Wireframes
I created wireframes early on to plan the site’s layout and user flow. This helped organize key elements like headlines, article previews, and navigation menus. The wireframes ensured a clean, straightforward design focused on making it easy for users to find and read important gaming news without distractions.
I created wireframes early on to plan the site’s layout and user flow. This helped organize key elements like headlines, article previews, and navigation menus. The wireframes ensured a clean, straightforward design focused on making it easy for users to find and read important gaming news without distractions.
03 Testing & Iteration
I tested the site with users in class, gathering feedback on navigation, readability, and overall experience. Some users found certain sections unclear or overwhelming, so I simplified the layout and reduced visual clutter. This process helped make the site easier to use and more focused on delivering the news that matters.
The final project resulted in an interactive website that showcases 45 thoughtfully curated violet shades linked to the circadian rhythm. Users can easily explore and create personalized color palettes that resonate emotionally and visually. The design balances minimalism with expressive color use, encouraging reflection and connection through color. This project highlights violet’s potential as a versatile and meaningful design element.
04 Visual Guide
The logo is inspired by the power icon, symbolizing control, immediacy, and connection—reflecting V/ONE’s goal to empower users with quick, essential gaming news.
The logo is inspired by the power icon, symbolizing control, immediacy, and connection—reflecting V/ONE’s goal to empower users with quick, essential gaming news.
The branding for V/ONE uses a primary palette of white and black to maintain simplicity and high contrast, enhancing legibility throughout the site. Accents of red are sparingly applied to highlight key elements and calls to action, adding energy without overwhelming the clean design.
The branding for V/ONE uses a primary palette of white and black to maintain simplicity and high contrast, enhancing legibility throughout the site. Accents of red are sparingly applied to highlight key elements and calls to action, adding energy without overwhelming the clean design.
05 Outcomes
The final site offers a clean, easy-to-navigate space where gamers can quickly find important news and updates. By cutting out clutter and focusing on key stories, v/one delivers a better, more efficient news experience that keeps users informed without distractions.
The final project resulted in an interactive website that showcases 45 thoughtfully curated violet shades linked to the circadian rhythm. Users can easily explore and create personalized color palettes that resonate emotionally and visually. The design balances minimalism with expressive color use, encouraging reflection and connection through color. This project highlights violet’s potential as a versatile and meaningful design.
Clean Design
The final site includes a color generator that helps users create their own palettes using 45 violet shades tied to the circadian rhythm. It’s designed to feel intuitive and personal—guiding users through a process of selecting colors based on time, mood, or visual preference.
The final site features a clean, uncluttered UI that makes it easy for gamers to focus on the news that matters. By minimizing distractions like pop-ups and excessive visuals, V/ONE delivers a smooth and efficient reading experience that keeps users informed without feeling overwhelmed.
The final site includes a color generator that helps users create their own palettes using 45 violet shades tied to the circadian rhythm. It’s designed to feel intuitive. Guiding users through a process of selecting colors based on time, mood, or visual preference.
Generator
Cinematic Landing Pages
A section for popular palettes, so users can browse and get inspired by the combinations others are drawn to. It turns the palette-building process into something both creative and shared.
The landing page features a cinematic design that plays game trailers in the background, creating an immersive atmosphere right from the start. Users can scroll through the menu seamlessly while enjoying dynamic visuals, making the site both engaging and easy to navigate.
Palette
No Interuption
Colorway section, where I organized the 45 violet shades into smaller, themed sets. Each colorway highlights a specific mood, energy, or time of day, helping users understand how violet can shift depending on context.
The site is designed to avoid pop-ups, auto-playing ads, or any distracting elements. This ensures users can focus fully on the content and enjoy a smooth, uninterrupted browsing experience.
Colorway
Interactive Timeline
Colorway section, where I organized the 45 violet shades into smaller, themed sets. Each colorway highlights a specific mood, energy, or time of day, helping users understand how violet can shift depending on context.
The timeline lets users explore key gaming events and updates in a dynamic, visual format. Users can scroll or click through important moments, making it easy and engaging to catch up on gaming history or recent news.
Colorway