Web Redesign and Brand Alignment

Anime Boston Website Redesign

About this project

I've been a member of the Anime Boston community since 2017 when I attended my first convention, even becoming a volunteer in recent years as a member of the support squad.

Despite its status as New England's largest anime convention Anime Boston's website has remained relatively unchanged from ~2013. Being vastly outmoded by many of the websites of other conventions across the country. Being entirely volunteer run resources can often be spread thin across the convention's organization. Leading to a lack of urgency to improve the visuals of the website and bring it in line with the modern style sites used by its competitors. Through selective changes and visual overhauls to key pages the Anime Boston website can be refreshed bringing a new digital face to the convention providing use for the next decade of the conventions operation.

Project Role
Designer
Client
Anime Boston
Project Type
Web Redesign and Brand Alignment
Project Year
2024 - Ongoing
Right facing arrow
The homepage of the redesigned Anime Boston website on a browser mockup

0-1

Project Overview

The Problem

Anime Boston, an annual anime convention held in the Hynes Convention Center is New England's Largest anime convention with an average attendance of over 25k each year. However despite the convention’s size it’s website lags behind its competitors such as Anime NYC, A-Kon, and Sakuracon in many key areas such as visual style, usability, and overall presentation. Being a volunteer-run convention it is hard to implement change; the previous website existed relatively unchanged since the early 2010s before being replaced by the current website.

My Solution

To improve the experience of using Anime Boston’s website for both new and returning attendees, as well as facilitate better conversion of visitors into new attendees several improvements had to be made. Redesigning the home page so it can function as a better ambassador for the convention as well as increase the conversion rate of visitors into first time attendees. Refining navigation sitewide to improve clarity to create a better overall browsing experience. Giving the website a facelift bringing its visual style closer to competitors as well as improving accessibility to better meet industry standards.

0-2

Uncovering the problem

Existing Pain Points

  • Navigation : Navigation across the Anime Boston website is cluttered and inefficient. With over 100 unique pages spread out over 13 sections, many of which are duplicates or lead to empty pages. It can be a maddening experience for visitors trying to find the info they are looking for.
  • Conversion Rate: Overall the homepage does a poor job of selling the convention to new site visitors or convention goers. It lacks a cohesive branding message and provides very little information about the convention itself other than the news feed. While also glaringly omitting a registration button.
  • Accessibility: Anime Boston prides itself on its inclusivity and accessibility during its convention weekend, unfortunately that commitment isn't applied to their website. With poor contrast color usage and a hard to use navigation many of the attendees included during the convention are excluded from the website.

Sitemap Overhaul

With a cluttered and confusing nav menu, it is very easy to get lost trying to find a specific page on the Anime Boston site. Oftentimes multiple links will direct to one page or to empty pages with their contents hidden. An overhaul to the sitemap and navigation elements is needed to improve the usability of the site and to keep it competitive with other conventions. Starting by reducing the number of sections from 12 to 8, merging similar sections such as "Programming", "Cosplay", and "Artists" merging into one general "Programming" section. Greatly clears screen clutter. To reduce visitor overload while navigating directly accessible pages will be reduced to manageable numbers as well through removing many duplicate links and creating landing pages for the "FAQ", "Policies", and "Cosplay" sections. With this the number of website sections can be reduced by 40% and the number of pages under them will be reduced by nearly 50%. Allowing for a cleaner navigation menu and more condensed access to the information already available.

The Sitemap of Anime Bostons website redesign
Condensed and Refined Sitemap
List of pages that were merged and condensed for AB's redesign
List of pages that were merged and condensed

0-3

Design Process

Wireframes

No items found.

Mockups

No items found.

Home Page Redesign

The current iteration of Anime Boston's homepage is barebones and acts as a poor ambassador for the convention by not showcasing what makes Anime Boston unique. It forgets to include much of what a visitor would come to expect when visiting a homepage, such as convention information or branding for the convention itself. Most glaringly however is the absence of a call to action to register for the convention, even if registration isn't open including a space for registration lets visitors know they can soon.

Through this redesign several changes were made to rectify these issues, and improve the overall quality of the webpage. Starting off a visual pass was conduct on the homepage incorporating much of the beautiful graphics and art created by Anime Boston's art department. Featuring the mascots A-Chan and B-Kun directly on the homepage of the convention and putting the date of the convention in a larger and more prominent spot so its the first thing visitors see when they open the webpage. To better facilitate pass sales a permanent call to action button was added for registering for passes. Bringing the button into a prominent location on the homepage while also adding in quick access to reserving hotel rooms for the con weekend and a quick way to access the ever important convention schedule. Anime Boston isn't just art and registration buttons there is so much more that makes its special and that information is important to showcase as well. Through a featured guest showcase, mission statement, and sponsor listings visitors this information can be conveyed all while reinforcing the registration C2A by providing visitors opportunities to learn more about what makes Anime Boston special.

Anime Boston's Homepage redesigned, featuring its mascots prominently on the top of the page
Updated Anime Boston Homepage

Other Page Changes

Recognizing the constraints of being an all volunteer organization, efforts were made to stick mostly to visual changes and keeping the copy across the site unchanged. Aside from some minor changes to outdated pages most information was retained from the current version into the redesign. Across the site every page got a facelift with the new navigation elements and a newly styled footer. Through the strategic use of text coloring, headlines and headers were given visually distinct indicators to better improve browsing on text heavy pages. Especially the FAQ and Policy pages. Improvements were also made to various list pages, improving the readability of the Dealers and Artist Alley listings through better formatting of their tables. The guest listing page was also updated to align with the new headshot display style shown on the homepage.

0-4

Outcomes

Next Steps

  • Refining Navigation: The current navigation and footer elements are rough and barebones, the next step to improve the quality of the designs will be to create more impactful versions of both. With a focus on expanding the footer to contain more information
  • Mobile Versions: Currently the only versions of the redesign have been for desktop resolutions, this is ignoring the realities the most con goers use the mobile version of the site while attending the convention. Brining the redesigned style to mobile breakpoints is essential to create seamless usage of the Anime Boston Site.
  • Eventual Pitch: The end goal of this project is to pitch it to the Anime Boston organization when the project is ready. Once the design is progressed enough to be assembled into a pitch deck.

Feedback

Overall the redesign of the Anime Boston website has been incredibly well received by the members of the Anime Boston community that have seen it. The general sentiment from those that have seen the redesign is that they wish this could be Anime Boston's official site.

...design looks amazing. I'm only mad we don't have this website right now!

- Ross Hurlock - Support Squad Assistant Manager

Wait I just saw this web design. why is this so much better than our website?

- Allison Alder - Support Squad Manager

Project Images

No items found.

Other Work