Steam Store Pages Get Wider and Cleaner Design Update

Steam has rolled out a significant visual overhaul to its store pages, embracing a wider and cleaner design that aims to enhance the user experience for both players and developers. This update, which has been in beta testing and is now being widely implemented, represents a modernization of the platform to better accommodate contemporary display standards and user expectations.

The most noticeable change is the expansion of store page width, increasing from the previous 940 pixels to a more generous 1200 pixels. This provides considerably more space for game assets and descriptive content, making it easier for potential buyers to engage with what a game has to offer. The main content column has also seen an increase, moving from 616 pixels to 780 pixels, allowing for larger screenshots and trailers to be displayed without compromise. This broader canvas offers developers a better opportunity to present their games in a visually appealing and informative manner.

Enhanced Media Presentation

A key aspect of this design update is the improved handling of visual media. Screenshots and trailers can now be showcased at higher resolutions and in their correct aspect ratios, thanks to the increased screen real estate. Valve has introduced a new carousel system that allows users to switch between three viewing modes: a default view, a theater overlay, and a full-screen option. These modes ensure that navigation controls remain accessible while users are immersed in game visuals.

The addition of new media controls, including simple arrows to navigate between images and videos, makes browsing galleries more intuitive. Furthermore, the “theater mode” and proper full-screen options for images enhance the viewing experience, allowing for a more detailed appreciation of game art and promotional material. Developers can now embed video files in .mp4 and .webm formats, in addition to .gif, with restrictions on size (100MB) and length (12 seconds). Valve’s backend system handles the transcoding to ensure optimal quality across various devices.

Richer Content for Developers

Developers benefit significantly from the expanded design, gaining new Steamworks tools that support larger background art and richer text formatting within their game descriptions. The “About the Game” section, in particular, has been upgraded to allow for more in-depth content presentation. This gives publishers greater control over how they showcase their games, enabling them to better communicate features, gameplay mechanics, and unique selling propositions.

The ability to use more visually engaging formats, such as short videos, can help demonstrate specific game mechanics or add visual flair to a store page. This increased flexibility empowers developers to create more compelling and informative product pages, potentially leading to better conversion rates from browsers to buyers. The goal is to provide a more immersive and informative experience that helps players make educated purchasing decisions.

Wider Layout Across Steam

The wider design isn’t confined to individual game pages; it has been applied across various sections of the Steam store. Search results, bundle pages, tag hubs, and recommendation lists now all utilize the expanded format. These sections feature taller rows for improved artwork display, contributing to a more consistent and visually appealing browsing experience throughout the platform. Even Steam Charts and the News Hub have been updated to align with these new design standards.

Valve’s decision to adopt the 1200-pixel width was based on testing various window sizes and analyzing Steam Hardware Survey data, acknowledging that many users do not run the Steam client in fullscreen. This thoughtful approach ensures the design is optimized for a wide range of user setups, providing a balance between displaying more content and maintaining ease of navigation. The layout remains responsive, scaling appropriately for smaller screens, including tablets, the Steam Deck, and mobile phones.

Improved User Experience and Discoverability

The broader store pages aim to reduce the feeling of cramped content and improve the overall shopping experience. By allowing for larger visuals and more detailed descriptions, players can get a better sense of a game before making a purchase. This enhanced presentation can lead to more informed decisions and a greater satisfaction with acquired titles.

Furthermore, the update includes a new carousel system for media, offering multiple viewing modes that cater to different user preferences. This, combined with the increased visual real estate, creates a more engaging and less cluttered environment for exploring games. The platform’s commitment to modernization is evident in these changes, which prioritize clarity and visual impact.

Developer Tools and Asset Guidelines

Valve has encouraged developers to refresh their graphical assets to fully leverage the expanded design capabilities. New Steamworks tools provide more options for background art and text formatting, giving creators greater autonomy in presenting their work. The inclusion of support for .mp4 and .webm video files in descriptions is a significant enhancement, allowing for more dynamic and informative content than static images or GIFs alone.

Developers must adhere to file size and length restrictions for these videos, ensuring that they remain performant and do not negatively impact page load times. The Steamworks backend’s automatic transcoding process is designed to deliver optimized video formats for all supported platforms, simplifying the process for developers. This focus on developer empowerment is crucial for maintaining a vibrant and diverse content ecosystem on Steam.

Accessibility Features Integrated

Beyond the visual redesign, Steam has also been enhancing its accessibility features. Store pages are now designed to display accessibility support information more prominently. Users can search for games based on specific accessibility features, and developers can provide detailed information about options such as custom volume controls, narrated menus, adjustable text sizes, and color alternatives. This initiative aims to make it easier for players with disabilities to find games that meet their needs.

This increased visibility for accessibility options is a significant step towards a more inclusive platform. By allowing developers to self-identify these features and enabling players to filter searches accordingly, Steam is fostering a more welcoming environment for all gamers. The integration of these features directly onto store pages ensures that crucial information is readily available at the point of purchase.

Responsive Design and Future Updates

The new wider layout is engineered to be responsive, adapting seamlessly to various screen sizes and devices. This ensures a consistent and optimal experience whether a user is browsing on a high-resolution desktop monitor, a Steam Deck, a tablet, or a smartphone. Valve’s commitment to a unified user experience across its hardware and software ecosystem is clearly demonstrated by this design approach.

While the store pages have been updated, Valve has indicated plans to bring similar wider design principles to the Steam homepage and other sections in future releases. This ongoing evolution of the platform’s interface suggests a continued focus on modernizing the user experience and improving game discovery for its vast player base.