0117 329 0380

Fiasco Design, Gather Round, Cigar Factory, 127-131 Raleigh Rd, Bristol, BS3 1QU

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

2 Mins

We’re Hiring! Junior Designer (Internship)We’re on the lookout for a passionate and proactive junior designer to join our growing team on a 3 month internship. You’ll be working on commercial work for our clients, therefore this is a fully paid position. And, if you blow us away with your work and attitude, we may well have to keep you […]

3 Mins

We’re Hiring! Digital DesignerWe have an exciting opening for an enthusiastic, highly-creative designer with a focus on digital to join our growing creative team, working on projects for local, national and international brands.  Our ethos is simple: to create meaningful and engaging work for our clients partners, delivered with heart and soul. We encourage a strong studio culture […]

3 Mins

Gradvice: The Do’s and Don’ts When Contacting Design AgenciesFollowing on from our first Gradvice piece – Advice from the FD team on how to land your first job – for our second instalment we have collated a useful list of items that we would encourage, and discourage, when contacting design agencies. First up… The Do’s ☺ Find the name of someone appropriate within […]

7 Mins

Gradvice: Advice from the FD team on how to land your first jobIn the first of a three part series, we’ve banged our heads together to come up with – what we hope will be – useful advice for new grads – Gradvice™️ if you will. To kick things off, we’ve collected some sage words of advice from the FD team on landing your first job in […]

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, […]