Website development, Il Counseling con Charly
Website Il Counseling con Charly Header

Website development, Il Counseling con Charly


Carla is a Gestalt Counsellor ready to launch her website to establish her online presence, it needs to contain a description of her consulting services, a personal blog, an event page and a contact page.


The main concept for this website is to give all the information about the client’s work, this needs to show which services are offered and to better know the counsellor, helping visitors making an informed decision when contacting her. 

The brief with the client was helpful, since she already had created a vision board choosing colours palette and fonts. Her objective was to put all the necessary info to navigate between the pages in the Home, showing the logo, the navigation bar, the hero image, a slideshow, three boxes briefly describing her services, the link to her blog page and social media.

My work
Based on the previous existing blog on WordPress, she upgraded her subscription to the Basic version, to add content using the Editor Beta.
My main job was to place all the requested element looking after the overall appearance, to do so I used HTML but mainly CSS, overriding the basic commands of the editor for a better tidy result.
I didn’t want to overwrite too much, to let her continue upload contents with ease.
Il Counseling con Charly - website Header
Il Counseling con Charly - website Header
Il Counseling con Charly - website Footer

At first I created a basic layout, ready to be used in every page of the website, by making the Header, the main navigation menu and the Footer with the help of CSS for styling.

Creating a template helps the client when she wants to update contents or create new pages, which is an important factor to make her independent while working on her website.

Il Counseling con Charly website
Il Counseling con Charly website - Page Template

The template shown in the picture looks different from the final result because, on the Beta Editor in WordPress is possible to make very little changes to the attributes, denying professional styling and polished looks. Using CSS I was able to bypass many obstacles while making the client able to use the editor for upload of contents without the risk of altering the overall design.

In every page there is the same Header and Footer, a main image with the title and the Call to Action button.

Il Counseling con Charly website - Page
Il Counseling con Charly website - Page

Inside the Hero Image I placed a customized button to allow a direct call to action redirecting to the Contact Page, for those who needs to connect directly with the client and for some reasons don’t need or want to navigate the entire home to find what they are looking for. 

A button in the Hero Image, allow the consumer to take action even when not sure what is the service needed; scrolling the page is possible to make an informed decision on which request is better suited for the user but this additional interaction is placed to avoid losing leads.

Il Counseling con Charly - website Hero Image
Il Counseling con Charly - website Hero Image

In the slideshow the visitor can interact and pause the flow of the images adjusting to the User Experience. 

As a choice, the pictures are not linked with any contents, they want to act as a summary for the contents of the website in case of a lower engagement by the occasional guest.

Il Counseling con Charly - website Slideshow
Il Counseling con Charly - website Slideshow

For the following section, all the info given by the clients needed to respect a common style. I created the icons and divided the three elements as requested, adding CSS to style size, interaction and responsiveness of the boxes.  

Through this, the visitor has a better understanding of the services offered and can use a specific button to make contact. As suggested by the main menu, every activity has its own page with an in depth description, and placing strategic call to actions in the homepage create an easy access for the viewer while interacting with the site.

Il Counseling con Charly - website Services
Il Counseling con Charly - website Services

As per the briefing with the client, we decided upon creating an additional area, divided by an evocative image, with the purpose of creating additional connection with the user. 

Because of the diffusion of social media used as link between customer and supplier in every sector, when working in social services, consulting and coaching, the importance to place a human behind a consultation become vital.

The bottom area of the homepage host a direct link to the blog, a showcase of the latest Instagram posts and a link to the client’s social pages.

Il Counseling con Charly - website
Il Counseling con Charly - website

The webpage objective is to give an online presence to the client, help user find a Counsellor via a Google researches, give information about the subject and create leads.

To obtain better result in the search engine, SEO and Google Insight has been implemented.

The clients is satisfied with the design of her website, moreover the implemented CSS don’t interfere with the functions of the Beta Editor and she can enjoy a professional result despite the basic plan offered by WordPress.


Francesca Funari is a free lance graphic and content designer. Available for brand identity, print design, content design using Photoshop, Illustrator and Indesign, with lots of passions and interests, willing to learn and increasing her knowledge.

Leave a Reply

Close Menu