Boo and Stu web logo design dorset

Butterflies & Dragons

UX / Responsive Ecommerce Website on nopCommerce / Print for Toy Shop

Butterflies and Dragons online toy shop image

Butterflies & Dragons are a family-run online toy shop specialising in traditional toys and educational gifts for children of all ages.

The Challenge

Our Associate Web Developers AccuWeb approached us to collaborate with them on the website redesign for Butterflies & Dragon's newly acquired family business selling traditional toys and gifts for children. The site needed to be fun, eye-catching and inspirational, based on the existing dragon character logo, but so easy-to-use and trustworthy to appeal to parents and grandparents wanting to buy something special for their children or grandchildren, who may otherwise be wary of buying online.


A major challenge was to create a highly graphically bespoke design that was not only fully responsive, but also utilised the back-end functionality of a NopCommerce theme in order to meet a fairly tight deadline.

Our Approach

Wireframes were created by AccuWeb to plan the responsive elements of the key pages of the site and to meet key user goals, and we designed using a fluid grid so the site was fully responsive to adapt for all devices from phone to desktop.


We created an illustrated cloud scene with butterflies dotted around the site, to immerse users into the world of Butterflies & Dragons, and we toned down the colours of the original Dave Dragon illustration and overall branding so it was more harmonious. Icons were also created to communicate the educational benefits of each product. The site also featured recommendations by Dave Dragon that were driven my the user's gift search and with personalisation, for example, "This toy would be great for your 7 year old nephew Finlay".

The Results

We encouraged the client to have a green pledge to donate some of their profits to a relevant charities (whom they chose as the Woodland Trust and TreeAid), and to source more sustainably produced wooden toys, as well as offering a green delivery option for ethically conscious consumers.


Following the launch of the new site we created several emailers for order and subscriber notifications and an e-newsletter template. We also created a visual template to print their own Despatch Note with variable content generated from each order through the website, that needed to precisely fit pre-printed labels. We created a 'Make Your Own Dave Dragon' cut-out on the back to add fun and nostalgia, and designed printed flyers for a discount offer to encourage existing customers to visit the new website.



AccuWeb (Project management & web development)

Butterflies and Dragons online toy shop image
Butterflies and Dragons mobile website shop image
Butterflies and Dragons mobile website shop image

"John [at AccuWeb] and the team have created us a beautiful website, that really works, meeting the brief exactly. They hand held us through the process from start to finish; overall a very impressive service."

Tony Kempster

Director Butterflies & Dragons

Butterflies and Dragons invoice print design image
Butterflies and Dragons leaflet print design image
Butterflies and Dragons email newsletter image
Butterflies and Dragons email newsletter image
Butterflies and Dragons email newsletter image

Like what you see? Great stuff!

Boo&Stu would love to help...

Get in touch


 Boo&Stu Creative Logo Graphic & Web Design UK © Boo&Stu / Stu Jones 2015 - 2018. All rights reserved.

Home   |   About Boo&Stu   |  Graphic Design Logo Print & Illustration  |   Design Portfolio   |   Contact Us    |   Cookies & Terms