amicoleo.github.io/index.html at master · amicoleo/amicoleo.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Leonardo Amico - Designing human-centered products with emerging technologies</title>
    <meta name="description" content="Balancing Service Design methods and hands-on technology explorations, I help organizations create innovative products and services that take advantage of the opportunities enabled by emerging technologies. ">

    <!-- Twitter Card data -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@orgonomyprod">
    <meta name="twitter:title" content="Leonardo Amico - Designing human-centered products with emerging technologies">
    <meta name="twitter:description" content="">
    <!-- Twitter Summary card images must be at least 120x120px - PUT REAL IMAGE BELOW-->
    <meta name="twitter:image" content="https://orgonomyproductions.info/img/ReichLeo_HybridImg.jpg">
    <!--PUT REAL LINK BELOW-->
    <meta name="twitter:url" content="https://orgonomyproductions.info" />

    <!-- Open Graph data -->
    <meta property="og:title" content="Leonardo Amico - Designing human-centered products with emerging technologies" />
    <meta property="og:type" content="website" />
    <!--PUT REAL LINK BELOW-->
    <meta property="og:url" content="https://orgonomyproductions.info" />
    <!-- PUT REAL IMAGE BELOW-->
    <meta property="og:image" content="https://orgonomyproductions.info/img/ReichLeo_HybridImg.jpg" />
    <meta property="og:description" content="Balancing Service Design methods and hands-on technology explorations, I help organizations create innovative products and services that take advantage of the opportunities enabled by emerging technologies." />


    <!-- Bootstrap -->
    <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">      -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
    <link href="css/global.css" rel="stylesheet">

    <!-- favicon -->
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">

    <link rel="apple-touch-icon" href="/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">

    <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
    <link rel="manifest" href="/manifest.json">
    <meta name="msapplication-TileColor" content="#f3f3f4">
    <meta name="theme-color" content="#ffffff">
<!--     <link rel="image_src" href="https://blogs.morevisibility.com/blogs/social-media/wp-content/uploads/2014/10/social-meta-tags1.png" /> -->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-60686477-2', 'auto');
  ga('send', 'pageview');

</script>

  </head>
  <body>

    <div class="nav-menu expanded" >
        <span id="project-name">STONE PAD</span> >
        <a href="#" id="info-link" >TEXT</a><br>
        <a href="#" class="button-menu back-button-menu">PREVIOUS&nbsp;PROJECT</a> <span class="extra-button-menu">/</span> <a href="#" class="button-menu next-button-menu">NEXT&nbsp;PROJECT</a>
    </div>

    <div class="nav-menu" id="right-side">
      <a href="#" id="about-link-open" ><div>A<br>B<br>O<br>U<br>T</div></a>
    </div>


    <div id="container">
        <section class="viewport-section" id="project-images"></section>
    </div>

    <div id="about-container">
         <div class="nav-menu" id="right-side">
          <a href="#" id="about-link-close" ><div>C<br>L<br>O<br>S<br>E</div></a>
        </div>
        <section>
          <div class="project-container additional-section" >
            <div class="text-container">

              <p>Leonardo is a Designer and Technologist with 6 years experience in innovating products and services with new technologies, with a focus on networked and autonomous products (IoT, AI). Leonardo is passionate about inventing the future of how we live, work and play and believes that the best way to do it is by balancing between human-centred methodologies and hands-on technology exploration. Leonardo lived and worked in Italy, the UK, Spain, Russia, and currently resides in Munich, Germany.</p>

              <p>Currently a Senior Service Designer and Creative Technologist of PwC Experience Consulting, Leonardo works with organizations such as BMW, BOSCH Power Tools and BSH; designing, prototyping and user testing new product and service concepts, interfaces and in-car user experiences.</p>

              <p>Before joining PwC Experience Consulting (formerly IXDS) in 2019, Leonardo worked as a Creative Technologist in innovation agency Uniform, as a Researcher for education systems at the University of Padova and as an Interaction Designer in Benetton’s research center Fabrica. As part of various design collectives, Leonardo's work has been exhibited internationally, including at the V&A in London, Salone del Mobile in Milan and Dutch Design Week in Eindhoven. Since 2020, Leonardo is visiting faculty for physical computing at the Copenhagen Institute of Interaction Design (CIID).</p>


                <p id="contact-links">
                  <a href="https://docs.google.com/document/d/1y1JEIdcZgnutRm5mnSYZH5fhOs5bozG0s07n_vJOgMQ/edit?usp=sharing" target="_blank" content="noindex">Curriculum Vitae</a> •
                  <a href="https://twitter.com/orgonomyprod" target="_blank">Twitter</a> •
                  <a href="mailto:leonardo.amico@gmail.com?Subject=Hello." target="_top">Email</a> •
                  <a href="https://www.orgonomyproductions.info/notes/" target="_blank">Blog</a>
                </p>

                <p >
                  Website design....<a href="https://www.timwan.co.uk/" target="_blank">Tim Wan</a><br>
                  Development.......Leonardo Amico
                </p>


            </div>
          </div>
        </section>
    </div>


    <div id="bg-container">
         <img id="background-logo-img" alt="Orgonomy logo" src="img/bgLogo.png">
         <!-- <div id="background-logo">ORGONOMY</div> -->
    </div>

             <!-- TEST -->
<!--     <div class="test">
      <div id="0" style="border-style: solid; border-color: #ff0000; ">dddddddddddd</div>
      <div style="border-style: solid; border-color: #ff0000; ">dddddddddddd</div>
      <div style="border-style: solid; border-color: #ff0000; ">dddddddddddd</div>
      <div style="border-style: solid; border-color: #ff0000; ">dddddddddddd</div>
    </div> -->


    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!--     // <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> -->
    <!-- Include all compiled plugins (below), or include individual files as needed -->
<!--     // <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> -->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script type="text/javascript" src="js/production.min.js"></script>


    <!--  <script type="text/javascript" src="js/production.min.js"></script>-->

  </body>
</html>