Forlorn Outcast – Angular Game Landing Site

Project Overview

The Forlorn Outcast website is the official marketing front‑end for Griever Games’ upcoming dark fantasy souls‑like RPG. Built using Angular, the site is designed to immerse visitors in the game world, showcase cinematic visuals, and drive wishlist adds and community engagement.

Key Features

• Single‑Page Angular Application delivering a smooth scrolling landing experience
• Hero Section with Cinematic Assets including animated background, game logo, and CTA buttons (wishlist, Discord, newsletter)
• Interactive Story Sections describing the world of Tilsa, the protagonist Zafira, lore fragments, combat systems, and spell‑melee mechanics
• Embedded Trailer & Media Carousel featuring gameplay segments and concept art
• SEO‑friendly Meta & OG Tags for rich previews on social and search platforms
• Responsive Design optimized for desktop, tablet, and mobile displays
• Analytics Integration with tools like Google Analytics, Facebook Pixel, etc., to track user engagement and conversions

Design & Development Highlights

• Built as a modular Angular app, with feature-specific components (hero, narrative block, gallery, newsletter form) for maintainability
• Used Angular animations and smooth transitions to support immersive storytelling without lag
• Implemented lazy loading of media assets to improve load speed and reduce initial bundle size
• Structured content using clean, reusable components and services to manage data/configuration for narrative modules and CTA flows
• Integrated email capture and Discord linkouts for early community formation and wish‑listing drives
• Ensured accessibility compliance with large clickable zones, keyboard navigation, and ARIA‑friendly markup