Vector art self-portrait I made with Adobe Illustrator

Hello!
I'm Riccardo, I design and build web things

I'm a self-taught front-end developer and a lifelong designer, based in Milan.

Me freezing in front of the icelandic landscape

My journey started as a graphic designer more than 20 years ago. Technology and the internet have always been my passion and I decided to take the leap to web design around 2008, when I started working at the consumer association Altroconsumo, part of the Euroconsumers group.

I have progressively shifted my focus towards development since then, and I am now involved as front-end developer in several Euroconsumers projects.

I draw comics and listen to unpleasant music in my spare time. Hit me up on:

Tech&skillset

HTML5

A well structured, semantic DOM is the backbone of any web project. Semanticity, accessbility and usability all start from a robust and meaningful markup. Observing and applying the intended semantics of native elements, regions and attributes are the indispensable foundations for a robust, crawlable, usable, accessible and future-proof page.

Knowledge & Philosophy

My design and development approach

Accessbility

Making my work fully accessible is always my priority. While sensible design choices (respecting contrast requirements, hotspot sizes, text reflow) are indispensable, I believe machine-readability and good practices (like the meaningful use of elements and attributes) are the foundations of a truly accessible and future-proof product.

Usability

Usability tenets drive every choice I make during the design process. I focus in particular on affordances and controllability: it's important to me that every pattern and piece of UI looks familiar even to a first time user, so that its behavior can be recognized and predicted.

Semanticity

I plan my design with a strict separation of content and presentaion in mind, which is the baseline for building an all-around accessible product. Respecting and leveraging the semantic meaning of all native HTML elements, regions and attributes is the fundamental first step in it.

Progressive enhancmenet

Progressive enhancement is the development approach that allows me to plan for accessibility and usability. Providing a baseline experience for all users is the core of accessibility, while enhanching features for the systems that support them is what builds a compelling user experience.

Naming conventions

Working with a large codebase used by several teams taught me that agreeing and adhering on a set of conventions is extremely important, and if planned in advance can save the developers many headaches down the road. BEM is the most popular one I currently use for CSS/SASS

Design library

Managing a large ecosystem of multiple platforms with different teams would be impossible without a "rulebook". I believe implementing a shared library for all developers to use helps upholding conventions, consistency and reusability even in deep, complex and "spread-out" ecosystems.

Selected projects

Few interesting projects I helped create

A screenshot of Personal portfolio in a desktop viewport
A screenshot of Personal portfolio in a mobile viewport

Personal portfolio

I decided to create my personal portfolio manily as a training ground to teach myself Vue.js, which I had just discovered and quickly grew to love. This has been my first real project in vue, and the first "personal" small-scale activity in quite some time.

More info about Personal portfolio
A screenshot of Lawyer selection map in a desktop viewport
A screenshot of Lawyer selection map in a mobile viewport

Lawyer selection map

Euroconsumers collaborates with a selection of law professionals to provide its members a bespoke legal consultancy. This web app allows the users to select the consultant(s) that best fit their needs, based on their area of expertise and location.

More info about Lawyer selection map
A screenshot of Mile21 in a desktop viewport
A screenshot of Mile21 in a mobile viewport

Mile21

MILE21 is a project co-funded by the European Union that aims to help consumers making well-informed purchase decisions for fuel efficient cars. It includes tools to track the consumption based on the users' vehicles and driving habits, and a webstore-like area with detailed information about cars currently on the market and their emissions.

More info about Mile21
A screenshot of Complaint platform in a desktop viewport
A screenshot of Complaint platform in a mobile viewport

Complaint platform

Euroconsumers opened its complaint platform in 2015 to allow consumers to publicly complaint against third party companies, and it has undergone various enhancements and refactories since then. The current version features sophisticated tools for managing the complaints and the communication between the user and the company, as well as a comprehensive onboarding journey to collect data about the incidents.

More info about Complaint platform
A screenshot of Kleisma in a desktop viewport
A screenshot of Kleisma in a mobile viewport

Kleisma

Kleisma is a music business strat-up I co-founded with two partners. The main goal of the platform is to connect italian musicians and music professionals, as well as provide an accessible but meaningful stage to present their skills to prospect employers.

More info about Kleisma