MechaBay, a concise mecha database for mecha fans.
Website: https://mechabay.com/
MechaBay is a fan site dedicated to mecha anime series such as Gundam, Evangelion, Code Geass, and Macross. The site was running on MediaWiki with the default design that made it look like Wikipedia. Although it was a clean look, the site lacked a strong branding and felt very generic.
Old MechaBay logo
New MechaBay logo
We started with the site and brand refresh by working on the new logo. The MechaBay logo of a start in a circle was a nod at the military and science fiction themes of the mechanical anime series, without feeling too rugged. We wanted to maintain a clean and sleek look
From the logo and branding, we moved on to the website design. We went with a full-width design for the front page and series portal page to maximise the impact of the splash images. The text elements floated over the background images, giving viewers a sense of three-dimensional feel with the layered effect.