Created a stunning landing page with animations and 3D graphics for the military strategy game Invisible War

We developed a landing page for Invisible War, an online game in the military-economic simulator genre with strategy elements. Our main task was to ensure that the landing page would immediately immerse users in the game’s atmosphere and highlight its most exciting gameplay features. How did we achieve this? We’ll show you in this case study.

“Every choice has consequences” — the essence of the game

First, a few words about the game itself: Invisible War is an open-world online strategy game where players create and manage private military companies (PMCs) and battle rivals for territorial control.

The game’s slogan is “Every choice has consequences.” This is justified — every decision impacts the overall course of the game and opponents’ actions. Players experience an adrenaline rush as decisions must be made quickly, and mistakes can be costly.

The hero section of the landing page featuring the slogan

Other features of Invisible War:

• • soldiers with unique characteristics;
  • a vast selection of gear and combat equipment;
  • ability to create a squad tailored to specific missions;
  • mission recordings for analysis and strategy optimization.

The game is aimed at young men who are passionate about military themes and strategy games. Invisible War is currently under development.

Soldier selection screen

The client wanted to present the project to investors and asked us to create an impressive landing page showcasing the game’s key advantages.

Another goal of the landing page was to gather statistics on potential players to gauge interest before release.

By the way, we also designed Invisible War’s visual identity and style — more on that next time.

Massive battle scene

Want to design your landing page?

Our teams handle the entire landing page creation cycle — from design and development to copywriting and release. Contact us and get a free project estimate.

Get an estimate

Our tasks for this project

For the Invisible War landing page, our responsibilities included:

We built the landing page using Tilda, a convenient website builder with all the necessary tools — saving us time and budget on custom development. We’ve used Tilda for other projects as well, such as the landing page for the MedEquip medtech startup.

Our team included graphic designers, 3D and motion designers, a project manager, a copywriter, and a business analyst.

Choosing the best concept

The client wanted a hero page with a video that would instantly immerse players in the game world and provide a general visual impression.

We created three storyboard concepts and presented them to the client so they could choose the best one.

Concept #1: A first-person perspective

This version features a first-person camera movement that gradually zooms out to reveal a panoramic battle scene from above.

This approach adds dynamism and a sense of presence to the video

Concept #2: Top-down view with interactivity

Here, the camera shows the game world from above. A plane enters the frame, allowing the player to “drop” a bomb on a pre-set target.

This interactive element would give players a taste of the game’s mechanics right from the landing page

Concept #3: The scale of war

For the third concept, we aimed to impress players with the sheer scale of battles, showing that conflicts could unfold anywhere in the world.

Instead of a first-person view or an aerial perspective, we used a cosmic viewpoint, as if looking at the battles from space

After discussing all three ideas with the client, we decided to combine elements from the first and third concepts — starting with a first-person view and then transitioning to a wide-angle view of the Earth from space.

Need a landing page that meets your business goals and captivates your audience?

We have 10+ years of experience in UI/UX design for mobile and web applications, graphic design, and motion design. We create bold, engaging, and user-friendly projects. Contact us for a free project estimate.

Get an estimate

Results

The video automatically plays when users enter the site. However, during testing, we discovered that ad-blocking extensions were preventing the video from playing. To fix this, we added a Play button in the center of the screen that only appears when an ad blocker is enabled. In all other cases, the video plays automatically without extra elements.

After the video, the landing page provides a detailed breakdown of the game’s features, accompanied by gameplay animations.

At the bottom of the page, we added a call-to-action button that allows players to sign up for updates by entering their email.

The client was satisfied with the results. Since we just completed the project, it’s too early to measure the full impact. However, we’re confident that the landing page will attract a strong interest in Invisible War.

➡️ Need a high-quality website or a high-converting landing page? At Purrweb, we specialize in graphic design, 3D graphics, and motion design. If needed, we also bring in content marketers to make sure the visuals are backed by compelling copy.

Have a project in mind? Let’s discuss it!

Why Purrweb

Design expertise. We’ve been creating IT products with stunning designs for 10+ years. Our portfolio includes 550+ projects across IoT, EdTech, marketplaces, dating apps, and more.

Comprehensive solutions. Our team includes experts in UI/UX design, graphic design, motion graphics, and 3D. We handle everything — from interface design and branding to animations, illustrations, and 3D models.

Turning ideas into reality. You don’t need a fully detailed brief — just an idea. We’ll refine it, suggest creative ideas, and turn your vision into a working product.