Web design | Mobile design | Brand Strategy
Task:
Redesign the website and and enhance the overall look and feel using their existing brand style. The goal was to create a clear and friendly, yet professional and informative website, whilst increasing traffic through to their social channels, Discord, and their merchandise shop.
For this project, I worked independantly with the BAM team, their main concerns was their current website layout, it felt outdated and didn't feel coherent with their brand. By leading this project, I was able to advise and assist with strategising their featured content. This website was initially built in Squarespace, however this is no longer active so I took it upon myself to rebuild in Figma and improve it further.
Old homepage
⁕ No hierarchy and did not feel anchored
⁕ Narrow stacked layout on the whole page
⁕ Untidy typography, again no hierarchy
⁕ No visual impact of their films & videos
New homepage
⁕ Clear navigation bar visible on all pages
⁕ Carousel view of their latest short films
⁕ Hierarchy incorporated into content
⁕ Improved look and feel - clean & modern
New design (Desktop & Mobile)
Desktop pages (Home, About, and Work)
Due to the compact nature of their original website, I increased the breathing room around their content and is now flowed through 3 pages - Home, About, and Contact.
All external third-party websites for their YouTube channel, e-commerce merchandise shop, and their Ko-fi sponsor page were directly linked via buttons.
Mobile pages
The BAM team found that 80% of their demographic accessed their content through their mobile phones, with this in mind, we felt it was necessary to optimise for mobile.