01
Project
Overview

Alice Boaretto

The client is a nutritionist who strongly believes in a personalized and multidisciplinary approach to nutrition. With a commitment to tailoring nutritional plans to the unique needs and lifestyles of each individual, her work focuses on empowering clients to develop long-term awareness and habits that enhance their well-being.

Project Objectives

This project involved redesigning the website for a nutritionist, focusing on enhancing the online presence, improving user experience, and aligning the design with the brand’s values. The goal was to create a visually appealing and mobile-friendly site that communicates professionalism and trust.

02
Why redisigning it?

Understaing the client's unsatisfaction

The client was not overall taht satisfied with the previous website:

• Lack of Visual Identity.
  The design was generic, failing to represent the nutritionist’s brand and values effectively.

• Poor Mobile Design.
  The site was responsive but at the price of aesthetics.

• Cumbersome Navigation.
  Users struggled to find key information like services, pricing, and contact details. Not enough internal links to drive the user to the booking page or contact page.

• Outdated Aesthetic.
  The outdated look gave a less professional impression, reducing user trust.

• Stock Images.
  Again, giving the impression of something bla bla

03
Process

Quick recap

1. Understanding user needs

2. Research and more research

3. Sketching and drawing

4. Checking with the client

5. Wordpress and Elementor

04
Understanding user needs

A reliable professional

Started by gathering insights from the client to try to understand what she had in mind: her needs, priorities, what she wanted to communicate and her desiderata. We explored together the target audience’s preferences and pain points, focusing on creating an approachable experience tailored to their needs. The goal was to communicate trustworthiness and experience and to generate appontments and contacts.

05
Research and more research

Moodboard

Conducted a competitive analysis to identify industry trends and best practices. Started gathering material to set the mood for the project

06
Sketching and drawing

Pen and Figma

Drafted initial wireframes and hand-drawn layouts to experiment with content placement and navigation flows. These drafts evolved into high-fidelity mockups in Figma, which guided the overall structure and aesthetic. Then created the mockup of one page to share it with the client

07
Checking with the Client

Sharing progress

Shared each milestone with the client for feedback, refining designs based on their input. This collaborative approach ensured that the website resonated with their vision while staying user-centric.

08
WordPress and Elementor

Buidiling the website

After sharing copy and visual assets with the client it was time to build the website. I decided to go with Wordpress and to use the (free) Elementor Plugin to build it. I created a child theme and then beggin adding alements and custom CSS. I focused on creating a responsive, easily editable site that performs well across all devices and platforms.