Design Work

Website Redesign for Bridesmaid & Flower Girl Dress Designer Nicki Macfarlane

A custom-designed, mobile-responsive & feature-packed WordPress site for the Royally-approved children’s dress designer…

I’ve another website redesign for you today, which went live towards the tail-end of 2014. The brief was to take Nicki Macfarlane’s existing website and give it a visual and functional overhaul, with a bold modern-vintage aesthetic, fresh new features, increased usability and a fully ‘responsive’ layout to cater for visitors on a wide range of devices.

I’d worked with Nicki and her team to design their brochure earlier in the year, so it made sense to echo some of the design elements from that online, such as the illustrated frames and the typographic style.

brochure

The darker background which worked so well in print however looked overly heavy on screen, so this was switched for a fresher duck-egg blue. I also sourced a selection of new, shabby-chic swept picture frames to further lift the palette and enhance the design, and opted to present all but the most decorative text in Joshua Darden‘s superb “Freight” super-family of fonts, which combine a classic and flexible design with high readability on-screen.

Take a look at some samples from the project below, or head to nickimacfarlane.com to see the full site!

screen-1

screen4

It was important to ensure the site worked well across a range of devices and platforms, and that content was presented in an appropriate way. Throughout the site the content automatically reconfigures to fit the viewing window, changing frame graphics, menu structure, location of key information, the size and spacing of grids, or changing the number of items in a row. Examples of this can be seen above on the product details pages, or below in areas such as the “Our Collections” section.

screen2

screen3

In addition to a full catalogue of dresses, accessories and pageboy outfits the site also features a range of supporting tools like size charts, fabric swatches, video library and an interactive worldwide stockist map, all designed to be editable by Nicki and her team behind the scenes.

colours-screen

screen5

Visit nickimacfarlane.com to see more, or leave a comment below and let me know what you think!

Details

Website: WordPress custom theme development, responsive layout and brand update.
Fonts: Freight Sans and Display (Joshua Darden, Garage Fonts), Breathe Pro (Lián Types), Perpetua (Adobe)

Design Work

Kim Hawkins Photography, Swashed and Folded

Custom WordPress theme development and a shiny new logo for Hertfordshire-based Wedding and portrait photographer Kim Hawkins

Kim’s old branding and website needed a fresh new look, so together we set to work on coming up with something that better captured her approach. Kim wanted something that would appeal to the contemporary bride, but still felt fairly “classic” and stylish in tone. As Kim’s work also features family and portrait photography (many of which may be returning customers) it was also important not to alienate or exclude previous clients, so some continuity in design between the old and new was essential.

The most striking aspect of Kim’s previous branding was the deep cerise colour, which dominated the old design. This was an immediately recognisable element, which was retained as a highlight for text, and combined with paper and watercolour texture for the footer and header strip. This was combined with light, natural tones, subtle HTML detailing, clean and light lines of the timless Futura typeface, and the more modern bold italics of Playfair for titling and other featured text. For the logo, the flowing hand-lettered style proved the perfect contrast to the clean lines elsewhere, with a bronze gradient toning the screen version into the colours and textures of the rest of the page.

Take a look at some samples from the project below, or head to www.kimhawkins.co.uk for a nose around the finished thing!

homepage-ipad

logo-foil

blog-page

screen-angle

logo-label

Thanks to Kim for being a great client – if you’d like to see more of her work, take a look at the full site at www.kimhawkins.co.uk.

Details

Website: WordPress custom theme development and logo design.
Fonts: Futura (Bitstream), Playfair Display Italic (Claus Eggers Sørensen)

Design Work

Logo & Branding: Georgina Harrison Photography

Some new branding work to share with you on the blog today, with a logo and brand overhaul for Yorkshire-based photographer Georgina Harrison…

Georgina got in touch looking for an update to her logo, as she didn’t feel her previous branding quite reflected her brand and aesthetic of her business.

When working with longer names it can often be difficult to come up with a logo that sits well in a range of contexts. One solution is to create a monogram or similar iconic mark which can be used to represent the brand, with or without the full name attached.

In Georgina’s case the lower-case “g” and “h” presented an elegant, naturally flowing shape which worked equally well on its own or when inversed against a background. This was combined with ink and watercolour textures in bronzed tones to give the logo a tactile, hand-finished feel and paired with a palette of organic tonal shades inspired by the striking heathland colours of the North York Moors – the location that provides the backdrop to much of Georgina’s work.

Take a look at the finished results below…

gh-style-guide

Details

Design: Swash and Fold

Photography: Georgina Harrison

Fonts: Frontage (Juri Zaech)

Design Work

Swash and Fold Summertime round-up

It may have been a bit quiet on the blog over the past few weeks, but that doesn’t mean things haven’t been all go, with on-the-day stationery for weddings, brochures, invitations and all sorts of other printed bits and pieces.

There’s been plenty of web-based activity too, but that’s for another post. In the meantime here’s a quick round-up of some of my favourite things that have been keeping me busily Swashing and Folding over the past couple of months…

august-roundup

Clockwise from top left: Rustic-styled wedding menu to coordinate with these matching invitations; Antique-style menu and book-themed Order of the Day booklet to match these literary-themed wedding invitations; Order of Service and on-the-day signage; Brochure design and business cards for Nicki Macfarlane; Matching correspondence design to complement Anna Morgan’s new branding and website; Invitation design and RSVPs for private functions

Design Work

Vintage-Style Wedding Invitations and an RSVP Website

Ryan & Steph thought a Wedding website would be the ideal way to make it easy for their guests to RSVP and find out more about their day, so we set about creating a fun vintage design that would work equally well online and print.

There are plenty of ways you can share information about your wedding day with guests, like info sheets and wedding maps, Facebook groups or email updates. Increasingly people are setting up wedding websites, with lots of services out there letting you add content, maps and links to their pre-designed templates. Steph and Ryan however wanted to theirs to be designed to closely complement their printed invitations, so asked if I could produce both at the same time.

Steph had a clear idea on what she wanted, with vintage-style lettering and an old-fashioned poster layout detailing the back-story to their engagement and wedding. We agreed on some dusty, dusky shades for a splash of retro colour, and I used a combo of HVD’s Brandon Printed and Microbrew from the Albatross foundry – two newish type families packed with weathered detailing, inked imperfections and vintage ornaments, that worked perfectly together and gave Steph the look she was after.

For the website the ever-flexible WordPress was used, creating a simple but flexible site that can also be used to display maps, photo galleries and all sorts of helpful guest-friendly info. Ryan and Steph had their own login details too, so they can update all their information whenever they wish.

Take a look at the finished bits and pieces below…

sippet1

sippet3

sippet4

sippet5

Details

Paper: 300gsm Tintoretto Gesso
Design: Swash and Fold
Fonts: Brandon Printed (HVD Fonts), Microbrew (Albatross)