Confidus
Website design + Web development + Copywriting + more
Let's work together
+44 (0) 131 510 8260
Please call +44 (0) 131 510 8260 for more information on any of our creative services.
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.
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.
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.
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.
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.
Success! We've received your message and will get back to you as soon as possible. We look forward to chatting to you.
“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