Role
Product Designer
Services
UX/UI Design
Design System
Formspark (Data Collection)
Search Engine Optimisation (SEO)
Domain Setting Support
Cookie Implementation
Timeline & Status
2 months, Launched in June 2024
Outcome (From July to August)
Problem
The client needed to establish an online presence that effectively showcased her podiatry skills while facilitating easy communication for both general inquiries and home podiatry services.
context
Problem
Platforms where you could find Ilaria
As you can see from the pictures above, Ilaria was already in some platforms,
but she was experiencing the following problems:
Visibility
It was difficult to find her profile among so many professionals on the current platforms.
Effectiveness
The existing platforms didn’t attract any clients to Ilaria.
Usability
The overall user experience wasn’t so intuitive.
Cost
Having tools such as booking systems were quite pricey
the challenge
research
To start off, I conducted an initial interview with Ilaria to understand her
goals, all the specific requirements for the website and the current tools that she works with.
Transition from a minimal presence on a shared platform to a dedicated website
Showcase her podiatrist service and background
Facilitate easy appointment and booking inquiries
Quickly find all the locations where she works
Competitive analysis
In order to start designing the whole website, Ilaria and I went through several competitors, exchanging feedbacks and point of views, in this way I could see the area of interests, pros and cons of every website and what we could prioritise.
Competitors that we analised together
Ideation
From day one, our goal was to create a clear and concise user flow. We used internal and external feedback to refine and improve the structure, ensuring an intuitive experience throughout the website
First user flow
1
2
3
Updated flow
1
2
3
During the wireframe I encountered several challenges. Ilaria provided extensive feedback, leading to a lot of back and forth, both of us had limited free time due to our full-time jobs.
Working live on wireframes was very efficient, allowing us to make real-time adjustments and speeding up the process.
Overall wireframing
Examples of improvements
Visual direction
The main challenge was finding a balanced colour background in order to keep the logo that Ilaria proudly designed by herself. The logo’s colours, presented lack of natural harmony, differing emotional tones, and limited versatility across various website elements.
Colour background variations
Usability testing
From our point of view everything seemed fine but we wanted to know other people’s point of view and their experience throughout the website.
BEFORE
The bio paragraph was excessively long on mobile, causing users to scroll extensively.
AFTER
By adding a 'Find out more' button, users can choose to read more without having to scroll through the entire paragraph.
BEFORE
Users found the address useful but wanted an easy way to get directions.
AFTER
To address this, a “Look at the map” button was added, allowing users to quickly get directions.
final design
Just click through it and you will find what you need.
Landing Page: Desktop and Mobile Views
Who I am section: Desktop and Mobile Views
Podiatrist and my services page: Mobile Views
Contact me page: Tablet Views
Impact
July
August
+533%
+26%
+47%
retrospective
Successfully transitioned from a minimal online presence on a shared platform to a full website.
Collaborated with my client as a team effectively
Positive user experience and
results from users
retrospective
We are still working on improving SEO positioning, particularly for the Instagram page
Even though most part of the business is
through WhatsApp, the form didn’t perform
as Ilaria expected
Contact
Work
Thanks!
Thanks for taking your time to visit my portfolio, I hope to see you soon.
