-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
196 lines (178 loc) · 11.3 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
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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>João Ramos – Design manager & mentor</title>
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="I’m a design manager and mentor who guides teams using systems thinking and a dash of humour">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google-site-verification" content="2shu_KfJ0xhCJ4fWUc_Qqf7iPCXsiRnuEYhLqgjzZq8" />
<meta name="cf-2fa-verify" content="7becfc173519c75">
<meta name="theme-color" content="#f4f4f2">
<link rel="icon" type="image/png" href="favicon.png">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link href="styles.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&display=swap" rel="stylesheet">
<!-- Twitter -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@joaotiago" />
<meta name="twitter:title" content="João Ramos – Design manager & mentor" />
<meta name="twitter:description" content="I’m a design manager and mentor who guides teams using systems thinking and a dash of humour" />
<meta name="twitter:image" content="https://joao.pt/images/profile.jpg" />
<meta name="twitter:url" content="https://joao.pt" />
<!-- Open Graph -->
<meta property="og:title" content="João Ramos – Design manager & mentor" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://joao.pt/" />
<meta property="og:image" content="https://joao.pt/images/profile.jpg" />
<meta property="og:description" content="I’m a design manager and mentor who guides teams using systems thinking and a dash of humour" />
<!-- Mobile -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="">
<meta name="mobile-web-app-capable" content="yes">
<!-- Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-6HKL7LLJ0J"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-JN84W63VCK"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-JN84W63VCK');
</script>
</head>
<body>
<section>
<h1>I’m a design manager and mentor who guides teams using systems thinking and a dash of humour</h1>
<div class="wrapper triad">
<p class="heading">At work, I'm at my best enabling my teams, connecting stakeholders with diagrams and design decks, and resolving ambiguity</p>
<p>I'm based in Berlin (Germany) with my wife, daughters, and <a href="https://www.instagram.com/itsgloriathedog/" data-umami-event="mutt" target="_blank">mutt</a>, and I have a knack for watching sunrises, reading about anthropology, riding boards, asking difficult questions, and making music and videos.</p>
</div>
<div class="wrapper triad">
<div class="tools block">
<h3>Toolbox</h3>
<ul>
<li>Mentoring</li>
<li>Talent development</li>
<li>Systems thinking</li>
<li>Stakeholder management</li>
<li>Conflict resolution</li>
<li>Priority assessment</li>
<li>Futures mapping</li>
<li>Diagramming</li>
<li>Journey mapping</li>
<li>Participatory design</li>
</ul>
</div>
<div class="experience block">
<h3>Experience</h3>
<ol>
<li class="zalando-new">
<span class="role">Product Design Manager</span>
<span class="employer">Zalando, Berlin</span>
<span class="date">2023 – Now</span>
</li>
<li class="n8n">
<span class="role">Head of Product Design</span>
<span class="employer">n8n, Berlin</span>
<span class="date">2022 – 2023</span>
</li>
<li class="zalando">
<span class="role">Product Design Manager</span>
<span class="role">Sr. Product Designer</span>
<span class="employer">Zalando, Berlin</span>
<span class="date">2021 – 2022</span>
</li>
<!-- <li class="contentful">
<span class="role">Sr. Product Designer</span>
<span class="role">Product Designer</span>
<span class="employer">Contentful, Berlin</span>
<span class="date">2016 — 2021</span>
</li> -->
</ol>
<br>
<a href="https://www.linkedin.com/in/johnzramos/" data-umami-event="linkedin-experience" target="_blank">More on LinkedIn</a>
</div>
<div class="profile block">
<h3>Profile</h3>
<p>Over the last decade I hopped between the roles of embedded product designer, project and design lead, and design manager.</p>
<p>Lately, I've been focusing on strategy, design leadership and culture, and resolving ambiguity across different teams and business units.</p>
</div>
</div>
</section>
<img src="images/picture.jpg" alt="" class="casual" />
<section>
<h2>Are you a designer with a struggle you can’t quite get around?</h2>
<div class="wrapper dual">
<div class="adplist block">
<h3>Mentoring</h3>
<p>Give me a shout if you wish to level up your stakeholder management game, use systems thinking to elevate your work, get more efficient at moderation, or simply share a challenge at work.</p>
<p>I offer 30 minute mentoring sessions for free on <a href="https://adplist.org/mentors/joao-ramos" data-umami-event="mentor-adplist" target="_blank">ADPList</a> and already had the pleasure of helping other Product Designers develop confidence in key skills, land new or even first jobs, and experiment with new tools and methods at work.</p>
<a href="https://adplist.org/mentors/joao-ramos" data-umami-event="mentor-book-session" target="_blank">Book a session</a>
</div>
<div class="writing block">
<h3>Selected writing</h3>
<ol>
<li class="zalando">
<em><a href="https://medium.com/zalando-design/a-day-of-bringing-out-the-best-in-others-5ab8a6831049" data-umami-event="article-zalando" target="_blank">A day of bringing out the best in others</a></em>
<span>Step into the shoes of Senior Product Designer and passionate mentor, João Ramos, who leads projects in our Customer Acquisition Experience team.</span>
</li>
<li class="uxplanet">
<em><a href="https://uxplanet.org/five-books-that-helped-me-become-a-better-product-designer-6fd366ce8395?source=friends_link&sk=eed2614428725420af4219d0f1888b88" data-umami-event="article-uxplanet" target="_blank">Five books that helped me become a better Product Designer</a></em>
<span>A short reading list to cultivate crucial skills in demand</span>
</li>
<li class="uxcollective">
<em><a href="https://uxdesign.cc/ways-to-add-perspective-in-design-8cae9852c36a?source=friends_link&sk=d1be79496b334af476f5163ec2ada169" data-umami-event="article-uxcollective" target="_blank">Ways to add perspective in design</a></em>
<span>Three design methods for a more comprehensive practice</span>
</li>
</ol>
<br>
<a href="https://joaotiago.medium.com/" data-umami-event="medium-articles" target="_blank">See all articles</a>
</div>
</div>
</section>
<section class="inverted">
<div class="wrapper triad">
<p class="block heading">Life journeys and career trajectories are never really linear. At 18, I was studying abroad to become a medical student. These are a few bits and pieces of the journey that led me here. </p>
<div class="block">
<h4>Early beginning</h4>
<p>The first sparks I can remember from the early 2000s were writing chat bots for IRC with Tcl scripting and designing little Flash clips and games. That's how I earned my first cash, too!</p>
</div>
</div>
<div class="wrapper triad">
<div class="block">
<h4>Background</h4>
<p>I have an education in communication design and technology, which deepened my knowledge of front-end development and web design. That's what got me into UX in the first place.</p>
</div>
<div class="block">
<h4>Academia</h4>
<p>I wrote my Master's thesis at IT University of Copenhagen about pre-perception in decision-making, which explored data visualisation as a way to leverage awareness and make decisions really, really fast.</p>
</div>
<div class="block">
<h4>CBS</h4>
<p>While in Copenhagen, I ran a course on communication strategy and planning for the Interkulturel Markedskommunikation MA degree at the Copenhagen Business School (CBS).</p>
</div>
</div>
<div class="wrapper triad">
<div class="block">
<h4>Design systems</h4>
<p>During my journey in DesignOps, I helped establish the first <a href="https://f36.contentful.com/" data-umami-event="f36" target="_blank">design system at Contentful</a>, and co-created and hosted <a href="http://designsystems.berlin/" data-umami-event="design-systems-berlin" target="_blank">Design Systems Berlin</a> for a while, too.</p>
</div>
<div class="block">
<h4>Strengths</h4>
<p>Key strengths such as Restorative, Context, Intellection, Positivity, and Learner are my Gallup's <a href="https://www.gallup.com/cliftonstrengths" data-umami-event="cliftonstrengths" target="_blank">CliftonStrengths</a> score that has been consistent across my career.</p>
</div>
<div class="block">
<h4>Latest training</h4>
<p><a href="https://ideou.novoed.com/#!/courses/systems-nov10-dec18/statements/2911120" data-umami-event="training-ideou" target="">Human-Centered Systems Thinking</a> from IDEO U, and <a href="https://online.umich.edu/series/leading-people-and-teams/" data-umami-event="training-umich" target="_blank">Leading People and Teams</a>,from the Michigan University.</p>
</div>
</div>
<footer class="wrapper">
<img src="images/profile.jpg" alt="">
<p>João Ramos © All rights reserved. Find me on <a href="https://www.instagram.com/hey.joao.pt/" class="design" target="_blank">Instagram</a>, <a href="https://www.linkedin.com/in/johnzramos/" data-umami-event="linkedin" target="_blank">LinkedIn</a>, <a href="https://joaotiago.medium.com/" data-umami-event="medium" target="_blank">Medium</a>, <a href="https://soundcloud.com/itsjoaoramos" data-umami-event="soundcloud" target="_blank">SoundCloud</a>, <a href="https://twitter.com/joaotiago" data-umami-event="twitter" target="_blank">Twitter</a>, or <a href="https://github.com/joaoramos" data-umami-event="github" target="_blank">Github</a>.</p>
</footer>
</section>
</body>
</html>