I have been working at AdEspresso since its early days, and had the pleasure to see it growing from a 5 people side project, to a 500Startups member, to a full-grown company.

My role within the company has always been very dynamic and got more and more important. I mentored other front-end developers and designers, gradually concentrating on the visual side. In the last 2 years, I have been focusing entirely on the UX side – working with Sketch, InVision, Sketch Cloud, and Gallery.io.

During the last year, I also spent a great deal of time on building a robust and detailed design system working alongside developers.

For the Blog section, I took care of the design of many illustrations (usually 2/3 per week) related to the topic of the post published, following Facebook guidelines and trying to develop a sort of “branding” to make all AE illustrations appealing, immediately distinguishable and recognisable. These are some of my favourites:

The micro-site built for the reporting tool:

Glyco aggregates all running events in Italy, no matter the distance, the type of terrain or if they are competitive or not. Users can easily search and find the running competition that best suits their needs by using the filters (date, distance, terrain, etc…) and can save the events they are interested in in a “favorite” section within the app, add them to their personal calendar on their phones or share them with friends.

This is an example of a mockup made in Sketch for the “Search” feature:

Glyco is a side-project I decided to work on for fun, as a UX exercise, along with 3 friends of mine (all developers). It is the first mobile app we have ever worked on, so it’s a little bit of an experiment and lots of design decisions, as in every project, have to make a compromise with the technical limitations met.

In addition to working on the UX side, I created some illustrations and tried to visually define the brand in terms of logo, colors, and style…

…and I helped build the website, too.

The website is divided into 13 main sections, one per day of the trip, each one showcasing the place visited that day and related important sites, offering additional information including a map and links to external resources to know more. Animations are built combining CSS and Javascript (Greensock).

The website it’s divided in 5 main sections, each one giving more information about me – from the tools I use to the music I listen to and how I spend my free time) through the use of custom illustrations, transitions and animations.

Frames of the animation:

Below it is the original illustration (100% vector graphics), which is in color. The idea was to keep the colors and animate them, too, but in the end I decided to use the black and white version due to some browser inconsistencies in color gradient animations which were causing odd behaviours.

For this project I took care of everything, from the UI and SVG design to the frond-end coding.

Wallpaper available to download at this link.

Some raw renders generated during the creation process:

Post-production in Illustrator: