-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
243 lines (238 loc) · 14.6 KB
/
about.html
File metadata and controls
243 lines (238 loc) · 14.6 KB
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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>About Leandro Incetta</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/flickity.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/stack-interface.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/theme.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/custom.css" rel="stylesheet" type="text/css" media="all" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700" rel="stylesheet">
</head>
<body data-smooth-scroll-offset="77">
<!-- Top Nav -->
<div class="nav-container">
<div>
<div class="bar bar--sm visible-xs">
<div class="container">
<div class="row">
<div class="col-3 col-md-2">
<a href="index.html"> <img class="logo logo-dark" alt="logo" src="img/logo-dark.png"> <img class="logo logo-light" alt="logo" src="img/logo-light.png"> </a>
</div>
<div class="col-9 col-md-10 text-right">
<a href="#" class="hamburger-toggle" data-toggle-class="#menu1;hidden-xs hidden-sm"> <i class="icon icon--sm stack-interface stack-menu"></i> </a>
</div>
</div>
</div>
</div>
<nav id="menu1" class="bar bar-1 hidden-xs bar--absolute bar--transparent">
<div class="container">
<div class="row">
<div class="col-lg-1 col-md-2 hidden-xs">
<div class="bar__module">
<a href="https://leincetta.github.io/licom-stack/"> <img class="logo logo-dark" alt="logo" src="img/logo-dark.png"> <img class="logo logo-light" alt="logo" src="img/logo-leandro.png"> </a>
</div>
</div>
<div class="col-lg-11 col-md-12 text-right text-left-xs text-left-sm">
<div class="bar__module">
<ul class="menu-horizontal text-left">
<li>
<a href="https://leincetta.github.io/licom-stack/about">About</a>
</li>
<li class="dropdown"> <span class="dropdown__trigger">
Projects
</span>
<div class="dropdown__container">
<div class="container">
<div class="row">
<div class="dropdown__content col-lg-2">
<ul class="menu-vertical">
<li> <a href="https://leincetta.github.io/licom-stack/project-transamerica">Transamerica</a> </li>
<li> <a href="https://leincetta.github.io/licom-stack/project-asia-portal">PR Newswire</a> </li>
<li> <a href="https://leincetta.github.io/licom-stack/project-uxenie">UXÑ</a> </li>
</ul>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
<!-- Top Nav END -->
<div class="main-container">
<section class="imagebg parallax text-center" data-overlay="8">
<div class="background-image-holder"> <img alt="background" src="img/hero-leandro.png"> </div>
<div class="container">
<div class="row">
<div class="col-md-12">
<h1>The About Page</h1>
</div>
</div>
</div>
</section>
<section class="text-center">
<div class="container">
<div class="row">
<div class="col-md-10 col-lg-8">
<h2>I’m Leandro (pronounced Leh-AAN-DRow)</h2>
<p class="lead">A guy who started working back in the day as an industrial product designer. After that, I moved into the world of websites and software as a service (SaaS), designing interfaces and doing front-end development. </p>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="process-1">
<div class="process__item">
<h4>2002: graphic design at the University of Buenos Aires</h4>
<p> The focus of the curriculum there is not about about fine arts, but also communication. That encompasses learning psychology, sociology, anthropology, and an understanding of the target user.</p>
</div>
<div class="process__item">
<h4>2006: first jobs as a designer</h4>
<p> At first, my two jobs were centered about industrial design. I built a tire for a big company, and packaging for medicine. I learned to pay attention to details and work with constraints.</p>
</div>
<div class="process__item">
<h4>2008: introduction to web design</h4>
<p> The World Wide Web was a complete mystery at that time. I began coding in Dreamweaver, and little by little learning about SEO and best practices on usability and accessibility.</p>
</div>
<div class="process__item">
<h4>2009: creation of my own design startup</h4>
<p> With a group of colleagues we founded Diseñemelón: a multi-disciplinary team of designers providing end-to-end solutions for about 15 clients in 4 years,</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="text-center bg--dark">
<div class="container">
<div class="row">
<div class="col-md-10 col-lg-8">
<h2>My guiding principles</h2>
<p class="lead"> After helping customers go from the ideation phase to measuring the success of their product, I learned some lessons along the way.</p>
</div>
</div>
</div>
</section>
<section class="text-center bg--dark">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-10 col-lg-8">
<div class="row">
<div class="col-md-6">
<div class="feature feature-3 boxed boxed--lg boxed--border"> <span class="h1 h1--large">1.</span>
<h4>Learn from experience</h4>
<p> Many people already failed and succeed through time. They left us their experience for us to take what we need and avoid trying to reinvent the wheel.</p>
</div>
</div>
<div class="col-md-6">
<div class="feature feature-3 boxed boxed--lg boxed--border"> <span class="h1 h1--large">2.</span>
<h4>Needs before wants</h4>
<p> Do people need my product? Before you start developing your idea, you need to make sure it solves a real problem or meets a need people care about.</p>
</div>
</div>
<div class="col-md-6">
<div class="feature feature-3 boxed boxed--lg boxed--border"> <span class="h1 h1--large">3.</span>
<h4>Build for inclusion</h4>
<p> Accessible design is good design. We should build a product that’s as inclusive, legible and readable as possible. We shouldn’t be afraid of the obvious.</p>
</div>
</div>
<div class="col-md-6">
<div class="feature feature-3 boxed boxed--lg boxed--border"> <span class="h1 h1--large">4.</span>
<h4>Design with data</h4>
<p> We should understand the desire paths of how we are designing with data and use them in our designs. This is the great advantage of digital services.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="text-center">
<div class="container">
<div class="row">
<div class="col-md-10 col-lg-8">
<h2>How does an Argentine end up in Denver?</h2>
<p class="lead">I've been in the USA for 6 years, working for many companies, developing side projects, and volunteering in the tech industry. </p>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="process-1">
<div class="process__item">
<h4>2013: welcome USA, welcome UX</h4>
<p> I got married and that brought me to Denver, Colorado. In the search for perfecting my English and starting a career, I stumbled upon the concept of UX. Took courses, read books, attended meetups and talks.</p>
</div>
<div class="process__item">
<h4>2015: a step into corporate life</h4>
<p> After 7 years of working in the world of agencies and small clients, I had the opportunity of growing a career at PR Newswire, who got later acquired by Cision. Started as a designer, ended up as a manager of a team of 7 talented coworkers. </p>
</div>
<div class="process__item">
<h4>2019: the path of product management </h4>
<p> Currently I'm working at Transamerica, leading two teams responsible for improving the usability of very old sites that are merged into one single solution. Oh, and I got certified as Product Owner.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="text-center bg--secondary">
<div class="container">
<div class="row">
<div class="col-md-8 col-lg-6">
<div class="cta">
<h2>You're my favorite fan</h2>
<p class="lead"> And for that reason is that I'm going to save you an extra email and provide you with a link to my resume.</p> <a class="btn btn--primary type--uppercase" href="https://www.dropbox.com/s/5h7vymn1wxplv61/Leandro%20Incetta%20-%20Resume.pdf?dl=0" target="_blank"><span class="btn__text">download my resume (PDF)</span></a> </div>
</div>
</div>
</div>
</section>
<section class="text-center bg--dark">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10">
<div class="slider" data-paging="true">
<ul class="slides">
<li>
<div class="testimonial">
<blockquote> Leandro possesses the rare of gift of being able to connect with anyone and this is invaluable in the world of UX. </blockquote>
<h5>David Arjun</h5> <span>UX at Greenhouse</span> </div>
</li>
<li>
<div class="testimonial">
<blockquote>Leandro has the ability to communicate with simple, friendly language with a great sense of humor.<br></blockquote>
<h5>Ignacio Raffo Magnasco</h5> <span>Product Marketing Manager - Somfy</span> </div>
</li>
<li>
<div class="testimonial">
<blockquote>Our design team had an energizing camaraderie and I always felt that I could speak candidly with him.</blockquote>
<h5>Leah Riffell</h5> <span>Product Designer - Cision</span> </div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
</div>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/flickity.min.js"></script>
<script src="js/parallax.js"></script>
<script src="js/smooth-scroll.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>