-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·141 lines (126 loc) · 5.07 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>álvaro gs</title>
<link rel="stylesheet" href="./style.css">
<link rel="icon" type="image/svg+xml" href="./content/img/favicon.svg">
<link rel="icon" type="image/png" href="./content/img/favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body>
<header>
<figure class="picture">
<img src="./content/img/avatar.png" />
<figcaption class="status">👋</figcaption>
</figure>
<div class="name">
<h1>álvaro gs</h1>
<p class="description">Seville — él/he</p>
</div>
</header>
<main>
<h2>About</h2>
<p>I’m a designer and front-end developer with an interest on human-computer interaction, user experience and product engineering.</p>
<p>Currently at <a href="#experience">Viafirma</a>, walking the very fine line between design and implementation by turning my Figma files into React code.</p>
<p>Design should be ethical, delightful and accessible. </p>
<h2>Links</h2>
<table>
<tr>
<th>Email</th>
<td class="link"><a href="javascript:location='mailto:\u0068\u0065\u0079\u0040\u0061\u006c\u0076\u0061\u0072\u006f\u002e\u0067\u0073';void 0"><script type="text/javascript">document.write('\u0068\u0065\u0079\u0040\u0061\u006c\u0076\u0061\u0072\u006f\u002e\u0067\u0073')</script></a></td>
</tr>
<tr>
<th>Phone</th>
<td class="phone">+34 </td>
</tr>
<tr>
<th>Networking</th>
<td class="link"><a href="https://www.linkedin.com/in/alvvaro/" target="_blank">LinkedIn</a></td>
</tr>
<tr>
<th>GitHub</th>
<td class="link"><a href="https://github.com/alvvaro/" target="_blank">alvvaro</a></td>
</tr>
<tr>
<th>Brother</th>
<td class="link"><a href="https://pablo.gs/">Pablo</a></td>
</tr>
</table>
<h2>Education</h2>
<p>Bachelor’s Degree in <span class="highlight">Industrial Design Engineering</span> at Seville University.</p>
<h2 id="experience">Experience</h2>
<table>
<tr>
<th>2022 - Now</th>
<td>
<a href="https://viafirma.com" target="_blank">Viafirma</a>
<p class="location">Tomares, Spain</p>
<p>As a <span class="highlight">Design Systems Engineer</span> and UI Designer, I help developers at the company build consistent products, by providing them with standards for visual design, layout, interaction and voice.</p>
</td>
</tr>
<tr>
<th>2017 – 2020</th>
<td>
AEDI Sevilla (volunteer work)
<p class="location">Seville, Spain</p>
<p>Codirector at AEDI, a non-profit student organization focused on sharing design knowledge. There I was put in charge of <span class="highlight">the design team</span>; and also organized, among amazing colleagues, three editions of <a href="https://scd.aedisevilla.es/" target="_blank">our design conference</a>.</p>
</td>
</tr>
</table>
<h2>Projects</h2>
<table>
<tr>
<th>2020</th>
<td>
Proposal for the #FixThatCrapp challenge
<a class="card-parent" href="https://www.figma.com/file/UleHy2BbESn6QeIpVhnmsF/Crapp-2?node-id=0%3A1">
<div class="card">
<img class="scroller" src="./content/img/index/renfe.png" />
<div>
<span class="card-title">Renfe Website Redesign</span>
<p>Concept for a UI challenge series. A clearer and faster purchase process for the Spanish national railways. </p>
</div>
</div>
</a>
</td>
</tr>
<tr>
<th>2017 – 2020</th>
<td>
Visual work for AEDI Sevilla
<a class="card-parent" href="./aedi">
<div class="card">
<img class="carrousel" src="./content/img/index/aedi.png" />
<div>
<span class="card-title">Graphisms</span>
<p>A curated selection of works for AEDI, including both print and web design.</p>
</div>
</div>
</a>
</td>
</tr>
<tr>
<th>2019</th>
<td>
Explorations on CGI
<a class="card-parent" href="./cgi">
<div class="card">
<img class="pan" src="./content/img/index/m50x.png" />
<div>
<span class="card-title">Headphone 3D Modelling </span>
<p>Photorealistic texturing and rendering of the Audio-Technica ATH-M50x headphones. Made with @seaceau.</p>
</div>
</div>
</a>
</td>
</tr>
</table>
<h2>More</h2>
<p>Been working on and off in retail, at a book shop in my hometown; and volunteered at Amnesty International Seville as secretary and LGBT+ coordinator for a year and a half.</p>
<h2>Colophon</h2>
<p>Handcrafted and bare-made with just HTML and CSS.<br />Inspired by <a href="https://read.cv">read.cv</a>.</p>
<q>Design is the radical notion that everything has been designed.</q>
</main>
</body>
</html>