0117 329 0380

Fiasco Design, No. 4, Colston Yard, Bristol, BS1 5BD

Talk about your project

hello@fiasco.design

Share your work

work@fiasco.design
Communication Arts webpicks: Hereford College of Arts

Communication Arts webpicks: Hereford College of Arts


Textured visuals and large-scale photography fold together in Hereford College of Arts’ new site.

Responses by Ben Steers, cofounder/creative director, Nick Lewis, creative technologist/web developer and Marjorie Newnham, account executive, Fiasco Design.

Background: The purpose of the site is to inspire prospective students (and their parents) by showcasing the stories and the work produced by the Hereford College of Arts (HCA) community. The website elevates the new branding that we rolled out approximately a year ago, and exists as a digital hub for the current HCA staff, students and surrounding the Hereford community.

Highlights: Flexible course journal page templates enable each course to have their own voices, harkening back to the collaborative nature of the rebrand. The website champions the work of the students through flexible templates and the use of largescale photography. It also elevates the college’s new visual language through the use of textures—which reflect the “hands-on,” pragmatic nature of the creative courses at HCA.

Challenges: It was difficult to pull together the content from HCA’s current website, its array of courses and its multitude of external journal websites into one cohesive digital home for all the content.

Favourite details: Wrestling with a vast sitemap and creating more effective taxonomies and navigation. The overall bold, simple yet impactful execution. Giving administrators at the college almost limitless control over the content. Explorative drag and drop student galleries that feature on every course page. Bringing the new branding to life in the digital space.

Navigational structure: Streamlined navigation and improved user experience makes it easier for users to find relevant information on courses, community, news and events. The simple dropdown mega menu allows for easy access to the site’s multiple areas—delivering a lot of information in a small amount of screen space. It is also built to be fully editable via the WordPress CMS; something that was a requirement from HCA.

Technical features: The site is built on top of WordPress with a combination of HTML, CSS and JavaScript. Building on top of the WordPress CMS was key to enabling future updates for HCA, while making the process of handling data easier on the front-end. We incorporated Javascript libraries to help along with front-end animations, and Ajax for a more seamless front-end experience in high load areas.

hca.ac.uk

5 Mins

New Life: A Week Long Creative Experiment in StorytellingLong term client projects, no matter how enjoyable, can burn out even the most hardy creatives. According to iStock, this is what office burnout looks like: In order to recharge after a busy period last year, a few designers and developers here at Fiasco were handed a week to take time out from client briefs […]

2 Mins

Communication Arts webpicks: The Future of SustainabilityThe immersive digital version of non-profit Forum for the Future’s annual publication conveys the sustainability challenges our planet faces. Responses by Hayley Yates, account manager, Tom Morris, partner/head of creative and Nick Lewis, creative technologist, Fiasco Design Background: We designed this site to provide users with an impactful and shareable digital version of international sustainability non-profit Forum for […]

8 Mins

Our CD Ben Steers speaks to Creative Boom about the Fiasco journey and our recent rebrandGoing freelance is always challenging. It was something many of us did after the global recession 10 years ago. Some out of necessity, as jobs were few and far between. Others because there was so much opportunity to do so. Many of us went on to build successful agencies. One such individual is Ben Steers, […]