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.
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!
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.
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.
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)