Creative technologist's interactive installations

Creative technologist @ AKQA Italy
https://www.linkedin.com/in/ignaciodelgado/
IGNACIO
DELGADO
1

Understanding Nexus started as university project for the
“Interactive installations” course in 2010 together with student
José Marcos Moreno. It was later selected to be part of the Digital
Art festival TweakFest at Munich in 2011. It consists of a digital
glove enhanced with an Arduino board connected to RFID and
accelerometer sensors. The glove is linked to a world showing the
consumption path of some RFID tagged goods (a normal mass-
market chocolate tablet bar vs a trade-fair chocolate bar), so the
user can control its visualisation just moving his hand. Visuals
where done with OpenFrameworks.
http://www.tweakfest.ch/de/?p=8412
https://vimeo.com/6742539 (First prototype)
UNDERSTANDING
NEXUS
2

The Botanical garden of Padova is most ancient garden of its kind
in Europe. With the building of the new Biodiversity Garden
exhibition project, the UNIPD wanted an innovative way to help
visitors be part of it.
I was part of the team proposing a beacon-enabled app that could
make the plants talk (2014).
For this project I supervised the wireframes design, defined the API
and data structures, defined functional requirements, tested and
defined the beacons position inside the Botanical garden (about
45 beacons), supervised the technical development and did overall
QA of the whole project.
ORTO BOTANICO
DI PADOVA
4

INIT
UPDATE
START HP
PROFILATION
MENU
SEARCH
BY CODE
PERCORSO N
LEVEL Y
(LIST VIEW)
NAVIGAZIONE
GEOGRAFICA
SCHEDA
PIANTA
PERCORSO N
LEVEL Y
(DETAIL VIEW)
PERCORSO N
LEVEL Y
(MAP VIEW)
IF Y==0
Y:=Y
Y:=Y++
Y:=Y--
IL TUO
PROFILO
L’ORTO
BOTANICO
ORARI E
PREZZI
VISITE
GUIDATE
COME
ARRIVARE IMPOSTAZIONI NOTIFICHE
Y:=Y--
© H-ART 2014 | All Rights Reserved | H-ART is a WPP Company
SERVER
REQUEST (GET): CurrentVersion()
RESPONSE: {version:uint}
INIT
REQUEST (GET): GetTaxonomy()
RESPONSE: zip file {JSON taxonomy + icons}
UPDATE
if device cached
version != server
version
INIT
UPDATE
START
INIT
if device cached
version == server
version
START
SERVER
if first time launch
START
PROFILATION
HP
START
START
if NO first
time launch
HP
REQUEST (POST): SetProfile (UUID:uint,params:{})
RESPONSE: {OK}
SET PROFILE
HP SERVER
PUSH NOTIFICATION
NOTIFICATIONS
GCM / APN
PUSH NOTIFICATION
SEARCH
BY CODE
MENU
HP
PERCORSO N
LEVEL Y
(LIST VIEW)
NAVIGAZIONE
GEOGRAFICA
LEVEL Y (LIST VIEW) SERVER
LEVEL Y
SIBLING-1
(LIST VIEW)
LEVEL Y-1
(LIST VIEW)
LEVEL Y
(LIST VIEW)
LEVEL Y+1
(LIST VIEW)
LEVEL Y
SIBLING+1
(LIST VIEW)
LEVEL Y
SIBLING+1
(LIST VIEW)
LEVEL Y
SIBLING-1
(LIST VIEW)
LEVEL Y-1
(LIST VIEW)
HP
LEVEL Y+1
(LIST VIEW)
SCHEDA
PIANTA
LEVEL Y
DETAIL VIEW
LEVEL Y
MAP VIEW
SEARCH BY
CODE
LEVEL Y
MAP VIEW
LEVEL Y
DETAIL VIEW
SEARCH BY
CODE
LEVEL Y (MAP VIEW) SERVER
SEARCH
BY CODE
LEVEL Y
(LIST VIEW)
LEVEL Y
(MAP VIEW)
LEVEL Y-1
(MAP VIEW)
LEVEL Y+1
(LIST VIEW)
LEVEL Y+1
(LIST VIEW)
SCHEDA
PIANTA
LEVEL Y-1
(MAP VIEW)
HP
LEVEL Y
(LIST VIEW)
REQUEST (GET): GetNodeInfo()
RESPONSE: {nodeInfo:{}}
GET NODE
INFO
LEVEL Y (DETAIL VIEW) SERVER
LEVEL Y
(LIST VIEW)
LEVEL Y
(DETAIL VIEW)
LEVEL Y
(LIST VIEW)
LEVEL Y
(DETAIL VIEW)
LOADING
REQUEST (GET): GetNodeInfo()
RESPONSE: {nodeInfo:{}}
GET NODE
INFO
SCHEDA PIANTA SERVER
LEVEL Y
(LIST VIEW)
SCHEDA
PIANTA
SCHEDA
PIANTA
LOADING
Ortobotanico
Il giardino della
biodiversità
Le piante e
l’ambiente
Le piante e
l’uomo
Serra Tropicale
America
Centrale
America
Centrale e
Meridionale
Africa
Meridionale
Africa
Equatoriale
Oceania
Asia
Serra subumida
subumida
africana
subumida
asiatica
subumida
americana
Vasca tropicale Serra temperata
Australia
Australia
Serra
mediterranea 1
bacino del
mediterraneo
Serra
mediterranea 2
mediterranea
americana
mediterranea
africana
Serra arida delle
Americhe
prevalente
america centrale
prevalente
sudafrica
Arida africana
prevalenti
sudafrica e
madagascar
ELEMENTI CON
SOTTOLIVELLO PIANTA

TIMstadium was a Twitter-enabled and data-visualisation
platform of the Italian national soccer league Scudetto, gathering
data from different sources to bring users and updated and real-
time view of serie A Italian league.
I was involved during the first project phase (2014), brainstorming,
functional definition and high-level technical definition for a 3rd
party provider from the client. I was in charge of sketching the
wireframes of the full platform and supervising of high-level
technical aspects.
TIM
STADIUM
6

82
INDEX SCORE
JUVENTUS
LOGO
SQUADRA
80
INDEX SCORE
NAPOLI
LOGO
SQUADRA
I 5 TOP CLUB DELLA SETTIMANA LA TOP 11 DELL' ULTIMA GIORNATA
82
DIEGO
LOPEZ
23
P
81
IGNAZIO
ABATE
20
D
80
RODRIGO
ALEX
06
D
79
CRISTIAN
ZAPATA
17
D
79
DANIELE
BONERA
25
D
79
INDEX SCORE
NAPOLI
LOGO
SQUADRA
75
INDEX SCORE
NAPOLI
LOGO
SQUADRA
71
INDEX SCORE
NAPOLI
LOGO
SQUADRA
77
DIEGO
LOPEZ
23
P
77
IGNAZIO
ABATE
20
D
75
RODRIGO
ALEX
06
D
72
CRISTIAN
ZAPATA
17
D
68
DANIELE
BONERA
25
D
63
DANIELE
BONERA
25
D
CONFRONTALE CONFRONTALI
20:45
GUARDA IL
CONFRONTO
LOGO
SQUADRA
LOGO
SQUADRA
21:00
GUARDA IL
CONFRONTO
LOGO
SQUADRA
LOGO
SQUADRA
JUVENTUS
-
ATALANTA MILAN
-
CESENA
PROSSIME PARTITE
SABATO 00.00.2014
DOMENICA 00.00.2014
20:45
GUARDA IL
CONFRONTO
LOGO
SQUADRA
LOGO
SQUADRA
21:00
GUARDA IL
CONFRONTO
LOGO
SQUADRA
LOGO
SQUADRA
20:45
GUARDA IL
CONFRONTO
LOGO
SQUADRA
LOGO
SQUADRA
JUVENTUS
-
ATALANTA MILAN
-
CESENA LAZIO
-
PALERMO
20:45
GUARDA IL
CONFRONTO
LOGO
SQUADRA
LOGO
SQUADRA
21:00
GUARDA IL
CONFRONTO
LOGO
SQUADRA
LOGO
SQUADRA
20:45
GUARDA IL
CONFRONTO
LOGO
SQUADRA
LOGO
SQUADRA
JUVENTUS
-
ATALANTA MILAN
-
CESENA LAZIO
-
PALERMO
20:45
GUARDA IL
CONFRONTO
LOGO
SQUADRA
LOGO
SQUADRA
20:45
GUARDA IL
CONFRONTO
LOGO
SQUADRA
LOGO
SQUADRA
JUVENTUS
-
ATALANTA MILAN
-
CESENA
LUNEDÌ 00.00.2014
IMMAGINE CONTENUTO EDITORIALE
DATA
TITOLO CONTENUTO EDITORIALE
#TIMSTADIUM DATA
BLOG
SOCIAL WALL
SONDAGGI
CONFRONTI
HOME CAMPIONATO SQUADRE LOGIN
FOTO MILAN FOTO LAZIO
scopri tutti i dati della partita
1.5K
TWEETS
1K
USERS
27
TWEET/MIN
VIEW ALL
MATCH STATS
1
LAZIO
70'
3
MILAN
55
73
47
61
76
73
82
79
C
D
P
A
72 64
VALUTAZIONE PER REPARTO IN REAL TIME
#MILANLAZIO
#TIMSTADIUM DATA
BLOG
SOCIAL WALL
SONDAGGI
CONFRONTI
TIM Stadium
http://www.timstadium.it Search
iPad 9:24 PM
HOME · SINGOLO MATCH
Versione del documento: Wed Sep 17 2014
Nome progetto: TIM STADIUM
Index score based on aaaa
PERFORMANCE OVER TIME
70
0 15 30 45 60 75 90
0
100
max tweets per minute: 320
TWEETS OVER TIME
0
320
VALUTAZIONE PER CARATTERISTICHE
FISICITÀ
ACURATEZZA
TECNICA
TATTICA
AGONISMO
MENTALITÀ
EFICACIA
FISICITÀ
ACURATEZZA
TECNICA
TATTICA
AGONISMO
MENTALITÀ
EFICACIA
PERFORMANCE REAL TIME
LOGO
MILAN
LOGO
LAZIO
67%
33%
0
100%
max positive sentiment: 88%
POSITIVE SENTIMENT OVER TIME
3
MILAN
1
LAZIO
Honda K. 7'
Muntari S. 56'
Menez J. 64'
Alex R. 67'
#TIMSTADIUM FORMAZIONI
TIM Stadium
iPad 9:24 PM
HOME · SINGOLO MATCH · (scroll 2)
PERFORMANCE OVER TIME
70
0 15 30 45 60 75
0
100
max tweets per minute: 320
TWEETS OVER TIME
0
320
0
100%
max positive sentiment: 88%
POSITIVE SENTIMENT OVER TIME
#HASHTAG_5
#HASHTAG_4
#HASHTAG_3
#HASHTAG_2
#HASHTAG_1
tutti tweet
TOP HASHTAGS
TOP TWEETS TUTI I TWEET TOP PROFILES
FAMOUS NAME @nickname
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Aenean commodo ligula eget dolor. Aenean
massa. Cum sociis natoque penatibus et ma
12m
12m
12m
12m
12m
12m
12m
12m
TWEETS: 2.345 TWEETS: 2.345 TWEETS: 2.345 TWEETS: 2.345
@PROFILE_NAME
MENTIONS: 2.345
@PROFILE_NAME
MENTIONS: 2.345
@PROFILE_NAME
MENTIONS: 2.345
@PROFILE_NAME
MENTIONS: 2.345
@PROFILE_NAME
MENTIONS: 2.345
TWEETS: 2.345
3
MILAN
1
LAZIO
Honda K. 7'
Muntari S. 56'
Menez J. 64'
Alex R. 67'
#TIMSTADIUM FORMAZ
TIM Stadium
iPad 9:24 PM
HOME · SINGOLO MATCH · (scroll 3)
% Passaggi per partita
% Duelli Aerei Vinti
Ammonito ogni _ minuti
Passaggi per partita
% Tackles Vinti
Imbattibilità media
LOGO
SQUADRA
72
INDEX SCORE
TITOLARI A DISPOSIZIONE
#ACMILAN
34.749
tweets
320
peak tweet/min
GIVE A TWEET
79
VALUTAZIONE
PORTA 82
VALUTAZIONE
DIFESA
73
VALUTAZIONE
CENTROCAMPO 76
VALUTAZIONE
ATTACCO
82
DIEGO
LOPEZ
23
P
67
IGNAZIO
ABATE
20
D
54
RODRIGO
ALEX
06
D
72
CRISTIAN
ZAPATA
17
D
95
DANIELE
BONERA
25
D
67%
34%
0.3
3.4
22%
34m
% Rigori parati
% Cross intercettati
Durata media imbattibilità
% Parate
Goal subiti
Parate
100%
34%
58m
67%
1
5
Palloni Recuperati per Partita
% Passaggi riusciti
Passaggi per Partita
Assist per partita
Ogni quanti minuti fa goal
33
0.4
45%
67%
45
67
% Grosse Opportunità Concretizzate
% Goal su Tiri in Porta
Tiri in porta per Partita
Ogni quanti minuti fa goal
Goal Fatti
0.1
34%
47%
6
67
3
9.5
DANIELE
BONERA
25
D
#TIMSTADIUM DATA
BLOG
SOCIAL WALL
SONDAGGI
CONFRONTI
TIM Stadium
iPad 9:24 PM
HOME · SINGOLO MATCH · Dettaglio Squadra
BLOG
SOCIAL WALL
SONDAGGI
CONFRONTI
CAMPIONATO SQUADRE
#TIMSTADIUM
SQUADRE
HOME
CALENDARIO
31
30
27
21
20 28 34
33 36
R 23 32 37
24
22 38
35
26
25 29
19
12
11
8
2
1 9 15
14 17
A 4 13 18
5
3 16
7
6 10
SABATO 27 SETTEMBRE DOMENICA 28 SETTEMBRE LUNEDÌ 29 SETTEMBRE
18:00
0 - 0
LOGO
SQUADRA
LOGO
SQUADRA
GUARDA I DETTAGLI
20:45
0 - 0
LOGO
SQUADRA
LOGO
SQUADRA
GUARDA I DETTAGLI
19:00
0 - 0
LOGO
SQUADRA
LOGO
SQUADRA
GUARDA I DETTAGLI
21:00
0 - 0
LOGO
SQUADRA
LOGO
SQUADRA
GUARDA I DETTAGLI
12:30
0 - 0
LOGO
SQUADRA
LOGO
SQUADRA
GUARDA I DETTAGLI
15:00
0 - 0
LOGO
SQUADRA
LOGO
SQUADRA
GUARDA I DETTAGLI
15:00
0 - 0
LOGO
SQUADRA
LOGO
SQUADRA
GUARDA I DETTAGLI
18:00
0 - 0
LOGO
SQUADRA
LOGO
SQUADRA
ROMA - VERONA
GUARDA I DETTAGLI
JUVENTUS
-
ATALANTA
VERONA
-
ROMA NAPOLI
-
SASSUOLO
MILAN
-
CESENA
EMPOLI
-
CHIEVO
PARMA
-
UDINESE
LAZIO
-
PALERMO
#TIMSTADIUM DATA
BLOG
SOCIAL WALL
SONDAGGI
CONFRONTI
TIM Stadium
iPad 9:24 PM
CAMPIONATO > Calendario 2
Search box
9.0
SCHEDA GIOCATORE SCHEDA GIOC
FAI LA TUA RICERCA:
TITOLARI
A 92 Stephan El Shaarawy 6.5
04
C
C
07
Rodrigo Alex
Nigel de Jong
Ignazio Abate
Sulley Muntari
6.2
D
Jeremy Menez
6.7
9.5
34
20
5.4
Keisuke Honda
7.8
C
Andrea Poli
C
Diego Lopez
16
D
D 06
Cristian Zapata
Daniele Bonera
23
8.8
8.2
5.3
17
7.2
25
C
D
7.2
10
P
=
=
A DISPOSIZIONE
DIEGO LOPEZ
FOTO
8.2
INDEX SCORE
LOGO
SQUADRA
P
Index Score
Minuti giocati
% Rigori parati
Range media voto
Parate
Range Fantamedia
Goal subiti
% Parate
8.2
364m
1
100%
5
58m
8.4
34%
67%
8.7
8.2 X
TITOLARI
04
C
C
07
Rodrigo Alex
Nigel de Jong
Ignazio Abate
Sulley Muntari
6.2
D
Jeremy Menez
6.7
9.5
34
20
5.4
Keisuke Honda
7.8
C
Andrea Poli
C
Diego Lopez
16
D
D 06
Cristian Zapata
Daniele Bonera
23
8.8
8.2
5.3
17
7.2
25
C
D
7.2
10
P
=
=
A DISPOSIZIONE
G. BUFFON
FOTO
9.0
INDEX SCORE
LOGO
SQUADRA
P
Index Score
Minuti giocati
% Rigori parati
Range media voto
Parate
Range Fantamedia
Goal subiti
% Parate
9.0
364m
1
100%
5
58m
8.4
34%
67%
8.7
9.0 X
GRAFICA OVER TIME
#TIMSTADIUM DATA
BLOG
SOCIAL WALL
SONDAGGI
CONFRONTI
HOME CAMPIONATO SQUADRE
TIM Stadium
iPad 9:24 PM
CONFRONTO
Search box
9.0
SQUEDA GIOCATORE SQUEDA GIOCATORE
FAI LA TUA RICERCA:
TITOLARI
04
C
C
07
Rodrigo Alex
Nigel de Jong
Ignazio Abate
Sulley Muntari
6.2
D
Jeremy Menez
6.7
9.5
34
20
5.4
Keisuke Honda
7.8
C
Andrea Poli
C
Diego Lopez
16
D
D 06
Cristian Zapata
Daniele Bonera
23
8.8
8.2
5.3
17
7.2
25
C
D
7.2
10
P
=
=
A DISPOSIZIONE
DIEGO LOPEZ
P 8.2 X
TITOLARI
04
C
C
07
Rodrigo Alex
Nigel de Jong
Ignazio Abate
Sulley Muntari
6.2
D
Jeremy Menez
6.7
9.5
34
20
5.4
Keisuke Honda
7.8
C
Andrea Poli
C
Diego Lopez
16
D
D 06
Cristian Zapata
Daniele Bonera
23
8.8
8.2
5.3
17
7.2
25
C
D
7.2
10
P
=
=
A DISPOSIZIONE
G. BUFFON
P 9.0 X
FOTO
8.2
INDEX SCORE
LOGO
SQUADRA
Index Score
Minuti giocati
% Rigori parati
Range media voto
Parate
Range Fantamedia
Goal subiti
% Parate
8.2
364m
1
100%
5
58m
8.4
34%
67%
8.7
FOTO
9.0
INDEX SCORE
LOGO
SQUADRA
Index Score
Minuti giocati
% Rigori parati
Range media voto
Parate
Range Fantamedia
Goal subiti
% Parate
9.0
364m
1
100%
5
58m
8.4
34%
67%
8.7
10
2.5
5.0
7.5
GRAFICA OVER TIME
0 38
37
36
35
34
33
32
31
30
29
28
27
26
25
24
23
22
21
20
19
18
17
16
15
14
13
12
11
10
9
8
7
6
5
4
3
2
1
GIORNATA
SELEZIONA PARAMETRO DA CONFRONTARE
PARAM 3
MINUTI GIOCATI
SCORE INNAAS
% RIGORI PARATI
% CROSS
INTERCETTATI
DURATA MEDIA
IMBATTIBILITÀ
% PARATE
GOAL SUBITI
PARATE
% PASSAGGI IN
AVANTI
% DUELLI AERI
VINTI
AMONITO OGNI
MINUTO
PASSAGGI PER
MINUTO
% TACKLES VINTI
IMBATTIBILITÀ
MEDIA
PALLONI
RECUPERATI PER
PARTITA
% PASSAGGI
RIUSCITI
AMONITO OGNI
MINUTO
PASSAGGI PER
PARTITA
ASSIST PER
PARTITA
OGNI QUANTI
MINUTI FA GOAL
% GOAL SU TIRI IN
PORTA
AMMONITO
OGNI_MINUTO
% GROSSE
OPPORTUNITÀ
CONCRETTIZZATE
TIRI IN PORT PER
PARTITA
OGNI QUANTI
MINUTI FA GOAL
GOAL FATTI
P
D
C
A
#TIMSTADIUM DATA
BLOG
SOCIAL WALL
SONDAGGI
CONFRONTI
TIM Stadium
iPad 9:24 PM
CONFRONTO · Grafica aperta · Selettore aperto
AT&T LTE
AT&T LTE 5:23 PM
3
Search
http://www.timstadium.com
TIM STADIUM
AT&T LTE
AT&T LTE 5:23 PM
Search
TIM STADIUM
AT&T LTE
AT&T LTE 5:23 PM
Search
TIM STADIUM
AT&T LTE
AT&T LTE 5:23 PM
Search
TIM STADIUM
3
MILAN
1
LAZIO
Honda K. 7'
Muntari S. 56'
Menez J. 64'
Alex R. 67'
#TIMSTADIUM 3
MILAN
1
LAZIO
Honda K. 7'
Muntari S. 56'
Menez J. 64'
Alex R. 67'
#HASHTAG_1 #HASHTAG_2
TOP HASHTAGS
TOP TWEETS
TWEETS: 2.345 TWEETS: 2.345
12m
12m
TUTTI I TWEET
12m
12m
@PROFILE_NAME
MENTIONS: 2.345
TOP PROFILE
@PROFILE_NAME
MENTIONS: 2.345
FOTO MILAN FOTO LAZIO
1.5K
TWEETS
1K
USERS
27
TWEET/MIN
VIEW ALL
MATCH STATS
1
LAZIO
70'
3
MILAN
55
73
47
61
76
73
82
79
C
D
P
A
72 64
VALUTAZIONE PER REPARTO IN REAL TIME
#MILANLAZIO
#TIMSTADIUM
LOGO
SQUADRA
72
INDEX SCORE
TITOLARI A DISPOSIZIONE
#ACMILAN
34.749
tweets
320
peak tweet/min
GIVE A TWEET
82
DIEGO
LOPEZ
23
P
67
IGNAZIO
ABATE
20
D
RODRIGO
D
HOME · (Mobile)

Illy Locator is Illy’s main mobile app, with coffe educational
contents as well as its main purpose to find and discover where to
taste best Illy coffe around the world.
My role during the Illy locator project (2015) were:
• definition of functional requirements from brief
• high-level technical architecture
• supervision of UX wireframes
• definition and documentation of the API to link to backend-
sevices
• overall QA of the project
ILLY
LOCATOR
8

LOCATOR
HOMEPAGE
LOCATOR
MAP VIEW
BAR DETAIL
PROMO
DETAIL
SHOP
INSPIRING
DETAIL
INSPIRING
LOCATOR
LIST VIEW
LOCATOR
FILTER
EVENTS
EVENT
DETAIL
MY ILLY
SCHEDA
DETTAGLIO
EVENTO
SCHEDA
DETTAGLIO
INSPIRING
ELENCO INSPIRING
ELENCO /
CALENDARIO
EVENTI
HOMEPAGE
SPLASH
SCREEN
APP / VERSION
APP / UPDATE
PLACE / SEARCH
EVENT / SEARCH
PROMO / SEARCH
INSPIRING / SEARCH
APP / VERSION
(REQUEST)
POST /app/version (REQUEST)
!
{
“token” : “kausgdjhasgd545767asdl”,
“uuid” : “1234567890”,
“lang” : “it”,
“app-version” : “1.23”,
“platform” : “iOS”,
“data-version” : “2.05”,
“push-notification-token” : “kjhkj5kj5ljh5bkjh”,
}
!
PARAMETRI:
token: token di scambio segreto fra app e server
uuid: identificatore user-device
lang: lingua di scambio dati, le lingue sono definite in formato ISO-639-1
app-version: la versione installata della app
platform: iOS / Android / …
data-version: la versione dei dati, intendendo i json con i dati delle tabelle parametrizate (to be checked)
push-notification-token : token per poter spedire delle push notification per quel utente
APP / VERSION
(RESPONSE)
POST /app/version (RESPONSE)
!
{
“status” : {
“code” : 200,
“message” : “OK”
},
“server-version” : “1.35”,
“data-version” : “2.05”
}
!
!
PARAMETRI:
status: codice di status ed stringa di testo (da concordare)
server-version: versione della API funzionante nel server
data-version: la versione dei dati, intendendo i json con i dati delle tabelle parametrizate
APP / UPDATE
(REQUEST)
POST /app/update (REQUEST)
!
{
“token” : “kausgdjhasgd545767asdl”,
“uuid” : “1234567890”,
“lang” : “it”, /* le lingue sono definite in ISO-639-1 */
“data-version” : “2.05”
}
!
PARAMETRI:
token: token di scambio segreto fra app e server
uuid: identificatore user-device
lang: lingua di scambio dati, le lingue sono definite in formato ISO-639-1
data-version: la versione dei dati, intendendo i json con i dati delle tabelle parametrizate
APP / UPDATE
(RESPONSE)
POST /app/update (RESPONSE)
!
{
“status” : {
“code” : 200,
“message” : “OK”
},
“data” : {
“places” : “http://cdn.illylocator.com/places-v156-IT.json”,
“products” : “http://cdn.illylocator.com/products-v340-IT.json”,
“categories” : “http://cdn.illylocator.com/categories-v120-IT.json”,
“version” : “2.06”
}
}
!
!
PARAMETRI:
status: codice di status ed stringa di testo (da concordare) uuid: identificatore user-device
data: la versione dei dati, intendendo i json con i dati delle tabelle parametrizate
!
!
*In modo da rendere più dinamici gli aggiornamenti per future lingue o aggiunte di categorie, si proporre di creare degli file json che contengano la corrispondenza delle tabelle key-value
dove possibile, ad esempio per i tipi di luoghi (bar, sede, ristorante, …), prodotti (capsule, 3Kg, …) o categorie con cui verrano targati i contenuti delle pillole o eventi.
Quindi nel caso che dopo la prima chiamata di scambio di versioni fra app e server, la app non è aggiornata per quanto riguarda le tabelle di corrispondenza queste possano essere aggiornate.
LOCATOR
HOMEPAGE
LOCATOR
MAP VIEW
LOCATOR
LIST VIEW
LOCATOR
FILTER
PLACE / SEARCH
PLACE / SEARCH name
info.place-type
location.address
location.province
location.city
promotions[n].name
info.images[]
promotions[n].description
promotions[n].highlight

H-ART was engaged by Google to provide digital solutions to be
implemented inside the new AC Milan museum (2015). I was part
of the team brainstorming how to use the G+ technology. We
proposed and built RFID enabled installations paired to an RFID
bracelet that were provided to visitors. I was in charge of high-level
technical specs, functional specs, technical support to our team
and the client, wireframes supervision, QA supervision and
prototyping and building myself the interactive map inside the
museum with web technologies.
MONDO
MILAN
10

FIRST PROTOTYPE - CLOROPETH MAP
SECOND PROTOTYPE - HEATMAP
THIRD PROTOTYPE - “SIGNALS” MAP

ONLINE TICKET PURCHASE
OFFLINE TICKET PURCHASE
ONLINE TICKET PURCHASE:
Final user buys his tickt online from AC Milan website. After acquiring the ticket
he receives an email confirming his purchase. It’s really important there are
some contents inside the email explaining how the bracelet works and where
can it be used inside the museum, its advantages for a better experience and
how to do the pairing process once in the museum when the bracelet will be
given to the user.
!
OFFLINE TICKET PURCHASE:
Visitor gets its ticket directly in the Museum
!
!
In both cases once user is in the museum he needs to go to visitors’ assistance
desk to receive his bracelet and then do the pairing process with the avalaible
kiosk/totem or with the help-desk assistance.
PAIRING
Special case for scholastic groups,
where only the help-desk assistance
will be able to pair all single
bracelets of the group to one unique
profile (classroom profile?) but
system must keep track of single
bracelets actions.
IDLE
PAIRING
SCREEN
G+ SIGN-IN
EMAIL PAIRING
T&C THANK YOU
DETECT
BRACELET
OK
or
CANCEL
OK
or
TIMEOUT
CANCEL
or
TIMEOUT
CANCEL
TIMEOUT
OK
CANCEL
TIMEOUT
DB USERS
If G+ sign-in done then
do sign-out
BRACELET ALREADY PAIRED
PHOTOBOOTH
OK
TIMEOUT
SAVE PHOTO
RFID ENABLED
OBJECT
DB USERS
SAVE:
- ID BRACELET
- ID OBJECT
- TIMESTAMP
INTERNAL MUSEUM USE
getUserInfo(ID_Bracelet)
return UserInfo[Object JSON]
UserInfo{!
“name”: “John”,!
“surname”: “Doe”,!
“birthdate”: “31/12/1980”,!
“age”: 31,!
“profilePic”: “asfgh567kjgf.jpg”,!
“lang”: “EN”,!
“gender”: “M”!
}

Brand communication project for Kinder (2015). I was involved
during the brainstorming phase to check the feasibility of the
ideas with the high constrain of delivery timing (4 to 6 weeks). I
found a solution (bttn) that matched the creative idea and did a
quick prototype for the pitch with the client.
I helped the team with functional and technical definitions,
followed the supervision of the wireframe production and
supervised the technical process.
http://www.kindercereali.kinder.it/promessamantenuta
KINDER
CEREALI
14

Il flusso
1
Selezione delle promesse di papà e
bimbi su Kinder Cereali
2 All’interno di una casa installiamo
un bottone.
Il bottone è associabile
a due promesse
(papà più figlio/a)
3 Quando il bottone viene premuto si
accumulano i minuti collegati alla azione e
si aggiorna la dashboard della mamma.
4 Invia una notifica
sms/mail alla
mamma

In 2016 for a 6 months period I leaded the project to redesign and
define the new digital UX of Entel website, moving to Chile. During
this time I was in charge of a local team in Chile made of 1 UX + 2
Designers and a second team located in Italy composed by 1 UX + 1
Designer. My main responsibilities where accounting and project
management, as well as actively supporting all team during
design process. I was and active participant of 10 workshops
inside Entel company, wrote 3 benchmark documents, build 2
prototypes (Invision) showing main 10 flows, reviewed all
deliverables (more than 400 pages of wireframes document and
more than 700 delivered designs) and be responsible of presenting
all work to company, including 3 steering committees with all VPs
and CEO.
ENTEL
REDESIGN
16

During first quarter 2017 I was part of a multidisciplinary team to
help Bridgestone Italy to map B2B2C costumer journeys and help
them providing ideas on how to bring solutions to dealers that
could improve final user experience and satisfaction. In this
process I supported the team during discovery phase, as well as
part of the ideation of solutions, providing feasibility, initial
roadmap plan and costs as well as technology mapping of
Bridgestone actual technologies and services.
BRIDGESTONE
SERVICE DESIGN
18

During 2018 GA asked AKQA to help them redefining the CX and
supporting tools for its employees inside boutiques. I was part of a
multidisciplinary team to research and create a service design
proposal to improve efficiency and user experience, that could
help them serving better their clients. I was in charge of mapping
their actual technologies, user scenarios, define high-level scope
of architecture needs and help team defining functional
requirements.
GIORGIO
ARMANI
21

RETAIL SUITE BACK-OFFICE SERVICES
Armani Retail Suite helps teams to fasten and simplify daily routines by
avoiding information silos and stand-alone experiences enabling them
to a customized framework in order to access to data, information and
functions they really need.
Data aggregation and system
DATA
D
ISTRI
BU
T
I
O
N
LAY
ER
(
AP
I
)
USERS
USER ID
SALES DATA
CUSTOMERS DATA
PRODUCTS DATA
ASSETS
CONTENTS
EVENTS
MAIL
SALES DASHBOARD
CALENDAR
CUSTOMER DETAIL
PRODUCT DETAIL
CONTENTS
LEARNING
To be evaluated
RETAILSUITE
LAUNCHER
IDENTITY
MANAGEMENT
BUSINESS
CHAT
data exchange functionalities
SAPBUSINESS
OBJECT
RETAIL
CALENDAR
SAPCRM SAPPIM SAPHYBRIS
TRACKING
INGRESSI
MAILSERVICE DAM
E-LEARNING
PLATFORM
SOCIAL
ASSETS
SAPCAR SAPFMS STOCK
No SAP services SAP services
INTRANET
Based on system architecture mapped during the “Service
Blueprinting” workshop session, we assume a high level technical
architecture like the one sketched on right.
The back-stage systems will need high level cohesion in order to share
needed data among them and to return correct data, contents and
functionalities expected in the Retail Suite.
A Single Sign On (SSO) within an Identity Management system is
expected to improve user experience when crossing across tools.
Tech architecture
USERS
USER ID
DATA DISTRIBUTION LAYER (API)
RETAIL SUITE BACK-STAGE SYSTEMS
BUSINESS
CHAT
INTEGRATION LAYER
RETAL SUITE BACK-STAGE
These are the systems in charge of transactions,
product management and catalog, client repository
and digital assets among other functionalities. High
data exchange will happen between them.
DATA DISTRIBUTION LAYER
Unified layer to expose data and functionalities to the
Retail Suite, hiding complexity of the systems behind.
RETAIL SUITE AND USER ID
Users will be granted access to the Retail Suite with
same credentials as per other Armani Systems user
is allowed to access (SSO).
HEAD-QUARTER
ACCESS
SAPBUSINESS
OBJECT
RETAIL
CALENDAR SAPCRM SAPPIM
SAPHYBRIS TRACKING
INGRESSI
MAILSERVICE DAM
RETAILSUITE
LAUNCHER
IDENTITY
MANAGEMENT
NOTIFICATIONS
AND SMART
ALERT
SAPCAR
FRONT-STAGE
TOOLS
Back-stage mapped systems and platforms
DPM
MAILSERVICE
Email service
Calendar system managed by HQ
RETAIL
CALENDAR
SAPCAR
The Customer Activity Repository
manages the sales goal
assignments for each store among
other functionalities.
DAM
DAM Adobe Experience Manager
for managing and distributing
digital assets (images, documents,
media content, …)
The SAP Fashion Management
Solutions manages logistics among
other functionalities.
SAPFMS
System in charge of inventory and
stock.
STOCK
Business Intelligence platform
SAPBUSINESS
OBJECT
Courses and educational resources
for employees
E-LEARNING
PLATFORM
Container for digital assets to be
distributed on social networks
SOCIAL
ASSETS
INTRANET
Corporate Intranet
Management of transaction and
products
SAPHYBRIS
Data and profilatoi linked to a client
SAPCRM
IDENTITY
MANAGEMENT
User credentials system to allow
SSO across Armani apps
TRACKING
INGRESSI
Hardware and software to track
store visits. Sends data to SAP CAR
Product Information Management
(PIM) contains all textual data of a
product.
SAPPIM
SAP TO-BE
OTHER
Front-stage mapped systems and platforms
Web app to assist sales force with
clients (client data and contact
options, product catalog, …)
CLIENTELING
Web app to manage and edit CRM
data
NAIS.CRM.UX
Armani Costumer Engine
ACE
Courses and educational resources
for employees
E-LEARNING
PLATFORM
INTRANET
Corporate Intranet
Calendar system managed by HQ
RETAIL
CALENDAR
Based on Nuxie (H-UMUS), shows
product catalog, stock management
and information repository useful to
assist sells
EASYTO SELL MORNING
BRIEF
App to aid the Store Manager
managing the first morning meeting
with the team
A-STOREVIEW
Tool to ease communication
between VM and HQ to get approval
of shop fitting
SHOPTO SHOP
FORM
Form to transfer goods between
stores
POS
POS and cash system
SAP TO-BE
OTHER
Notifications Area
The Retail Suite may receive notifications and alerts
from other involved systems that are relevant for the
user. These may be categorise by system and/or
importance.
The user may be able to check the notifications
history as well as have the ability to check them as
“read”
.
RETAIL SUITE BACK-STAGE SERVICES
HEAD-QUARTER
ACCESS
USERS
USER ID
NOTIFICATIONS
AND SMART
ALERT
BUSINESS
CHAT
RETAILSUITE
LAUNCHER
IDENTITY
MANAGEMENT
TYPES OF NOTIFICATIONS (TBV)
- number of unread notifications on Clienteling app
- upcoming appointment
- number of unread chat messages
- ASN (Advanced Shipping Notice)
FRONT-STAGE
TOOLS
Types of notifications need to be verified and validated
Internal communication
In order to avoid employees moving to personal
accounts for fast inter-communication of business
topics, Armani should provide a corporate chat
system.
The Retail Suite can be the first place to give access
to this service as well as showing pending
notifications from the chat service.
RETAIL SUITE BACK-STAGE SERVICES
HEAD-QUARTER
ACCESS
USERS
USER ID
NOTIFICATIONS
AND SMART
ALERT
BUSINESS
CHAT
RETAILSUITE
LAUNCHER
IDENTITY
MANAGEMENT
IM - Business chat tools to be evaluated
FRONT-STAGE
TOOLS
TECH OVERVIEW
Dashboard area will show personal and store targets
defined for the user role, in roder to give relevant
performance indicators that can be actionable inputs
add value to the user.
Technical structure should allow the Retail Suite to
show users the most up-to-date data whenever
possible. Probably most involved systems from
backstage will be CRM and CAR.
USER ID
API DISTRIBUTION LAYER
DATA ALERT
PERFORMANCE
UPDATES
HEAD-QUARTER
ACCESS
BUSINESS
CHAT
NOTIFICATIONS
AND SMART
ALERT
IDENTITY
MANAGEMENT
RETAILSUITE
LAUNCHER
SAPCAR
TRACKING
INGRESSI
SAPHYBRIS SAPCRM
FRONT-STAGE
TOOLS
USERS
DASHBOARDAREA TASKMANAGEMENTAREA PRODUCTAREA CRMAREA LEARNINGAREA PERSONALAREA
TECH OVERVIEW
Store Managers need to be quickly updated about
Armani HQ strategy and initiatives, specially when
these are scheduled over time, as well as other kind of
operations managed by Armani buyer for the store,
which can become sort of smart alerts for the Retail
Suite, while specific events form HQ can end inside
the Task Management area.
TYPES OF NEWS FOR NEWSFEED (TBV)
- whenever new content on learning platform is available
- courses from learning area that are about to expire
- relevant catalog updates (new collection available)
- editorial content managed by Armani (featured content on
intranet selected by editor)
- relevant new sections or landing pages in Armani website
non c’è ancora una risposta circa la fattibilità
da valutare link diretto a retail calendar che contiene progetti e
relative info
può prendere la data di live del progetto e esporre una news
nel newsfeed
USER ID
INTEGRATION LAYER
BUSINESS
CHAT
NOTIFICATIONS
AND SMART
ALERT
IDENTITY
MANAGEMENT
RETAILSUITE
LAUNCHER
FRONT-STAGE
TOOLS
USERS
SAPCRM RETAIL
CALENDAR
E-LEARNING
PLATFORM
SOCIAL
ASSETS
MAILSERVICE
Evaluation of types of news
TECH OVERVIEW
At a glance the Product Area can show important
insights on top and bestselling items by area as well
as becoming an entry point to start a search for a
product inside the catalog.
The Stock Manager will be interested as well in
knowing goods in transit and expected delivery times.
USER ID
INTEGRATION LAYER
BUSINESS
CHAT
NOTIFICATIONS
AND SMART
ALERT
IDENTITY
MANAGEMENT
RETAILSUITE
LAUNCHER
FRONT-STAGE
TOOLS
USERS
SAPHYBRIS
SAPFMS STOCK
SAPCAR SAPPIM

Chitrovaun’Amica
trovauntesoro
Since 2014 I’ve been part of the core team taking care of Henkel’s
Italian digital magazine and CRM. Along this years we helped
Henkel to improve its digital strategy, rebuilt the CMS, defined a
contact strategy, redesign the magazine, update marketing
automation tools (Splio, SAP Marketing Cloud), deploy CIAM
technology (Gigya), defined a loyalty program, developed custom
contests and integrations (Valassis couponing, Clicdata custom
dashboards, …) and many more to help increasing community
and marketing initiatives. In 2020 we moved part of infrastructure
to cloud and launched a PWA enabled by a headless CMS.
I’ve been an active part supporting the team with marktech
solutions, and technical specification of functional requirements
as well as being technical point of contact for other Henkel
providers that needed technical assistance for integration.
HENKEL
CRM MAGAZINE
23

Thank You
IGNACIO DELGADO
Creative technologist @ AKQA Italy
https://www.linkedin.com/in/ignaciodelgado/
CONTACT
DETAILS
24

Creative technologist's interactive installations

Recommended

Recommended

More Related Content

Similar to Creative technologist's interactive installations

Similar to Creative technologist's interactive installations (20)

More from Ignacio Delgado

More from Ignacio Delgado (7)

Recently uploaded

Recently uploaded (20)

Creative technologist's interactive installations