Site Showcase: Poppy Made Design
I think the hardest thing for designers to help explain to potential clients is WHY someone who can code and design is so important for a site like Squarespace, you can remove the "basic squarespace" and create that dream for your client on a platform that allows them the piece of mind and ease of learning that helps them be great professionals. Avery has done a great job with just that keeping the brand essence of her client in every aspect of her site!
Client's Site Description: E-commerce website for a physical store in Columbia, MO
Template Chosen: Hyde
Why did you choose that template?: Hyde let us put emphasis on Poppy’s online sales. Its clean layout provided a great blank slate to build Poppy’s site on – with lots of opportunity for fun customization.
What was the Client's Objective?: Liz (the owner of Poppy) needed a website that embodied her brand – she wanted online shoppers to get the same feeling they would when visiting the physical storefront. She also needed an e-commerce platform she and her employees could manage themselves, even while running a bustling business. One of the most important objectives was a way to feature the products in Liz’s limited-time collections through a streamlined, efficient process. We created a structure that uses Squarespace’s tags, categories, and galleries to let Liz easily feature each collection as she rotates them out.
Tell us a bit about the design process?: After completing Poppy’s rebrand, we worked with Liz to determine the best site structure to drive her overarching objectives – to make online sales, drive foot traffic by highlighting new products, and give online customers a real feel of Poppy’s brand.
We outlined the sitemap with Liz, collected the essential content details through a question and answer session with Liz, and then took the content in-studio to transform the language using Poppy’s brand voice.
How did you help the client differentiate their business through design?: When Poppy came under new ownership, they needed a look that reflected the store’s new emphasis on a “modern handmade” vibe. We created a brand that is dominated by white, cream, and black with trendy graphic patterns, and used a dynamic mix of pastels with bright teal and orange accent colors to add pops of color to add dimension. Poppy’s typography, a mix of bold handwritten fonts with geometric sans and slab serifs, brings the brand together.
Is there custom development? What about custom added CSS? Can you tell us why you did or did not use these edits?: We included lots of custom CSS in Poppy’s website to make the brand as integrated as possible. In addition to customizing typography throughout the website with CSS, we used more custom styling to allow Liz to change the banner overlay colors to any one of her brand colors, change the text overlay color to white or black on specific pages, and integrated fun little interactive CSS touches, like a “light up” effect when you hover over the navigation and certain types of links.
What are the top three creative features you used in the design?: 1. Creative use of categories, tags, and summary blocks to make adding new collections simple for Liz.
2. Typography! Custom coding Liz’s expressive brand fonts throughout the site give it an additional level of character.
3. Custom coding to add final touches like custom header overlays, custom selection color, “light-up” navigation, etc.
Anything else you want us to know about the site?: This was a huge transformation from Poppy’s old site! Going from the old, outdated site to a brand new one was a huge departure.
Vendors used?: Photography by Drew Piester Photography: http://www.drewpiester.com/