Lineage 2

date_published

09/17/2018

12:00 AM

site_url

lineage2.com

project_type

work

[ do scoll ]

_overview

Just my luck, no ice. Hey, you know how I'm, like, always trying to save the planet? Here's my chance. Must go faster... go, go, go, go, go! God help us, we're in the hands of engineers. You know what? It is beets. I've crashed into a beet truck. Yeah, but John, if The Pirates of the Caribbean breaks down, the pirates don’t eat the tourists.

_tech_used

  • React
  • SCSS
  • Node
  • Express
  • MongoDB
  • Webpack 4
  • REST
  • GraphQL

_more_details

This is our new marketing site for one of NCSOFT's most popular titles, Lineage 2. About half of the content on the site is managed through our custom headless CMS that my team built. This data is fetched by the site and populates what you see in a way that is performant and as dynamic as possible.

The highly dynamic header on the front page of Lineage 2

[ The highly dynamic header on the front page of Lineage 2 ]

The site includes game information about the possible races and classes a player could choose. There was a large amount of data that had to be visualized in a way that made sense. This included detailed stats on each player class. Here I used animated SVG for the stat circle bars.

Animating SVG circle bars for class stats

[ Animating SVG circle bars for class stats ]

High-impact imagery for the race page

[ High-impact imagery for the race page ]

There were several other pages including a shop where players could buy in-game currency, prestige packs, and server transfers. There was also CMS-generated news articles that could by organized by tags and categories.

Custom shop using in-game currency

[ Custom shop using in-game currency ]

Dynamic news articles from custom CMS with tagging system

[ Dynamic news articles from custom CMS with tagging system ]

_the_team

  • 2 Designers
  • 2 Brand Managers
  • 2 Web Engineers
  • 2 QA Testers
  • 1 Project Manager
NEXT: