hi, I’m Leonardo
I use design to solve business problems
I’m a multidisciplinary designer with a background in industrial and software
engineering. I
am
currently looking for full-time remote roles but open to freelance engagements.
With 7+ years developing web products and services. Built, redesigned and shipped +20
products
both as a solo developer and in the last couple of years as a Product Designer.
An avid youtube creator, 100+ videos and live podcasts talking about technology and
finances
for
the hispanic community.
Always willing to collaborate or carry out new inspiring projects. If you’d like to
discuss
a
potential idea or know about me and my work, don’t hesitate to contact me.
Work
About
hi, I’m Leonardo
I use design to solve business problems
I’m a multidisciplinary designer with a
background in industrial and software engineering. I am
currently looking for full-time remote roles but open to freelance engagements.
I’m more talkative on desktop and tablets. If you’d like to discuss a potential idea or know
about me and my work, don’t hesitate to contact me.
CANCERCARE
Covid restrictions made life difficult for all the people affected by cancer, Cancercare needed to improve their experience to provide help and support in a closed economy.
The client
In 2020, an estimated 1,806,590 new
cases of cancer will be
diagnosed in the United States
and 606,520 people will die from the disease.
Founded in 1944, CancerCare is the leading national organization providing free,
professional support services and information to help people manage the emotional,
practical
and financial challenges of cancer.
The pandemic was pivotal for changing the way the organization worked in order to better
serve their customers.
The objective
We were commissioned to design a new look that represented the transition of the
organization to a more digital presence.
The client had invested years building a CMS to handle the amount of content created for
the
organization.
It was important to keep what worked and improved the rough edges of the experience for
the
end user.
Styleguide
The first step was
revising the font weights
and colors. We reduced the weight of the fonts to provide a more stylized and calming experience while
reading the site.
We also extended the range of colors used on the site, to handle a more diverse set of cases.
Typography
Lato
Medium
Regular
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Vv Ww Xx Yy Zz 0123456789!@#$%^&*()
Colors
Primary
HEX #3B8BC3
RGB 59 139 195
Secondary
HEX #93C367
RGB 147 195 103
Accent
HEX #D97928
RGB 217 121 40
Grays
HEX #777777
HEX #979797
HEX #B3B4B8
HEX #F5F5F5
Improved Navigation
The header is a clear indication of where the user is and what is the page is about. We transformed the titles into a mix of pictures and text to a more brand recognisable element offering more specific information.
“We worked with other designers, but Leo was the one able to materialize successfully the changes we have been discussing for years.”
Jacqueline Zahora, Director, Digital Communications, cancercare
Better Heroes
The headers is a clear indication of where the user is and what is the page is about, we transformed the headers into a mix of pictures and text to a more brand recognisable element offering clearer information.
Website
Every page has a clear hierarchy that displays all the relevant information. All the components are responsive and adapt to the mobile view.
Components were redesigned to fit nicely on every breakpoint and mobile device.
Improved Iconography
A new Iconography was created to represent most of the activities handled by the CMS.
