Motherhood in the Making
Psychologist & Parenting Coach
We started off with a secret Pinterest board, where Liba collected visual inspiration, so we can set the creative direction of the design. She also had a photography session for the new website, which resulted in beautiful on-brand photos – we included those in the visual inspiration stack.
Once we had enough material, I created a moodboard to set the direction. Based on the moodboard, I chose a color palette and a font pair. I picked deep colors: feminine, not too girly, mature.
When my client approved the moodboard, colors and fonts, I started designing the website. I do the initial designs in Photoshop, since it’s faster to make changes and adjust things there, rather than once everything is coded.
After 2 rounds of minor revisions, Liba approved the designs and I began coding.
The design was very customized, so I removed the WordPress loop and created my own page templates.
For the blog page, I created a new loop with post thumbnails, title, categories, excerpt and “read more” button. I added pagination, and I also included the sidebar manually.
The homepage took the longest time as it has lots of moving elements, and making it responsive was a bit more complex. It also features a loop that displays the 3 latest blog posts.
Every page has a different hero image with a title. Before the footer, I added an email opt-in section and integrated it with mailchimp. I coded these features by hand – it’s more efficient than using plugins, and I have full control of the functionality.
I did use two plugins throughout the project: WPforms (for the contact form) and Hide Title.
As a follow-up, I also designed a workbook for Liba’s online course.
Both me and my client are quite happy with the final result.