andrea piccolo portfolio 11...Scholtes, kitchen configurator, 2009 Client: Scholtes Agency: Lbi...
Transcript of andrea piccolo portfolio 11...Scholtes, kitchen configurator, 2009 Client: Scholtes Agency: Lbi...
Andrea PiccoloInteraction Designer
Ⓒ TOM GAULD
About me
I’m an Experience Designer with strong analytical skills and background in Human
Computer Interaction with experience in cross-cultural design and research groups.
During my studies I have been involved in projects related to long life rehabilitation
tools and the application of new technologies in healthcare, focusing on the social
relationships and on learning processes mediated by complex artifacts.
I have also been involved in several design projects on a wider thematic range, from
consumer electronics to web design, not only for academic institutions but also in
direct contact with worldwide established companies.
As a designer I work on shaping how people experience new products and services
always focusing on their needs and desires.
2
Web projects
Visit Azzorre - website
Ermenegildo Zegna - Intranet
Ermenegildo Zegna - Order Entry
Scholtes - kitchen configurator
Ⓒ TOM GAULD
Visit Azores, 2010Client: Azores Tourism
Agency: Lbi
Activity: information architecture, wireframing
The aim of the project was to design a new way to explore the islands according to
their natural environment and outdoor activities. The focus was to build an immersive
and social experience through maps populated by user generated content enabling
content and knowledge sharing according to users tastes like shared diaries,
matches based on planned trips or specific tourism activities.
Information architecture. Example for one of the activities offered.4
Visit Azoreswireframes and interface
- My Experience- My Favourites- My Trip Plan- My Personal PDF- My Calendar- My Gallery- My Diary
Suggested places with info and photos (map PINS)
Interactive Map
Shall refers to the "Experience Azores" activities modules
Plan Your Trip
My AzoresExploring the Azores Trip Diary
Activities Sightseeing Accomodation
List of suggeseted or conventioned structures
- User access this area alsofrom header when logged.
Selected experiences published by press agents or tour operators.
Repository of all published trips by community members.
All Trips
Commenting and rating tools
5
Visit Azoreswireframes and interface
6
Visit Azoreswireframes and interface
7
Visit Azoreswireframes and interface
8
Information architecture. Example for the employee personal area.
Ermenegildo Zegna, Intranet, 2009Client: Ermenegildo Zegna
Agency: Lbi
Activity: information architecture wireframing
Ermenegildo Zegna has offices around the world. The aim of this project was to
enable people to easily share knowledge and workflows across different countries
and cultures. Zegna intranet has been designed taking into consideration operational
and communicational needs of the organisation as well as individual ones. My Zegna
is where everyone can store, organize and share information and documents.
Home Zegna Intranet
My Zegna
My Profile My Calendar My Tools My Phonebook
Interactive Reporting
Edit Profile
Holidays Planner
Legenda
Argomento
Argomento Cross Section Features
IT Department Features Only
My NotificationsMy DocsMy
DepartmentMy VideosMy NewsMy Notifications
My Communities
Business Intelligence
Events
CQR
SQR
Vasca Ezi
Capi Pronti Ezi
Fabric Availability
Retail Price
Ricevimento Materia Prima
People Locator
Order Entry
My Shop
Marco Polo
Demand City
9
Ermenegildo Zegna, intranetwireframes and interface
HOME MEDIA CENTER EVENTS ORGANIZATION COMMUNITIES
MY ZEGNA
> MY PROFILE
> MY PHONEBOOK
> MY TOOLS
> MY DEPARMTENT
> MY CALENDAR
> MY NEWS
> MY DOCS
> MY COMMUNITIES
> MY NOTIFICATIONS
SERVICESMY ZEGNA
MY NEWS Deparment News Corporate News
MY DOCS Deparment Documents Corporate Documents
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
News title
Read More
Department News News & Events Home
Department Docs
More Docs More Folders
Download Area
Department Communities Communities Home
News Title: Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
News Title: Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
News Title: Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
MY COMMUNITIES Deparment Communities Corporate Communities
Department Docs Download Area
MY NOTIFICATIONS
Services Home
MY TOOLS
Doc TitleFile Name.extFile Label / DescriptionDate | AuthorStatus, SizeCategoryTAGSRemove
Doc TitleFile Name.extFile Label / DescriptionDate | AuthorStatus, SizeCategoryTAGSRemove
Doc TitleFile Name.extFile Label / DescriptionDate | AuthorStatus, SizeCategoryTAGSRemove
Doc TitleFile Name.extFile Label / DescriptionDate | AuthorStatus, SizeCategoryTAGSRemove
Doc TitleFile Name.extFile Label / DescriptionDate | AuthorStatus, SizeCategoryTAGSRemove
Doc TitleFile Name.extFile Label / DescriptionDate | AuthorStatus, SizeCategoryTAGSRemove
Folder NameFolder ItemsFolder SizeCategoryTAGSRemove
Folder NameFolder ItemsFolder SizeCategoryTAGSRemove
Community Name | Latest Activities | Members List | Forum | Your Messages | Tasks
Community Name | Latest Activities | Members List | Forum | Your Messages | Tasks
Community Name | Latest Activities | Members List | Forum | Your Messages | Tasks
Community Name | Latest Activities | Members List | Forum | Your Messages | Tasks
Community Name | Latest Activities | Members List | Forum | Your Messages | Tasks
CI devo ragionare...
More Communities
More TOOLS
TOOL A OVERVIEW | Latest Activities | Tasks
TOOL B OVERVIEW | Latest Activities | Tasks
TOOL C OVERVIEW | Latest Activities | Tasks
TOOL D OVERVIEW | Latest Activities | Tasks
10
Ermenegildo Zegna, intranetwireframes and interface
11
Ermenegildo Zegna, intranetwireframes and interface
12
Ermenegildo Zegna, intranetwireframes and interface
13
Ermenegildo Zegna, Order Entry, 2009Client: Ermenegildo Zegna
Agency: Lbi
Activity: wireframing, system redesign
The client need was to improve the existing order entry tool used to collect new
seasons orders from all over the world.
Working in direct contact with both sellers and buyers, I’ve redesigned this tool
including new functionalities such as multi store “all-in-one” order that improved the
performance of sellers and the overall buying experience.
Scelta Stagione Finestra Consegna
Nuovo Ordine
FilialeCodice Cliente
Ragione Sociale
Indirizzo
Località
CAP
Nazione
Valuta
Listino
Cliente Commerciale A
Label FilialeCodice Cliente
Ragione Sociale
Indirizzo
Località
CAP
Partita IVA
Pagamento
Cerca Cliente
Note Ordine Inserimento Riga Salva Ordine Esci
Zegna Order EntrySign-Out
Accedi come altro utente
Nuovo Ordine Apri Ordine Esistente Statistiche
Search Ordini Search AnagraficaLogged asAndrea Piccolo
Ricerca Avanzata >>Ricerca Avanzata >>
Salva
Cliente Commerciale B Cliente Commerciale B Cliente Commerciale C Cliente Commerciale D Cliente Commerciale E
Cliente Commerciale Cliente di Fatturazione
Riferimento Ordine Riserva Tessuto Prezzo
DateRiferimento Ordine Bulk
14
Ermenegildo Zegna, Order Entrywireframes and interface
Inserimento Righe Ordine
Totale Brand/Categoria Totale Brand/Collezione Totale Pacchetto/Categoria
TessutoModello StaturaDrop Colore PrezzoTotale CapiData Consegna
Da | ASpecificheProduttive
P.O. Number Serie PacchettoConsegna
RigaNoteShop
36 38 40 42 44 46 48 50 52 54 56 58 60 62 64 66
TagliaTipo Taglia
Salva
Totale E. Zegna Couture Upper Casual Zegna Sport Z Zegna PacchettiOrdini Prototipo Pag. 01 di 03
Zegna Order EntrySign-Out
Accedi come altro utente
Nuovo Ordine Apri Ordine Esistente Statistiche
Search Ordini Search AnagraficaLogged asAndrea Piccolo
Ricerca Avanzata >>Ricerca Avanzata >>
FilialeCodice Cliente
Cliente A Label
Ragione Sociale
FilialeCodice Cliente
Cliente B Label
Ragione Sociale
FilialeCodice Cliente
Cliente C Label
Ragione Sociale
FilialeCodice Cliente
Cliente D Label
Ragione Sociale
15
Ermenegildo Zegna, Order Entrywireframes and interface
16
Scholtes, kitchen configurator, 2009Client: Scholtes
Agency: Lbi
Activity: wireframing
The aim of this project was to desing a simple and easy to use web desktop tool that
would have allowed Scholtes customers to sketch their ideal kitchen appliances
configuration. The output of the configurator was a detailed plan used to trigger the
contact between customer and seller.
Alberto Magatelli Il mio ProfiloI miei Prodotti Logout
Elementi Prodotti Nuovo Apri Salva Esci
Note
Stampa.Visualizza riepilogo progetto
Cancella tutto Annulla Posiziona qui un elemento a colonnaProprietà ambiente Passa alla configurazione delle colonne >
Inserisci qui eventualiappunti relativi al tuoprogetto
Trascina un elemento qui per posizionare un piano
17
Scholtes, kitchen configuratorwireframes and interface
Alberto Magatelli Il mio ProfiloI miei Prodotti Logout
Elementi Prodotti Nuovo Apri Salva Esci
Note
Stampa.Visualizza riepilogo progetto
Cancella tutto Annulla Posiziona qui un elemento a colonnaProprietà ambiente Passa alla configurazione delle colonne >
Piano Lineare Piano Angolare Sx Piano Angolare Dx
Proprietà elemento
180
60
cm
cm
Dimensioni:
Lunghezza (x)
Larghezza (y)
Piano Lineare
x
y
80 cmAltezza (z)
Elementi fissi del piano
cm
cm
Lunghezza (x)
Elemento Fisso 1
Aggiungi un elemento fisso
Larghezza (y)
60
60
cm
cm
Lunghezza (x)
Elemento Fisso 2
Larghezza (y)
60
60Dalla paletta delle proprietà è sempre possibileaggiungere, eliminare e modificare gli elementi fissi.
18
Scholtes, kitchen configuratorwireframes and interface
Alberto Magatelli Il mio ProfiloI miei Prodotti Logout
Elementi Prodotti Nuovo Apri Salva Esci
Note
Stampa.Visualizza riepilogo progetto
Cancella tutto Annulla Posiziona qui un elemento a colonnaProprietà ambiente Passa alla configurazione delle colonne >
FotoVasche di cottura Prodotti specialiPiani cottura
Aggiungi un altro prodotto per continuare a configurare questo o altri pianiForno Combinato
Dimensioni:Altezza (cm) 60
Visualizza le immagini del prodotto
Guarda il prodotto in azione
Dettaglio prodotto
Confronta con prodotti simili
Colori disponibiliAccessori disponibili
Larghezza (cm) 60
PIANO PRO SD4 HF
19
Scholtes, kitchen configuratorwireframes and interface
20
Scholtes, kitchen configuratorwireframes and interface
21
Mobile projects
Allianz - B2C Iphone app
Allianz - B2B Ipad app
Swisscom - mobile
Ⓒ TOM GAULD
Allianz, B2C 2010Client: Allianz
Agency: Liqid
Activity: information architecture, wireframing
The aim of this project was to design a tool for bank customers that would enable
them to easily monitor their financial situation, giving detailed financial information
about their portfolios also over mobile devices.
Clienti Arco BluMain menu
Abbado Antonio
Riepilogo Tutti i clienti
BDD NTN 67A02 A010BCodice Fiscale
123456789012,34 Totale Attività
Controvalore 123456789012,34
Sintesi Profilo Conservativo
123456789012,34
aggiornato al 30 / 11 /2009
IRS
Riepilogo SimulatorePosizioneDip
Strutturati
BDD NTN 67A02 A010BCodice Fiscale
Data di Nascita 02 / 01 /1967
Residenza
Via Raffaello Sanzio 123 / WQ
22111 Abbiategrasso (MI)
Italia
EFFETTIVOTipo
AttivoStato Cambia
+00 123 45 678 90Cellulare
+00 1234 56 78 9012Ufficio
+00 1234 56 78 9012Abitazione
Altra
123456789012,34 Totale Attività
Controvalore 123456789012,34
Sintesi Profilo Conservativo
123456789012,34 IRS
aggiornato al 30 / 11 /2009
Abbado Antonio
23
Allianz, B2Cwireframes and interface
Rilascia per aggiornare i datiUltimo aggiornamento: 28/12 2009
Sintesi Posizione (%)
CC12,34
Amm12,34
Gestito12,34
Ass2,34
123456789,01 Conti correnti
Amministrato
Gestito
Assicurativi
123456789,01
123456789,01
123456789,01
Trascina verso il basso per aggiornare i datiUltimo aggiornamento: 28/12 2009
Clienti Arco BluMain menu Posizione Tutti i clienti
Sintesi Posizione (%)
CC12,34
Amm12,34
Gestito12,34
Ass2,34
123456789,01 Conti correnti
Amministrato
Gestito
Assicurativi
123456789,01
123456789,01
123456789,01
Conti AmministratoSintesi Gestito Servizi
Riepilogo SimulatorePosizioneDip
Strutturati
24
Allianz, B2Cwireframes and interface
25
Allianz, B2B 2011Client: Allianz
Agency: Liqid
Activity: information architecture, wireframing
Allianz Bank Financial Advisors is a financial institution that works with a large
network of financial advisors (FA). The aim of the project was to give FA a complete
platform that enables financial monitoring and management of clients financial hold-
ings. The result was a native ipad app that allows a brand new customer experience
in professional financial consulting.
AlllianzBank per i FAAlllianzBank Starters Clienti AggiornamentiOffice
Andamento Periodo
Profilo di rischio: Dinamico
Primo intestatarioRisk AnalysisSintesi patrimonio
EvolutoConservativo Prudente Equilibrato Dinamico
ISR: 12,3458 18 32 57 100
Altro
Posizione patrimoniale
Claudio AbbadoAggiornata al 12 / 12 /2010
ISR 0 - 8 ISR 8 - 18 ISR 18 - 32 ISR 32 - 57 ISR 57 - 100 ISR >100
25 %
15 %
25 %
15 %
15 %
5 % ISR 0 - 8123.456
ISR 8 - 18123.456
ISR 18 - 32123.456
ISR 32 - 57123.456
ISR 57 - 100123.456
ISR >100123.456
Totale Patrimonio 12.345.678,90
Profilo di rischio del cliente primo intestatario
Ad uso esclusivo del FA.
Aggiornata al 12 / 12 / 2010
26
Allianz, B2Bwireframes and interface
AlllianzBank per i FAAlllianzBank Starters Clienti AggiornamentiOffice
Andamento Periodo
Profilo di rischio: Dinamico
Primo intestatarioRisk AnalysisSintesi patrimonio
Posizione patrimoniale
Claudio AbbadoAggiornata al 12 / 12 /2010
ISR 0 - 8
Descrizione Controvalore Controvalore %
12.345.678,90 12,34 %
ISR 8 - 18 12.345.678,90 12,34 %
ISR 18 - 32 12.345.678,90 12,34 %
ISR 32 - 57 12.345.678,90 12,34 %
Totale 12.345.678,90 12,34 %
ISR 57 - 100 12.345.678,90 12,34 %
ISR > 100 12.345.678,90 12,34 %
ISR
0/8
8/18
18/32
32/57
100%
57/100
>100
Contributo
-
-
-
-
-
-
100
12.345.678,90 12,34 %
BFG Global Allocation EUR Hedged 12.345.678,90 12,34 %
INV Nippon Select Equity EUR 12.345.678,90 12,34 %
INV Nippon Select Equity EUR 12.345.678,90 12,34 %
BFG Global Allocation EUR Hedged 12.345.678,90 12,34 %
BFG Global Allocation EUR Hedged 12.345.678,90 12,34 %
Totale ISR 0 - 8 -
12,34 %
12,34 %
12,34 %
12,34 %
12,34 %
1.23
12,34
12,34
12,34
12,34
12,34
Ad uso esclusivo del FA.
Claudio Abbado 12345678,90
Saldo Disponibile Intestazione
12345678,90
Fido DettagliMovimenti
12 12 1 12345 12345 123456789012
Numero Conto Saldo Contabile
12345678,90
Totale Conto Corrente 12345678,90
Condizione
Vedo 2 Remunerato
12 12 1 12345 12345 123456789012 12345678,90 Vedo 2 Remunerato
12 12 1 12345 12345 123456789012 12345678,90 Vedo 2 Remunerato
AlllianzBank per i FAAlllianzBank Starters Clienti AggiornamentiOffice
Andamento Periodo
Dettaglio Conto Corrente 123.456
Profilo di rischio
Primo intestatarioRisk AnalysisSintesi patrimonio
Posizione patrimoniale
Claudio AbbadoAggiornato al 12 / 12 /2010
Indietro
15 %
Aggiorna Saldo
Claudio Abbado 12345678,90
Saldo Disponibile Intestazione
12345678,90
Fido
12 12 1 12345 12345 123456789012
Numero Conto Saldo Contabile
12345678,90
Totale Conto Corrente 12345678,90
Condizione
Vedo 2 Remunerato
12 12 1 12345 12345 123456789012 12345678,90 Vedo 2 Remunerato
12 12 1 12345 12345 123456789012 12345678,90 Vedo 2 Remunerato
Ad uso esclusivo del FA.
Aggiornata al 12 / 12 / 2010
AlllianzBank Starters Clienti AggiornamentiOffice
iPad 9:24 PM
Posizione patrimoniale Aggiornata al 12 / 12 /2010
Andamento Periodo
25 %
15 %
25 %
15 %
15 %
5 % ISR 0 - 8123.456
ISR 8 - 18123.456
ISR 18 - 32123.456
ISR 32 - 57123.456
ISR 57 - 100123.456
ISR >100123.456
Totale Patrimonio 12.345.678,90
ISR 0 - 8 ISR 8 - 18 ISR 18 - 32 ISR 32 - 57 ISR 57 - 100 ISR >100
123 456789002 1234567802 [email protected]
CellulareUfficioResidenzaMail
Dati Personali
BDD CLD 33R12 F205M12 / 10 / 1933Corso Unità d'Italia 786 20100 Milano
CF / P.IVAData di nascitaResidenza
Contatti
Evoluto
Conservativo
Prudente
Equilibrato
Dinamico
ISR: 12,345
8
18
32
57
100Altro
Profilo di rischio
Profilo di rischio del cliente primo intestatario
Claudio Abbado Primo intestatarioRisk AnalysisSintesi patrimonio
27
Allianz, B2Bwireframes and interface
28
Allianz, B2Bwireframes and interface
29
Swisscom, 2007Client: Swisscom
Agency: Experientia
Activity: Scenarios, personas, experience
Swisscom Innovation hired Experientia to imagine possible uses of ambient,
contextual video in people’s homes, explore video usage beyond one-to-one
interactions and conceptualise the use of ‘shared spaces’ between participants.
The resulting concept visualisation showcased interfaces for social
networking/communities, personalisation and user-generated content.
30
SwisscomScenarios, personas, experience
31
SwisscomScenarios, personas, experience
32
SwisscomScenarios, personas, experience
33
Other projects
Alfa Romeo MiTo - interactive totem
Kodak
Ⓒ TOM GAULD
Alfa Romeo Giulietta, 2010Client: Alfa Romeo
Agency: Lbi
Activity: Wireframing
This was an interface for 220 Interactive totem all around Italy positioned in the Alfa
Romeo dealers. The interface is controlled by a knob trought Arduino. By the Knob
rotation and pressure, users are able to browse and select all the contents.
There are 2 different areas: the car configurator and the discovery area.
35
Alfa Romeo GiuliettaWireframes and interface
36
Alfa Romeo GiuliettaWireframes and interface
37
Kodak, 2007Client: Kodak
Agency: Experientia
Activity: Scenarios, personas, ethnographic research
Experientia conducted a series of ethnographic observations and created a
range of design ideas to help inform the development of prototypes for new
printing kiosks. The resulting design concepts showcased interfaces for use in
public and semi-public spaces, used by individuals or friends jointly in creating
and manipulating digital images.
The crafting islandRevolutionizing the kiosk concept and open it to a full social experience
DescriptionAn horizontal surface display and a large working desk are embedded to form a new kind of working station.
How it worksA 30” multi-touch display offering a very large amount of editing functions is put on one side of the desk in a dominant position, input peripheral and prints output find place next to it.The workstation also feature a scanner and a infrared reader.
Office like chairs on castors complete the set.
Value/PotentialMany people can use the station at the same time for a new full social crafting experience.
Printing stores adopting this kind station could radically expand their offer in terms of services and crafting possibilities and open it to a big number of potential clients.
38
KodakPrinting solutions
Crafting on mobile phonesReal-time lomography - synchronizing cameras
DescriptionThe real-time lomography is a kind of photography taken when two cameras are synchronized on sharing mode. This function allows capturing the two framed scenes into the same picture.
How it worksBluetooth enabled cameras can connect and exchange data through mobile phones web protocol. A dedicated software then combines visual data from the both devices into the same picture.
Value/PotentialThis function can become a unique feature offered by Kodak imaging and digital cameras.
10 pm Auckland
3 pm Barcelona
Crafting on mobile phonesGift coupons and personalized creative tasks
DescriptionCrafting templates can be exchanged as digital creative gifts. Receivers are asked to take active part in completing the final output, providing media contents and their own creative contribution.
How it worksThese digital presents can be exchanged among users through their mobile phones. Once the receiver accomplishes the task, he/she gets a free coupon to print the gift out.
Value/PotentialThis features enhances the experience of sharing photos. It can also motivate people to be engaged in crafting activities.
39
Andrea [email protected]