Portfolio by L. Selvaggi

Lorenzo Selvaggi

Design Portfolio

LORENZO SELVAGGI

ABOUT ME

My story as a designer starts in 2009, when I have left Rimini, my native city, to move to Milan in order to study Product Design at Politecnico di Milano. During my career I operated in different fields such as Design Research, Graphic Design and later, Interaction Design. My professional career begins in 2013 by working as Design Researcher/Service Designer at Design Innovation studio in Milan, then as Graphic/ Product Designer with the multinational CandyHoover Group. Later, I worked two years as Interaction Designer at Technogym, leading company in the sector of fitness equipments. Currently, I am attending a Master in UX/UI Design at ESDi (Escola Superior de Disseny) in Sabadell. Catalunya.

BIOCIRCUIT Biocircuit is a system of connected fitness equipments that allows users to follow a complete workout routine in 30 minutes. It uses a patented engine that can replicate different weightlifting modes (isotonic, elastic, viscous, chains, pyramidal...) and using userâ&#x20AC;&#x2122;s biometric values stored in MyWellness Cloud, the equipments can apply userâ&#x20AC;&#x2122;s settings automatically (seat and lever adjustment, difficulty, excercise mode...) providing a seamless workout experience that would not be available with traditional equipments.

UI for Cardio/Strenght Workout

Technogym 2016 - 2018

30 minutes (2 Round)

Newbie/Untrained Users

PRODUCT CONCEPT

Cardio & Strenght

Customer Management CONTACTS

TRAINER John Doe

WHO IS IN

SEARCH WITH DEVICE

NEW CONTACT

ALLIE ABBEY BILLIE ASHTON CODY BAILEY CURT BERGSON

DANNY BOYLE VOCE 6SURNAME NAME 03:57

The kiosk is the core of the circuit: it is designed to start the circuit, modify settings and check the results of the training sessions.

Create / Edit Customer Profile

Assign Program

USER PROFILE

TRAINER John Doe

E-MAIL

No entry

TYPE

Member

HEIGHT

167 cm

WEIGHT

55 kg

LEVEL

Beginner

CONFIRM

03:57

Home / Clientâ&#x20AC;&#x2122;s Overview

Start Workout

Pre-Start

Hi, Caroline

0:24 SETUP & ADJUST

m:ss

START

Before starting the first workout, user are asked to perform a test in order to prescribe a tailored-suit program.

ROM acquired

REPEAT

Range of Movement Aquired - Confirm 8

RecoveryTime - Get Ready

Input Level

Seat height

ROM acquisition

Execute some repetitions

0/3 1/3

CONFIRM Isokinetic curve aquisition

REPEAT

100 KG 1RM AQUIRED

BEGINNER INTERMEDIATE TRAINED

Switch to the Next Station

0:25 m:ss

LEVEL

5A NEXT

Move to next equipment

Pre-Start

CARDIO STATIONS The experience on cardio equipment is made of two different excercises : Running and Cycling.

Move to next equipment

RecoveryTime - Get Ready

During the workout, the UI show the residual time (excercise time in the yellow circle, overall time in the yellow line), your settings (incline and speed while Running, Power and RepsPerMinute while Cycling) and biometric values (Calories and HeartBeat). After the workout, the interface show you which is the next equipment and your compliance rate (a % of â&#x20AC;&#x153;how correctly you performed the excercise)

Exercise in Progress

Workout on Bike

Work Round 1

3:10 0:45

RPM Cadence

Total Time

07:12 12

Power Watt

m:ss

Kcal

PAUSE

Heart Rate

12:30

Work Timer

Cadence Indicator

Feedback

2:05

Compliance

Effort Adjustment

Rest Timer

Next Equipment

36 Power

0:24

80%

m:ss

Watt

General Workout Timer Technogym Standard Dashboard Total Time

07:12

Kcal

Heart Rate

PAUSE PAUSE Pause or Stop Button

12:30

Pre-Start

STRENGHT STATIONS The experience on strenght equipment is characterized by features partially similar to those designed for cardio equipment, but scaled on a much smaller display (a 9 inch on strenght, vs a 15 inch on bikes and 21 on threadmills).

Move to next equipment 14

RecoveryTime - Get Ready

The peculiarity of strenght equipment comes from the possibility to manage up to 6 different workout modes, in particualr the most innovative has been the viscous/elastics, the simulates the experience of executing reps immerged in a fluid environment.

Exercise in Progress

Home with Training Agenda

END & RESULTS (KIOSK) After the workout, the users can check their results on the kiosk. The last sessions is displayed directly on the home page, but it is possible to see the whole history.

Results 16

CONNECTED MAXI-SCREEN The secondary screen feature help the users finding their position in the circuit, in particular while they are starting the workout.

Secondary Screen / Pre-Start

KIOSK FLOW DIAGRAM The navegation workflowâ&#x20AC;&#x2122;s appears very complex as it enables not only the start of a workout, but also: - creation of an account, - personal device assignation, - program prescription - test lauch etc. - creation of profile picture thru webcam, etc.

TEST & SETUP DIAGRAM

CARDIO EXCERCISE DIAGRAM The ideal workflow of the workout should be extremely seamless, but the diagram include many exceptional cases such as: - Voluntarily quitting a workout; - Skipping an equipment - Stop the threadmill (for safety reasons) - Giving a positive or negative fitness at the end of the excercise - Etc.

STRENGHT EXCERCISE DIAGRAM

POWER WORKOUT APP Additional User Interace for Fitness Equipment Technogym SPA 2016 The app consists of an additional User Interface for power/strenght workout equipment. In particular it provides real time data during the excercise execution and afterperformance results.

Home

Select Excercise

Input Number of Series

Work out Histogram

Invision Mockup Link https://invis.io/GXG5CHTB3YE

Adjust Weight

MYRUN APP (UPDATES) IPad App for Home Running Technogym SPA 2016 The app works as an expansion of the threadmill UI, providing contents such as workout schedules, guided workout mode and detailed performance results. One of my first activities in Technogym has been the update of the navigation flow, considering the feedbacks collected by the analysts.

REGISTRO ALLENAMENTI MOVES

MONTHLY

MAY 2016 9845 MOVEs

750

500

250

0 1

10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

WEIGHT LOSS PROGRAM

RESULTS

SPORT ICONS

U.I. ICON SET Graphic Restyle/Update

hiking

swimming

rugby

skateboard

cycling

snorkeling

waterpolo

snowboard

fence

archery

waterpolo

sking

martial arts

curling

cricket

rollerskating

load

repetitions

Technogym SPA 2016-17 During my experience in Technogym, I was asked to design and refine the icon set for mobile and native apps.

FUNCTIONS

compliance videogames

MUSIC STYLES mood

parties

electro

hip hop

classical

pop

workout

country

travel

kids

80s rock

decades

chill

disco

live

jazz

latino

love

movies

holidays

PROGRAMS anti-aging

weight loss

help your back

warm up high Intensity

MOOSEHUM App Prototye made with Axure Educational Project 2018 This Project is the final work of an UX prototyping course I attended in 2018. The brief asked to create a simulation for an E-commerce App using AXURE RP, so I designed an app where users can buy tickets for exhibitions, guided tours and events. Axure Mockup link: https://mxckh9.axshare. com/#g=1

MAIN WORKFLOW registration and purchase

DESIGN HERO From Design Thinking to UX Design

DESIGN THINKING PROCESS 1. EMPATHY

2. DEFINITION

Educational Project 2018-2019

Starting from the given challenge “how to improve the satisfaction for design students at ESDi?” we begin a Design Thinking process that led to the creation of a new service, a “creativity tournament” in which several groups of students from different backgrounds are asked to participate in monthly challenges in order to socialize, gain awards, and enrich their portfolios. We interviewed 13 users to understand their expectations and feelings towards design education.

Defining the most useful insights from the interviews with users.

how to improve the satisfaction for design students? 3. IDEATION

4. PROTOTYPING

5. TESTING

Using brainstorming and other techniques to generate a huge amount of ideas, and then, selecting the most feasible and effective.

Understanding the scenario by creating a storyboard and then making a product mockup.

Collecting feebacks from the users, testing the mockup directly in the school context.

Victor el intenso

Variables de comportamiento

Motivaciones "Quiero estar al tanto con todos los eventos relacionados a mi area de estudio en Barcelona. ¡Quiero vivir mi vida de estudiante a tope!” "Quiero encontrar retos que me hagan desarrollar mis habilidades y tener experiencias reales" "Me gusta conocer gente diferente para aprender cosas nuevas ”

Apasionado

Desinteresado

Sociable

Ermitaño

Aplicado

Iresponsable

Creativo

Cuadrado

Participativo

Frustraciones “El programa de estudio es demasiado blando, no nos piden mucho "

Organizado

Pasivo Desorganizado

Tech-savy

Edad: 23 Location: Masnou Especialidad: Gestion del Diseño

"No tengo tiempo para asistir a todos los eventos que me interesan porque tengo que estudiar para sacar buenas notas”

Bio

Brands

Apps & Media

Mis padres me querían médico, pero mi pasión por diseño me hizo elegir esta escuela. Me gusta socializar, pero siempre priorizo los proyectos personales y escolares.

Camper, Apple

Behance, Eventbrite

"La gente no se toma en serio la carrera, parece un poco el colegio"

Manual

Player

Watcher

LÍder

Rebaño

Música Led Zeppelin, Pink Floyd

Diseño de InteracciÓn

LAIA | LORENZO | LUIS | SILVIA | HELENA

Personas and User Journey Map In order to keep the focus on the users, we created three personas profiles, represeting different student archetypes and built a user journey map to identify every moment of interaction with the service.

Design Hero / User Journey Map 1

1er dia en la Universidad, Registro en la app

Etapas

Tareas o Actividades Puntos de Contacto

Primer reto: Descubro mi perﬁl creativo

¡Tengo un grupo! ¿Quiénes somos? Evento

Final event: Awards y party

- Después de registrarse, los usuarios descubre sus “perﬁl creativo” a través del test de Basadur

- En un evento los componentes del equipo se encuentran y descubren el segundo reto: el proyecto en equipo.

- Los miembros de los equipos pueden comunicar entre ellos a través del chat presente en la aplicación.

- Cada 15 dias se lanza un nuevo reto a través de un evento, eso te permite de ganar puntos por tu equipo. -A través del app puedes consultar los resultados de cada reto por tu equipo, y la hora y el día del próximo evento.

- Al final del año academico se monta un evento final en el cual habrá el último workshop con profesionales valorando el trabajo de los equipos. - a través del app los usuarios obtienen informaciones sobre el programa del día - Después de realizar el reto, se hace una fiesta con la entrega de premios para los ganadores y entrega de premios honoríficos.

- Carpeta con datos de acceso - Apple Store o Google Play para descargar el app - App Design Hero

-Un popup en la App Design Hero nos comunica el resultado al ﬁnal del test. -El resultado queda visible en la sección “mi perﬁl” del App. - Los demás usuarios podrán verlo visualizando: “contactos --> chatea con usario o grupo --> visualiza detalles contacto”

- Sección “Eventos” del app, para descubrir donde y cuándo. - Espacio ﬁsico del evento

- Sección “Eventos--> crea eventos” para programar reuniones del equipo - Sección “Contactos” para enviár mensajes a los compañeros de equipo (o profesores)

- Sección “Home” del app para consultar los resultados de los retos - Sección “Eventos” del app

- Sección “Eventos” del app, para descubrir donde y cuándo. - Espacio ﬁsico del evento

Soy un generador! Me identíﬁco bastante en la descripción

Que largo que es el test...

La app es muy cómoda para comunicar y programar reuniones!

¡Uh! Finalmente los conozco, paracen majos y capaces...

Emociones

Aunque hayamos ganado solo un premio segundario, estoy contento por lo que aprendí!

Tardan mucho en publicar los resultados...

Uff! Quiero saber el nuevo reto YA!

¿Trabajo de equipo? Espero sea gente seria, sin ser unos pesados...

Estoy perplejo, todavía no entiendo para que sirve esta app...

Enfadado

Oportunidades de Mejora

Trabajamos en nuestro Controlamos nuestros reto resultados y nuevos eventos

- Durante el primer día del año académico, el usuario recibe una carpeta de material informativo. En ella, encuentra informaciones sobre el app Design Hero y como acceder a su cuenta. - El usuario descarga la app desde el App Store o Google Play - El usuario entra en la app con sus credenciales.

Feliz

Painpoints / Frustraciones

Victor, el intenso

- Buscar + descargar la app. - ºQue la app no sea compatible con todos los sistemas operativos

- Que los usuarios no entiendan las preguntas - Que los usuarios no sepan para qué sirven estas preguntas - Que el proceso de rellenar las preguntas para averiguar tu perﬁl, de la sensación de ser un proceso muy largo.

- Transmitir poca seguridad al asignarte un grupo de gente a la que no conoces para trabajar en equipo.

- Retos poco motivadores para los usuarios. - Que no te guste o no encajes con tu equipo de trabajo.

- Glitch en la app. - Que los resultados no estén actualizados y que esto genere frustración en los participantes.

- No poder asistir al evento ﬁnal. - Que no llegue la info del evento ﬁnal a todo el mundo. - No ganar ningún premio.

- Crear un código QR de descarga directa de la app y adjuntarlo en la misma hoja donde está el usuario y contraseña de acceso.

- Hacer el proceso de creación del perﬁl algo claro, corto e interactivo y que genere engagement para los usuarios.

- Explicar y dejar claro que los componentes de tu equipo son personas de otras especialidades dentro de la universidad, y que son personas que complementar tu perﬁl y tener un buen equipo de trabajo.

- Proponer retos sencillos y dinámicos. Fáciles de completar, que incluyan técnicas de todas la disciplinas para que todos puedan aportar valor al equipo. - Que los participantes tengan opción de escoger el próximo tema del reto a través de votaciones en la app.

- Hacer control exhaustivo de la app y aportar mejoras si son necesarias. - Que los desarrolladores de la app conjuntamente con los jueces de los retos se comprometan a tener los resultados actualizados en un plazo de 24h después de haber realizado el reto para que los participantes puedan ver el resultado obtenido en cada prueba.

- Anunciar el día del evento ﬁnal con meses de antelación e ir lanzando recordatorios cada X tiempo. - Resaltar en la app el día del evento ﬁnal, con el programa de todo el día y toda la información necesaria. Además de hacer difusión con carteles por toda la universidad. - Dar un detalle/reconocimiento por la participación en el juego a cada usuario.

Diseño de InteracciÓn

LAIA | LORENZO | LUIS | SILVIA | HELENA

FIRST ACCESS & APTITUDE TEST

HOME

ACHIEVEMENTS

CHAT

MY TEAM

CHAT

CALENDAR

LOGO & ICONS

HOME PAGE

McBURN App Concept for McDonald’s Educational Project 2019

McBurn is a brand utility aimed at changing Mcdonald’s perception, changing the paradigm of “fast food = junk food”, suggesting healthy behaviours for the consumers. In particular, the app gives a feedback about the nutritional values of the consumer purchases and provide excercises and workouts to balance the amount of calories of the the meail.

ADD A MEAL

NUTRITIONAL ANALYSIS

SUGGESTED WORKOUT

POINTS & REWARDS

RESEARCH SYNTHESIS NUTRITIONAL VALUES LIP I

DE S

SPIRULINA BENEFITS

Spirulina Homefarming Master Graduation Project 2014-2015 Spirulina is a microalgae that can be integrated to human diet: it is extemely rich in proteins and vitamines. Being a photosinthetic organism, it is also exteremely interesting in terms of carbon fixation.

CIDES GLU

BREATHE CO2 ABSPORTION

NON-ANIMAL PROTEIN

It is becoming a popular complement in the vegan diet, in contrapposition to a rising awareness about the carbon footprint caused by meat production.

70% PROTEINES VITAMINES

B B12 D E K 40

HOW TO GROW Being photosynthetic microbes, algae requires light and air to grow and multiply. Using automated air-flowing, temperature and lighting devices can increase the biomass production creating optimal conditions for growth.

AIR AND LIGHTING LIGHT SOURCE AIR PUMP

BIOMASS HARVERSTING

BIOMASS GRAVITY FILTER

STATE OF THE ART The meat industry is responsible of a consistent part of greenhouse gases production. This statement motivates the emerging trend of microalge food production.

URBAN ALGAE FARM IN SINGAPORE Urban cultivations can help improving air quality in polluted city thanks to photosynthetis.

HOME SPIRULINA KIT Domestic production allows consumers to have high quality and low price product.

GRAVITY FILTRATION SYSTEM

Product Concept The product concept is a domestic adaptation of lab equipment (so-called “photobioreactor”), enhancing the aesthetical appearance and shaping a modular system that can adapt do different needs.

AREATION ENGINE + WATER HEATING COIL

User Interface The concept is meant to be used through a basic-physical UI + some extended features that can be accessible through a mobile app, such as temperature and light parameters.

ROSIĂ&#x2030;RES SUBLIME Oven - User Interface CandyHoover Group 2015 Sublime has been Candy Hooverâ&#x20AC;&#x2122;s first cooking product with a touch-sensitive interface, presented at Eurocucina Technology for the Kitchen. Navigation is based on two principal modes: the Recipe Book and the manual adjustment. User can also add custom recipes transfering data from mobile and tablet, thanks to a wifi connected platform.

MANUAL MODE

MAIN MENU

Manual, Recipes, Favorites

Time Se

RECIPE BOOK