Site Showcase: Duo Diary | Wellness Journal for Mom & Baby

When clients say to me "I don't need patterns or sub logos for my brand" I usually pull out an example of how one of these things can be used in web/print to really showcase the work beyond just "adding an other element to design". Instead of seeing it as an "extra" I try to show how it's just the brand really showcasing itself for other uses. Nikkita here is giving us a prime example for how branding feeds into everything. From product, patterns, icons and more this new amazing diary for moms is perfection! We love this gorgeous work!

SiteShowcase_FullPost copy.png


Client's Site Description: Shop + Resources for Mothers

Template Chosen: Brine

Why did you choose that template?: I chose Brine for the flexibility of the header area and advanced e-commerce features.

What was the Client's Objective?: To sell her journal and feature resources for new moms.

Tell us a bit about the design process?: The site was developed at the same time Duo Diary was being redesigned. The design needed to feel calming and peaceful, as well as welcoming and helpful, recognizing that the visitors of this site are new moms who are recovering from birth (sometimes under difficult circumstances) and are needing resources and a way forward. It needed to be beautiful and still clean and useful.

How did you help the client differentiate their business through design?: By creating something beautiful and elegant, we were able to create a sense of peace and calm. The inspiration for the design was the fiddlehead fern, which often appears in twos with a larger and smaller, much like a mother and a baby. We made use of a very unified color palette and white space to lead the customer to what she needs.

Is there custom development? What about custom added CSS? Can you tell us why you did or did not use these edits?: A little custom CSS to make some adjustments to the header, and to add some additional typography to tie in with the journal design and add a feel of refinement. The 3 header elements Squarespace's style editor provides weren't quite enough for this brand.

What are the top three creative features you used in the design?: The layering of the patterns with the crisp typography, along with the dramatic use of the rich greens and bright pink and creamy beige creates a very nice effect. The featured section on the homepage also presents the logos in the color scheme so it all feels very unified. The Resources section has lovely buttons that are linked to each section for something that's very accessible, but visually pleasing too.