Design Work

Branding and Responsive Website Design for Roeder Studios, Inc

A mixture of branding, website design and intensive WordPress templating on the blog today, with a fresh new online prospectus for Laura Roeder’s “Creating Fame” course…

Laura Roeder has a compelling story to tell, becoming a highly respected advocate of using social media as a business opportunity in few short years, and along the way setting up Creating Fame – an online course that shares her approach with a wider audience. The time was right to update the website and visual identity, and create a much more extensive prospectus for the course packed with details, questions, course summaries and lots more.

One of main criteria of the brief was to create some unique and visually striking long-form article pages. These carry a lot of information, so it was important to present this to visitors in an engaging way that encouraged reading. A second criteria was that the website should be fully responsive, adapting the page layout to fit the dimensions of a wide range of different sized devices. The combination of these two requirements provided a technological challenge, with extensive CSS-wrangling required behind the scenes. But the end result is something that looks good on to all visitors, regardless of the device they’re viewing the site on.

The project was rounded off with a family of logo-marks for Creating Fame and related Roeder Studios brands, designed to be simple, welcoming and confident in tone. Take a look at how everything hangs together in the finished article below…

creating-fame

Details

Client: Creating Fame

Design: Swash and Fold

Platform: WordPress self-hosted blog with custom-developed Genesis child theme

Fonts: Hand Gothic (JC Fonts), Halis Rounded (Ahmet Altun), Source Sans Pro (Paul D. Hunt / Adobe)

Helpful Things

‘Design Your Career’, the perfect event for full-time crafties and creatives

If you’re a crafty maker or a creative doer in whistling distance of the South coast and you’re wondering how to turn your passion into a career, this is the event for you!

Taking place on February 2nd & 3rd in Bournemouth’s Pavilion Dance Studios, Design Your Career is the concept of Neil and Sarah Leonard, who having built up a wealth of experience in craft and design are turning their attentions to event organising and collaborations across the creative industries.

Having built up a strong following with their Craft, Coffee and Cupcakes events, Design Your Career is taking things a step further, pitching itself as a one-stop-shop on how to establish your own creative enterprise. Spread across two days of conferences and workshops, the event is host to some of the leading lights in the creative and craft industry, with the likes of Wayne Hemingway MBEnotonthehighstreet.comLaura ThomasElvis & Kresse,Nicholas John Frith, Patricia van den Akker of The Design Trust, Rebecca Strain and Emily Parry-Crooke of Seek & AdoreLaura Mulhern and Zoe Sinclair all pitching up to share their insight and experiences.

Notonthehighstreet.com will even be running an exclusive workshop offering one to one advice on selling products online, tips about how to get accepted onto their platform and sharing thoughts on product development, which is worth the entrance fee alone!

If you’re a creative looking to profit from your passion, Design Your Career could well be exactly what you need. There are still some tickets left but they’re being snapped up fast. Head over to Neil and Sarah’s website for details on how to book.

Design Work · Helpful Things

Client Work: Website & Logo Design

Marie Lloyd Photography, Swashed and Folded

Marie and husband Jason got in touch shortly after Swash and Fold opened its doors to the world, looking for a helping hand with the online side of their Wedding Photography business. Additionally, Marie wanted to build a stronger brand identity, with an updated logo and look-and-feel that better reflected their target market.

As the business grew, the guys found themselves with two websites – one acting as a ‘brochure’ site, and the other home to the blog. This presented them with several potential niggles…

  • Two sites are way more time-consuming to keep up-to-date than one.
  • Two different URLs meant visitors were forever hopping between sites.
  • Any SEO efforts were getting diluted across two domains, rather than targeting one site with guns blazing

Fortunately Jason is pretty clued up on the tech side and had already got the ball rolling on sorting the domain issues out, meaning I could dive right in and get started. First things first though – we had a logo to design…

As you can see above, Marie’s logo was perfectly functional. But it lacked character, and didn’t really reflect the personality of the business. The design of the websites suffered from the same symptoms… they did the job fine, but without a strong logo to hang a design around, the page layout was a little on the flat side.

Marie had some ideas on the sort of logo and style she liked, and the sort of thing she wanted to represent the business. The problem always is being able to communicate those ideas – design and taste are notoriously hard to explain in words alone… what we needed instead was some way of visually exploring those ideas.

Step forward Pinterest!

I got Marie to set up a board on Pinterest to reflect her design taste, and told her to get pinning! Pinterest is perfect for things like this. The more pins Marie added, the more her taste and visual preferences started to become apparent. Looking through the board it was possible to identify common elements across the range of pins, and colours, typography and a general design style gradually revealed themselves.

Pinning done, and time to put pen to tablet. It was obvious from the Pinterest boards that Marie was leaning towards a strong, type-driven style. Oranges, mustards and other bright tones kept cropping up also. Before long we had a strong candidate, and after a few minor adjustments and colour tweaks our finished logo was ready to face the world:

… along with a monochrome version for watermarking photos…

With design approved and Marie happily off re-badging her Facebook page, we turned our attentions to the web side of things. We’d already worked out a new sitemap, putting the important information front and centre for visitors, and tucking supporting pages out of the way until they were needed. The guys were already familiar with WordPress so it made sense to stick with this, especially as the blog would continue to play a key role in the site.

For WordPress, I prefer to start with a blank canvas like Starkers, by Elliot Jay Stocks. Its basically a version of the default WordPress theme, minus any kind of formatting whatsoever. This means we then have a solid starting point, but can still stamp it with its own personality. And personality is the key thing here… there’s an old business adage that says “people buy people”, and its no less true in an industry like Wedding Photography. So it was important to make sure Marie and Jason’s personality came across. As a result, the tone of both the design and content needed to be friendly, fun, upbeat and approachable. Exactly like the guys!

The overall design reflected the logo closely, introducing a second contrasting colour, echoing the folded “ribbon” elements in headings, and discrete use of web-fonts to tie the whole thing together. The font used in the logo (“Kenotaph”) proved a little too elongated for general use in headings, but a medium weight slab from the very similar “Rama” family was happy medium.

Style is all well and good, but counts for little if the content isn’t there, so I wanted things to be as simple as possible for the guys to be able to update, particularly the homepage. To this end, I made a custom script in WordPress that automagically updates the main slide banner and the four featured posts using post categories. I also made sure the code was as easy as possible to work with, making things like two-column layouts a doddle!

Finally, Marie and Jason had commissioned some fab photos of the two of them, which fitted perfectly into the design and provided a nicely personal finishing touch! Good work, you two 🙂

The site is up and live right now at www.marielloydphotography.co.uk, so why not swing by and take a look? And give Marie a shout on the Twitters while you’re at it – I’m sure she’d love to know what you think!

Details

Platform: WordPress self-hosted blog with custom theme
Fonts: Kenotaph NFRama Slab, Rosewood Std, Nimbus Sans Condensed

Design Work · Helpful Things

What’s in a name?

Swash

n. (Typography) – An elegant extension on a letter form, either a decorative elongation of an existing element or an added-on flourish. Typically extends beyond the limits of the individual character. 

Wash and Fold

n. (Service) – A convenient and cost-effective method of sending out your laundry to be done by professionals. Many take advantage of a wash and fold service to save time and reduce effort.

Swash and Fold

n. (Service) – A design company set up by Ian Davenport of Big Bouquet Wedding Photography, offering a professional range of print, type and digital services to brides, photographers, bloggers, and other creatives in the wedding and lifestyle industries.

Take a look at the homepage for more information on the available services…