Phaser.io Redesign

Phaser is a popular HTML5 game engine.
This project is mainly a straightforward UI redesign of its outdated website with little UX tweaks.

Process :

1-Getting clear about the main goals of the redesign :

- to modernize : make it look like a modern-day landing page, specifically one for a JS framework
- to preserve the brand :
--- mascot
--- accent/brand color : purple
--- background color : not white
- easy to implement with current used CMS

2- A bit of research

I inspected the landing pages of many JS frameworks, to look for patterns and inspirations.

3-Design in Adobe XD

- Picking a grid system (width, columns number)
- countless iteration to figure out the right color, typography, spacing, etc.

Graphic work :

- The logo and any illustration needed a redesign to match the flat minimal style of the landing page.
- As Phaser is a game engine, the illustration needed to convey that.
- I wanted the hero image to pop but also to look minimal.
- Illustration is not my forté, but as you know constraints leads to creativity.