A desktop and mobile mockup of the Edinburgh Design School website, showing the Study directory and an individual course.

Edinburgh Design School

The Edinburgh Design School is an independent design school founded in 2012, that aims to re-establish and promote ceramics teaching and practice. They are a Scottish Qualifications Authority approved teaching centre dedicated to providing high-quality learning experiences for students at various levels of proficiency.

A desktop and mobile mockup of the Edinburgh Design School website, showing the About Us dropdown on the Header and the homepage on mobile.

The Brief

The Edinburgh Design School approached us to redesign their website. The site had to be clean, clear and supportive, overall mimicking the style of teaching: focused but fun. With no dedicated branding to work from, there was plenty of room to develop the brand in any forward direction.

The redesign also included a refresh of brand typography, as well as the creation of Mailchimp email templates for consistent design communications to go out to prospects and students.

The Creative Outcome

Taking inspiration from ceramic tradition, we began developing potential colour palettes using a combination of earth tones and striking accent colours to mimic pottery and dyes. Eventually, we landed on a contrasting, neutral trio of creams and browns, with a striking Tyrian purple accent to cut through when needed. This kept true to the calm atmosphere the brand required, with enough bursts of colour for fun and engagement.

A moodboard of inspiration for Edinburgh Design School, featuring colour grabs from pottery images and generated palettes.

For the typeface, we explored a sans-serif direction that kept a handcrafted, textured edge. After analysis of numerous typefaces, we landed on Bricolage Grotesque, whose very name in French means “improvising something you need by combining or repurposing readily available materials” – a fitting quality for ceramics. With Bricolage chosen for the brand’s headers, we introduced Mulish for body copy and buttons; an evenly-balanced typeface which allows the eyes to rest between visually captivating sections.

A pattern was needed to introduce movement to the brand whilst still keeping its contemporary edge. Looking back to the source material, we referenced pottery bowls and developed a repeating array of semi-circles to frame and bleed off the different sections on the site, helping the eye along the vertical expanse. This was eventually used in other places as well, such as quotation marks at the beginning of testimonials and the outer edges of text sections.

A mobile mockup of the Edinburgh Design School newsletter, showing a sample email.

Further visual modifications were applied to the shape language of graphical elements. Buttons, hero images and course modals were designed with a mixture of rounded and straight edges for visual diversity, yet also functioning as a reference to the brand’s logo: a square and a circle. As such, the website slots in as a visual extension of the logo, staying true to the client’s vision whilst evolving its application further.

A desktop of the Edinburgh Design School website, showing the elements in the footer.

Once the website was built, all of the above visual references were implemented into a responsive Mailchimp design. The template was constructed in such a way as to allow the client to simply slot in images and text where needed, with the graphical flourishes built and embedded around them in such a way that all email communications maintain a high level of design quality without needing to be modified.

A mobile mockup of the Edinburgh Design School newsletter, showing a sample email.

Let's work together +

If you would like to find out more about Firefly and how our ideas, experience and creativity could make a real difference to your business, please complete the form or call us on:

+44 (0) 131 510 8260

Required field *

How will we use your data?

Almost there

It would be great to learn a little more about what you want to achieve and get an idea of the budget for your project.

Required field *

How will we use your data?

“Firefly was a pleasure to work with throughout our project.

It was clear from the initial design discussions that their attention to detail, content suggestions and proposed structure would help us achieve the goals we had envisioned for our new brand and they did not disappoint. Thank you for making the process so simple.”

Adam Medley
Operations Manager
Insight Software Development

View project