September 18, 2018
Today I’m so excited to bring you the launch of Art 2 Detour, a daycare website for my dear friend Belle!
This was an extra special project for me as Belle watched over my little one before he entered Kindergarten last year. I know first hand the quality of care she provides and wanted to give her a website that showcased just how special and talented she is.
We set out with a few goals for this project. Ultimately, the website needed to recreate the joy and passion Belle has towards childcare and convey those emotions to parents interested in her service. The site had to:
We set out to create something that was creative and joyful and I think we were able to accomplish just that!
A lot of considerations went into the colour selections for this daycare website.
Being a creative colour, purple was the obvious starting point. In marketing psychology, purple represents individuality or uniqueness similar to the individual uniqueness of the children in Belle’s care.
For her action colour, we choose orange. Action colours are used to make people take action – such as buttons and arrows or anything we want website visitors to click on. In colour theory, orange is directly opposite purple in the colour wheel and is a complementary match. Orange is uplifting, optimistic, social and playful.
Yellow sits directly beside orange on the colour wheel and because of this, the two make a harmonious pairing. Yellow was a great choice for the Art 2 Detour brand as it activates memory and promotes creativity. It’s confident, cheerful and inspiring.
For the website typography, I choose the bold and dominant sans serif font Rubik which worked well in headings and subheadings. Its weight holds significance while being straightforward and easy to read. Plus, it looks great in bright colours!
Oswald is a nice and light contrast to the heavy Rubik. Oswald is still a simple sans serif font but has some added movement and is much softer in comparison. Sans serif fonts are great for paragraph text as they are neutral and easy to read.
For some visual interest, I also used Cabin Sketch for select subheadings on the website.
For the Art 2 Detour logo, Belle did come to me with one already designed. I was happy to use this as a starting point for the rest of her daycare website. I chose to pick out the stars from Art 2’s paint palette as a small branding detail in the header and favicon of her site.
Since we really wanted to create something that was playful and lighthearted, I used pre-designed by Freepik icon sets from my go-to source Flaticon. It really is a time saver as every icon can be adjusted based on your colour palette. Also, they have a pattern tool which we used for the backdrop of Belle’s vision statement.
The main goal of the Art 2 Detour website was to highlight all the services Belle offers but in a cohesive way. The site also had to communicate her uniquely creative and interactive approach to childcare.
To accomplish this, I featured all her offerings directly on the home page but then created additional pages for her two main services – daycare and face painting for events.
By creating separate pages for these services, I was able to speak directly to the customers that would be interested in them. Plus, this allowed me to go into more detail for both these services.
For those of you interested, I built the website on WordPress using the Divi builder. We started off using the Elementary School template and then customized it with the Art 2 Detour brand elements. This was my first time working with Divi and I have to say it’s pretty intuitive and easy to work with.
And now, here’s a peak of the new daycare website for Art 2 Detour!