The Rural Workshop
There's this thing we do as designers - we forget that design doesn't have to have rules. There doesn't need to be a different color for the header than the main content. There doesn't need to be a square box for a link, there doesn't need to be static images. When breaking these "tendencies" we find true creativity in design. Something SquareMuse did perfectly for their workshop site design for The Rural Workshop! Well done guys!
Client's Site Description: Workshop Site
Template Chosen: Sonora
Why did you choose that template?: From our experience it allows more customization options, as we had to work in Developer's mode while working on the site.
What was the Client's Objective?: The Client's objective was to showcase the fun and playfulness of their brand, as well as the workshop itself. The Client wanted a site that is itself a fun experience not just a sales point.
Tell us a bit about the design process?: We were already quite familiar with the structural scope of the project, as we worked with this client on their previous site. This time around the Client came to us with a bunch of illustrations and a desire to have a website which would reflect the fun and energy of the brand. First thing we did is create a style kit which showcased all the fonts and font combinations, as well as couple of gif direction, and of course how all that would be implemented in web. There was a lot of design work on graphics, gifs based on provided illustrations, which allowed us to create a very dynamic and playful website. Once the style was approved we moved on to Homepage design, which is the main page to approve before we work on the rest of the pages.
How did you help the client differentiate their business through design?: Since the client already had illustrations all we had to do is think of scenarios and create gifs to give more movement to the brand. We work with quite a lot of workshop sites, and this one definitely stands out from a simple brochure and purchase site, and instead really communicates visually, not only through wording, what the workshop is all about.
Is there custom development? What about custom added CSS? Can you tell us why you did or did not use these edits?: There's quite a lot of custom CSS. We have used custom CSS specifically on Homepage and the individual Speaker's page. One fun custom code trick is the statement text on homepage "Europe's biggest camp for photographers and videographers" - which is actually two different fonts overlapping each other in different colors, which is also easily editable for the Client.
What are the top three creative features you used in the design?: Illustrations and Gifs
Custom Code to ensure editing of all fonts, which allows incredible flexibility to the Client to edit every copy on the site
Pages used as templates (ie. the Speakers page consists of pages that are easily copied and reusable for new added Speakers)
Anything else you want us to know about the site?: The Site is a fully custom site. Although our main product are design kits for Squarespace sites.
Vendors used?: All in-house work. Illustrations provided by the client.