Web
REVIEW
The project is developing an interface for a next-generation VR shooter. The main goal is to create an immersive combat experience right from the website: from the first screen with the armored hero to weapon set customization and match statistics analytics.
All pages are designed in a unified sci-fi style: dark background, turquoise accents, large typography, and clear containers. The design is built to immediately make the user feel like they're part of the game: the login screen resembles a military terminal, the weapons and skins catalog functions as a virtual arsenal, and the statistics are presented as a HUD.
The project is developing an interface for a next-generation VR shooter. The main goal is to create an immersive combat experience right from the website: from the first screen with the armored hero to weapon set customization and match statistics analytics.
All pages are designed in a unified sci-fi style: dark background, turquoise accents, large typography, and clear containers. The design is built to immediately make the user feel like they're part of the game: the login screen resembles a military terminal, the weapons and skins catalog functions as a virtual arsenal, and the statistics are presented as a HUD.
PROJECT CONTEXT
VR shooter players are accustomed to a rich environment: vibrant interfaces, dynamic action, and deep customization. But outside of the game itself, they often lack a convenient tool for managing their inventory and skins. LamGuard solves this problem by transforming the web hub into an extension of the gaming experience.
VR shooter players are accustomed to a rich environment: vibrant interfaces, dynamic action, and deep customization. But outside of the game itself, they often lack a convenient tool for managing their inventory and skins. LamGuard solves this problem by transforming the web hub into an extension of the gaming experience.
My role
I worked as an interface designer and was responsible for:
- Designing user flows—from registration and login to payment and loadout setup.
- Developing a UX architecture that integrates the catalog, shopping cart, profile, chat, and statistics into a single, logical space.
- Visual system: selecting fonts, color accents, iconography, and card logic.
- Maintaining a consistent sci-fi style so that the interface felt like part of the VR world, not a separate website.
Task design
Convey the atmosphere of a VR shooter from the very first screen.
The hero section greets the player with an armored character, a slogan, and a QR entry button.
Create a user-friendly catalog and inventory.
Filters by weapon type, a card grid, 3D skin renders, detailed cards with stats (AMMO, RPM, MAG SIZE).
Develop a loadout system.
Ability to create presets, select weapons, and change skins via interactive cards.
Design a purchasing process.
Cart, promo codes, payment options, transaction statuses—all designed with the logic of a "gamer terminal."
Personalization and statistics.
Profile with data, card and Telegram linking, as well as a separate section with accuracy, time played, and rank in the style of a gaming HUD.
The hero section greets the player with an armored character, a slogan, and a QR entry button.
Create a user-friendly catalog and inventory.
Filters by weapon type, a card grid, 3D skin renders, detailed cards with stats (AMMO, RPM, MAG SIZE).
Develop a loadout system.
Ability to create presets, select weapons, and change skins via interactive cards.
Design a purchasing process.
Cart, promo codes, payment options, transaction statuses—all designed with the logic of a "gamer terminal."
Personalization and statistics.
Profile with data, card and Telegram linking, as well as a separate section with accuracy, time played, and rank in the style of a gaming HUD.
Home page
The main page of the VR shooter Lamguard is designed as a dynamic interface with an emphasis on immersion. The first screen already gives the user an emotional boost: a hero in tactical armor, a strong slogan, and the atmosphere of an upcoming battle. The game's functionality is then revealed: a store with DLC content (skins, weapons, and equipment), quick login via QR code, and a personal inventory that's always "with you."
Visually, the page is designed with a sci-fi aesthetic: a dark background, accent neon elements, and large typography. The blocks alternate between game characters, weapons, and arenas, creating a sense of real-life battle preparation. This design not only demonstrates the game's mechanics but also creates a sense of engagement even before entering the VR world.
Visually, the page is designed with a sci-fi aesthetic: a dark background, accent neon elements, and large typography. The blocks alternate between game characters, weapons, and arenas, creating a sense of real-life battle preparation. This design not only demonstrates the game's mechanics but also creates a sense of engagement even before entering the VR world.
Weapons Catalog / Inventory
The "Inventory" section is designed as a full-fledged catalog, allowing players to quickly navigate their entire arsenal. Navigation is based on category filters (Rifle, Pistol, SMG, Knife, etc.) and a search bar, while weapon cards are organized in a convenient grid with their name and faction affiliation ("Crouching Tiger").
The design emphasizes the collectible nature of the skins: a dark background, clear cards, and a visual emphasis on the weapon models themselves. Filtering and searching provide easy access to the complete collection and allow users to quickly build their inventory or add items to their cart.
The design emphasizes the collectible nature of the skins: a dark background, clear cards, and a visual emphasis on the weapon models themselves. Filtering and searching provide easy access to the complete collection and allow users to quickly build their inventory or add items to their cart.
Cart Page
The "Cart" section is designed in a minimalist, gaming style: all elements are organized into clear containers, maintaining the interface's aesthetic and making it easy to navigate. Users can manage the quantity of items, enter a promo code for automatic recalculation, and agree to the terms and conditions.
The key focus is on the "Total" block—highlighted by the brand's signature turquoise zone, directing attention to the action. The final step is the payment button, conveniently located. A contact form is also provided for asking questions or receiving support.
The key focus is on the "Total" block—highlighted by the brand's signature turquoise zone, directing attention to the action. The final step is the payment button, conveniently located. A contact form is also provided for asking questions or receiving support.
Weapon Card / Detail view
When selecting a weapon, a detailed window opens, focusing attention on the model. The central element is a large 3D render, allowing you to examine the skin and texture in detail. On the right is key information: name, affiliation, technical characteristics (AMMO, RPM, MAG SIZE), and a brief description explaining the weapon's behavior in VR.
This card format combines visual appeal and functionality: the player immediately sees the skin's uniqueness and receives objective parameters for comparison and selection.
This card format combines visual appeal and functionality: the player immediately sees the skin's uniqueness and receives objective parameters for comparison and selection.
Weapon Preset / Loadout (Set)
The "Set" section mimics the mechanics of popular shooters, allowing players to customize their loadout. Users can create multiple sets (Set 1, Set 2, etc.), selecting weapons, additional equipment (Deagle, Kanto, Grenade), and changing skins via interactive cards.
The interface is built around quick selection: everything you need is gathered in one screen—a list of weapons, available skins, stats, and descriptions. The "Save" button completes the customization process, locking the selected loadout. This approach makes customization convenient and familiar to players familiar with Warzone, Apex, and other shooters.
The interface is built around quick selection: everything you need is gathered in one screen—a list of weapons, available skins, stats, and descriptions. The "Save" button completes the customization process, locking the selected loadout. This approach makes customization convenient and familiar to players familiar with Warzone, Apex, and other shooters.
Authorization / Registration
The login, registration, and password recovery forms are designed in a minimalist style, reminiscent of a military terminal. The black background and turquoise accents emphasize functionality, while the clean typography makes the interface simple and user-friendly.
Users can quickly log in, create a new account, or recover their password. Authorization through third-party services (Google) is also available. A contact form and a signature character graphic are retained at the bottom of each page, maintaining the overall atmosphere of the upcoming battle and the integrity of the entire interface.
Users can quickly log in, create a new account, or recover their password. Authorization through third-party services (Google) is also available. A contact form and a signature character graphic are retained at the bottom of each page, maintaining the overall atmosphere of the upcoming battle and the integrity of the entire interface.
Profile settings
The "Settings" screen is organized in a unified interface style and allows the user to manage their basic data. Here, you can change your name, email, password, and Telegram account, as well as connect payment cards—your current "First Card" or add a new one.
The visual design supports a common UI code: clear containers, a dark background, turquoise accents, and large typography. Everything is designed to keep profile editing simple and familiar, without distracting elements.
The visual design supports a common UI code: clear containers, a dark background, turquoise accents, and large typography. Everything is designed to keep profile editing simple and familiar, without distracting elements.
Player Statistics
The "Statistics" section is designed like a game HUD and displays key progress indicators: shooting accuracy, total time played, number of matches, rank, and favorite weapon. The data is presented in large numbers and graphics, creating a dynamic and realistic feel of a battle report.
Below is a list of matches in a table format, displaying kills, headshots, accuracy, deaths, MVP, and the final result (Win/Lose). This approach allows players to analyze their performance and progress, and brings the atmosphere of esports statistics directly to the interface.
Below is a list of matches in a table format, displaying kills, headshots, accuracy, deaths, MVP, and the final result (Win/Lose). This approach allows players to analyze their performance and progress, and brings the atmosphere of esports statistics directly to the interface.
Development result
The result was a cohesive digital ecosystem for the VR shooter Lamguard, where the website functions not just as a showcase but as part of the gaming experience. The design conveys a sci-fi aesthetic and an immersive combat atmosphere through dark backgrounds, accent turquoise elements, and typography reminiscent of military interfaces.
I built a clear page architecture: from the initial emotional contact on the Hero screen to the deep functionality of the weapon catalog, presets (Loadout), shopping cart, and player statistics. Each section is designed to provide the user with a logical flow and rhythm: emotion → choice → customization → result.
The key challenge was to combine the different scenarios—the content showcase, store, analytics, and personal profile—in a single UI. The solution was to use a modular system of containers and accent blocks, which provided visual unity and simplified navigation.
The final interface achieves several goals at once: it enhances the product's atmosphere, ensures intuitive interaction, and creates a sense of involvement in the player even before entering the VR world.
I built a clear page architecture: from the initial emotional contact on the Hero screen to the deep functionality of the weapon catalog, presets (Loadout), shopping cart, and player statistics. Each section is designed to provide the user with a logical flow and rhythm: emotion → choice → customization → result.
The key challenge was to combine the different scenarios—the content showcase, store, analytics, and personal profile—in a single UI. The solution was to use a modular system of containers and accent blocks, which provided visual unity and simplified navigation.
The final interface achieves several goals at once: it enhances the product's atmosphere, ensures intuitive interaction, and creates a sense of involvement in the player even before entering the VR world.
