AfterLands

Game website development, Figma to HTML. Built February 2025 for a growing Brazilian community, with language switching across PT-BR, English and Spanish.

A game landing page has to sell a feeling, not just information. The design leaned heavily on mood: a video hero, cinematic in game environment shots, faction lore and animated transitions. The build needed to carry that atmosphere while staying fast and responsive across devices, and it had to support multiple languages for a growing community.

HTML5, CSS3, Bootstrap 5 and JavaScript. Bootstrap handled the responsive grid; custom CSS drove the animations, the faction panels and the darker cinematic styling the brand needed.

I worked from the static Figma design and focused on preserving the atmosphere the designers intended, matching spacing, type and motion rather than approximating them. The faction section was the most involved piece: each organisation opens into a full lore card, so I wired that interaction in JavaScript to keep the layout compact while giving players room to dig into the story. Every section was tested across breakpoints before handoff.

An immersive, fast loading, fully responsive landing page that captures the world of AfterLands and gives its community a proper home. The multilingual setup lets the server reach players beyond Brazil, and the lore driven layout does the work of turning curious visitors into Discord members.