01   —   Introduction

Thanks to the achievements reached by humankind, the way we communicate has evolved really fast.
So fast that some of the classic technologies we grew up with will soon be forgotten.
TIM asked to preserve this precious heritage for the future generations.
The aim was to create an immersive and engaging experience, in which historical contents come to life again and people can try out in first person the most iconic telecommunication devices. We achieved our goal with this interactive timeline, designed with the support of the most innovative 3D and WebGL technologies.

02   —   The idea

“The History of Connection” is a website showcasing the technological achievements in the history of telecommunications in a never-before-seen interactive experience.
The idea is to explore this unique timeline from a breathtaking point of view, by navigating inside the only element that all these technologies have in common: the cable.
While seeing the design of the cable evolve age after age, with the support of the most innovative WebGL technologies, people can discover the technologies behind the evolution of telecommunications.

- VISIT PROJECT

03   —   The UX Structure

Once the idea was defined, the first step was to understand the best way to structure the experience in terms of content and main interactions.
The history of connections has been devided into nine chapters, each of which is rapresented by a main symbolic 3D object of that era with which the user has to interact to continue the experience linearly, and by a stretch of a cable, filled with hotsposts of that time.
Along the whole journey the user can explore the archive through two main actions: he can scroll to go back and forth and click and drag to interact with objects.

04   —   UX Wireframes

In order to better define the single moments of the user journey and all the micro-interactions, we've designed low-fidelity wireframes describing all the core aspects of the interface and the experience flow. Then we tested the main user interactions through interactive prototypes.

04   —   Prototyping to achieve the result

To reach a satisfying level of usability and crafting we made a lot of interactive prototypes and evolved the website day after day.
The main problem we needed to address was to undertand which had to be the principle way of moving through the 3D timeline: clicking? scrolling? automatic progress? Thanks to a lot of A-B testing we finally decided that the scroll was the most accessible method and we kept it as a main interaction.

05   —   The Storytelling

“The History of Connection” is split in 9 different chapters. At the beginning of each, users can interact with a specific device representing that age. Thanks to this experience, even the younger generations can try out those iconic devices that belong to the past and made the history of telecommunications.

06   —   Awards

01   —   Introduction

Hortus is the first interactive pavilion of his kind where people can engage with digitally-augmented farming and grow their own food on-site. The project pairs hydroponic practices with online data collection, paving the way for a new type of collaborative, in-store cultivation system in which anyone can become a food producer.

With its disruptive vision for the food industry, the project is among the highlights of FICO Eataly World, the 100,000 square meter edutainment park opened on November 15th, 2017 in Bologna, Italy.

02   —   The concept

Moving through the space of the pavilion will be like moving through time. As you walk through, you will observe the progression of plant growth: from seeds and sprouts at the entrance of the farm to fully developed plants after a few meters.

03   —   The Experience Design

I had the amazing opportunity to lead the design of the experience and the visual exhibition, working closely with other designers, architects, engineers and consultants from many fields.

In short, the experience invites visitors to enter the circular pavilion and follow an immersive route that leads to a vast indoor hydroponic vegetable garden. Here, anybody can choose to plant seeds in a hydroponic tank and start monitoring their growth. At “Hortus”, you can sow seeds of basil, curly lettuce, wild rocket, and butter lettuce. Once the plant is finally ripe, it will be collected to be eaten.

It was crucial to design a centered user flow along with system logic in order to provide a seamless experience for the exhibition visitors.

04   —   How it works

By utilizing sensors that measure the plants’ status, visitors are connected to the farm digitally and are able to access it remotely, from the “Hortus” web app. Once a person plants a seed in the hydroponic farm, an Internet-of-Things device will match his or her profile with that of the corresponding plant. Using the web app, the visitor can then track the state of the plant’s biological data, its level of growth, and even share it on social media.

01   —   Introduction

Makr Shakr is a new robotic bartending system that allows users to create, in real-time, personalized cocktail recipes through a smart phone application and transform them into crowd-sourced drink combinations. The cocktail creation is assembled by robotic arms, whose movements – visualized on a large display positioned behind the bar – mimic the actions of a bartender, from the shaking of a martini to the thin slicing of a lemon garnish. The project was previewed during Milan Design Week 2013, before being unveiled in its final configuration at Google I/O in San Francisco on May 15, 2013.

02   —   The Experience Design * Beta

I've designed the new Makr Shakr experience, which is declined in a native application (now in beta) for Android and iOS, an in-store tablet application and a real time data visualization for the in-store experience.

03   —   The Challenge

When I started designing this new application, the biggest challenge was the almost complete absence of references for the core part of the app: creating new drinks. So I had to test and evaluate new interaction ideas using Framer JS, doing A-B and 5 seconds tests. By doing so we had the opportunity to get a better and usable application.

04   —   Browse The Menu

05   —   Edit a Drink

06   —   Make an Order

01   —   Introduction

"Interactive Mirror of Bricks" is a new way to shape our own creativity with a panel made of sliding bricks behind the shop window working as a three-dimensional mirror.
The focus of this project is the innovative interaction: running thanks to a digital technology, but with an analog response! The video shows one of the infinite possibilites of this installation.

02   —   Brief

The LEGO Playbox is the first major idea created by the LEGO Group used by the store employees to foster engagement with shoppers and children. Think of something which creates memorable experiences for shoppers in the LEGO Stores and advertises the LEGO Playbox. All ideas should be innovative, engaging and fun.

03   —   Wayfinding

This project needed a long maturing process. The first part was all made of brainstorming, debriefing, getting feedbacks, take a step forward, take a step back, wayfinding, idea attacking and brainstorming again. Once the big-idea came up, all the energy went into the user experience research and interaction design studies.

04   —   Developing

The pure developing was divided in two big paths: the 3d rendering, including videos made in the studio and in external places of actors simulating the presence of the interactive shop window, and the video production, including stop motions, storyboard, recording, art direction and more rendering.

01   —   Introduction

This award winning project, first of his category, consinsts in two final outputs: a board and a funny stop-motion video. At the really start this logo was meant to be a declination of the "Interactive Mirror of Bricks" project way of using the LEGO bricks (modular). But the more time passed and this logo was emancipated and started to "live on its own".

02   —   Brief

The LEGO Playbox is the first major idea created by the LEGO Group used by the store employees to foster engagement with shoppers and children. Create a logo that can rapresent the LEGO Playbox. Design the LEGO Store as a place that not only sells one of the largest selections of classic LEGO products, exclusives and licensed goods, but also builds and enhances the brand image in an engaging and memorable way with fun.

03   —   Background & Concept

Lego Playbox gives you the opportunity to live a unique and innovative playing experience inside Lego Stores. Everything concerning Playbox should become playable.

The challenge is to make entertaining something that has never been thought as such.The aim is the creation of the first logo you can play with inside Lego Stores.The logo will become not only something you can identify with but also a symbol of entertainment and a playful engaging experience.

01   —   Introduction

The aim of this project was to design a branded content online magazine and networking platform for the italian division of UniCredit. The output consists in five different pages designed considering reasearches made on the target. In the video is possible to watch the home animations prototype.

02   —   Brief

Design an online magazine that will attract the target audience with branded content and incentives interactions between users. The magazine has to increase familiarity with the brand and retain customers, provide tools for new stimulus through socialdoing. The target is made of smart people, startups, small and medium businesses with an eye to the future. The tone of voice has to be simple, fast, rich of videos and images.

03   —   Idea

My Way encloses, in the name and in the logo, values of personal realization, resourcefulness, aggregation, change and innovation. The website is composed by four main sections: the online magazine, the job networking page, the team building portal and the “question and answer” section. All the content can be filtered by tag and profession. It will also be possible to create a startup based on a common project among the users, and then compete to be financed from the bank.

01   —   MObility SEcurity System

MOSES is an idea and a dream. The main focus on this project was to design a revolutionary but yet simple solution for emergency vehicles.
All the energies went into the idea developing while the stop-motion video was made in the last 3 days before the deadline.

02   —   The Challenge

Use Ford as a catalyst to create lasting, city-wide change to how we get around. Follow these steps to find your solution:
1. Select a large city in need of change with complex transport needs.
2. Use a Ford technology, mobility experiment
or asset and be creative with it. Think laterally.
3. Change a mobility-related behaviour or issue for the better. Develop a campaign, product, app or experience to create lasting, positive behaviour change to improve everyday mobility.

03   —   The app

MOSES is an app for smartphones and car onboard computers that allows the rescue vehicle to inform drivers of its arrival in order to clear the way. As Moses did with the Red Sea, so does this app. The user experience was designed with the primary goal of attracting the driver attention.