https://miguelalejandro-cl.webflow.io/draftea

1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Fri Dec 12 2025 23:07:56 GMT+0000 (Coordinated Universal Time) -->
2<html data-wf-domain="miguelalejandro-cl.webflow.io" data-wf-page="6938e3a2afade88ba23de35e" data-wf-site="678f0733acf551fc6b082ca2">
3  <head>
4    <meta charset="utf-8" />
5    <link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous" />
6    <title>Miguel Alejandro Design ✧ Draftea</title>
7    <meta content="Professional creative designer with 10+ years experience in web/app design, UX/UI, and graphic design for tech projects. Expert in design tools like Figma, Webflow, and any other moderns tools." name="description" />
8    <meta content="Miguel Alejandro Design ✧ Draftea" property="og:title" />
9    <meta content="Professional creative designer with 10+ years experience in web/app design, UX/UI, and graphic design for tech projects. Expert in design tools like Figma, Webflow, and any other moderns tools." property="og:description" />
10    <meta content="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/692e4f2291000a3178948110_ef928f74f11704330f6d14db4fad8195_Opengraph.jpg" property="og:image" />
11    <meta content="Miguel Alejandro Design ✧ Draftea" name="twitter:title" />
12    <meta content="Professional creative designer with 10+ years experience in web/app design, UX/UI, and graphic design for tech projects. Expert in design tools like Figma, Webflow, and any other moderns tools." name="twitter:description" />
13    <meta property="og:type" content="website" />
14    <meta content="summary_large_image" name="twitter:card" />
15    <meta content="width=device-width, initial-scale=1" name="viewport" />
16    <meta content="Webflow" name="generator" />
17    <link href="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/css/miguelalejandro-cl.webflow.shared.026968533.css" rel="stylesheet" type="text/css" />
18    <link href="https://fonts.googleapis.com" rel="preconnect" />
19    <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous" />
20    

20<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>

20
21    

21<script type="text/javascript">
22      WebFont.load({
23        google: {
24          families: ["Work Sans:regular,600,900", "Roboto Mono:700"]
25        }
26      });
27    </script>

27
28    

28<script type="text/javascript">
29      ! function(o, c) {
30        var n = c.documentElement,
31          t = " w-mod-";
32        n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch")
33      }(window, document);
34    </script>

34
35    <link href="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/692cf7e5e7c50c4b4bd2fa38_Favicon.png" rel="shortcut icon" type="image/x-icon" />
36    <link href="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/692cf4c9e41ff708bf9e69ab_Webclip.png" rel="apple-touch-icon" /><!-- Google tag (gtag.js) & Microsoft Clarity -->

36
37
38    <script async src="https://www.googletagmanager.com/gtag/js?id=

38G-9WPP98BVER

38"></script>
39    

39<script>
40      

40window.dataLayer = window.dataLayer || [];
41
42      function gtag() {
43        dataLayer.push(arguments);
44      }
45      gtag('js', new Date());
46
47      gtag('config', '

47G-9WPP98BVER

47');
48    

48</script>

48
49
50
51    

51<script type="text/javascript">
52      (function(c, l, a, r, i, t, y) {
53        c[a] = c[a] || function() {
54          (c[a].q = c[a].q || []).push(arguments)
55        };
56        t = l.createElement(r);
57        t.async = 1;
58        t.src = "https://www.clarity.ms/tag/" + i;
59        y = l.getElementsByTagName(r)[0];
60        y.parentNode.insertBefore(t, y);
61      })(window, document, "clarity", "script", "u1n0iwsse5");
62    </script>

62
63  </head>
64  <body class="body">
65    <div data-w-id="afcafade-ca5e-a1a0-c18d-d02a6e8cf61a" class="tooltip-container">
66      <div data-w-id="ece61f6d-a050-be31-851f-5b89788c677a" class="navbar-logo tooltip-wrapper">
67        <h1 class="navbar-h1 tooltip"><em class="navbar-h1-italic">Mi</em>guel Alejandro</h1>
68      </div>
69    </div>
70    <div class="lights-container">
71      <div class="light-green"><img src="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/692236cf51c15a2c23b7d92b_light-green.svg" loading="lazy" alt="" /></div>
72      <div class="light-purple"><img src="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/6922371ff109d7374185ce7b_2cf7ab3b7ac182fbc90b1b644a0bc1cd_light-purple.svg" loading="lazy" alt="" /></div>
73    </div><a data-w-id="dd862e1a-ff42-b3a5-7afe-9335cc99facd" href="/" class="navbar-logo w-inline-block">
74      <h1 data-w-id="dd862e1a-ff42-b3a5-7afe-9335cc99face" class="navbar-h1"><em class="navbar-h1-italic">Mi</em>guel Alejandro</h1>
75      <h1 data-w-id="dd862e1a-ff42-b3a5-7afe-9335cc99fad2" class="navbar-h1 min"><em class="navbar-h1-italic">M</em>A</h1>
76    </a>
77    <section data-w-id="37d3cb86-1df0-987e-a319-12e8e3a22aa4" style="opacity:0" class="hero page">
78      <div class="w-layout-blockcontainer hero-container w-container"><img src="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/6938e3df824eb87a7cf2308e_draftea-icon.svg" loading="lazy" width="40.5" alt="" class="work-icon" />
79        <div class="w-layout-hflex hero-title">
80          <h1 data-w-id="03b53d5b-8c39-a657-9f8e-f486d240a222" style="opacity:0" class="hero-title-bold">Draftea</h1>
81        </div>
82        <h2 class="subheading">Product Design</h2>
83      </div><img src="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/6938c0ad525fea3715303b9d_%2B10y.png" loading="lazy" width="160" height="160" alt="" srcset="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/6938c0ad525fea3715303b9d_%2B10y-p-500.png 500w, https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/6938c0ad525fea3715303b9d_%2B10y.png 512w" sizes="160px" class="_10y-hero" />
84    </section>
85    <section><img src="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/6938e4789308eb6196fe05a2_draftea-thumb.webp" loading="eager" width="800" alt="" class="work-page-image full" />
86      <div class="w-layout-blockcontainer work-page-container w-container">
87        <blockquote>The first Daily Fantasy Sports in the Spanish-speaking world 🇲🇽</blockquote><img src="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/6938e5569ac8103ca21fa407_Draftea%20App.jpg" loading="eager" width="480" alt="" class="work-page-image" /><img src="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/6938e6013c85a9bdd42dc1cf_draftea-player-card.jpg" loading="eager" width="640" alt="" class="work-page-image" /><img src="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/6938e6cf94099ed590c65d1e_Draftea%20Player%20Select.jpg" loading="eager" width="640" alt="" class="work-page-image" />
88        <blockquote>I traveled from Chile to Mexico for a summit in Valle de Bravo, CDMX, and played soccer on the national team&#x27;s training fields ⚽️</blockquote>
89        <div style="padding-top:56.17021276595745%" class="w-embed-youtubevideo video-embed"><iframe src="https://www.youtube.com/embed/WOBjX1Lnk48?rel=1&amp;controls=0&amp;autoplay=0&amp;mute=1&amp;start=0" frameBorder="0" style="position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:auto" allow="autoplay; encrypted-media" allowfullscreen="" title="Jugando ⚽️ en México 🇲🇽"></iframe></div>
90        <blockquote>Excited to see my design work reaching a global audience, especially being showcased at World Cup stadiums in Qatar, like in this snapshot from a Brazil game! 🇧🇷 🇶🇦</blockquote><img src="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/6938fb1621847a3f8ff5b56a_draftea-qatar-stadium.jpg" loading="lazy" width="720" alt="" class="work-page-image small" />
91      </div>
92      <div class="w-layout-blockcontainer work-page-container w-container">
93        <h1>Product Design + Design System</h1>
94        <p>As a member of the Games team, my role centered on refining essential product features. I played a pivotal role in o

94ptimizing the user experience by designing and implementing innovative functionalities that enhanced gameplay and increased user engagement, leading to a notable rise in app usage duration.</p>
95        <blockquote>2022</blockquote>
96      </div>
97      <blockquote class="credits">All the work showcased in this portfolio was created in collaboration with the dedicated teams involved in the project, reflecting a collective effort during my contribution.</blockquote>
98    </section>
99    <section data-w-id="90e8c6a7-d392-1ba5-65ff-3e5a24b81f5e" class="footer"><img src="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/6938c0ad525fea3715303b9d_%2B10y.png" loading="lazy" width="160" height="160" alt="" srcset="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/6938c0ad525fea3715303b9d_%2B10y-p-500.png 500w, https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/6938c0ad525fea3715303b9d_%2B10y.png 512w" sizes="(max-width: 479px) 100vw, 160px" class="_10y-footer" />
100      <div class="w-layout-blockcontainer footer-container w-container">
101        <div class="w-layout-hflex footer-icons"><a href="https://www.linkedin.com/in/miguelalejandro-m" target="_blank" class="w-inline-block">
102            <div class="footer-icon"><img src="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/6923c57279441b1cc5fdadbc_linkedIn.svg" loading="lazy" alt="" /></div>
103          </a><a href="#" class="footer-icon w-inline-block"><img src="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/6923c57299d08a071d494bf9_discord.svg" loading="lazy" alt="" /></a><a href="#" class="footer-icon w-inline-block"><img src="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/6923c57268ba105be8f191d2_envelope.svg" loading="lazy" alt="" /></a></div>
104        <div class="w-layout-hflex footer-based">
105          <div>Based on Chile</div><img src="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/6923c74895b77aebc8f02228_flag-cl.svg" loading="lazy" alt="" />
106          <div class="w-layout-hflex">
107            <div id="hournumber-chile" class="footer-hour">00:00:00</div>
108            <div id="hourtype-chile" class="footer-hour type">PM</div>
109          </div>
110          <div class="code-embed w-embed w-script">
111            

111<script>
112              function horaChile() {
113                const opciones = {
114                  timeZone: "America/Santiago",
115                  hour: "2-digit",
116                  minute: "2-digit",
117                  second: "2-digit",
118                  hour12: true
119                };
120
121                let ahora = new Date().toLocaleTimeString("es-CL", opciones);
122
123                const indicador = new Date().getHours() >= 12 ? "PM" : "AM";
124
125                ahora = ahora.replace(/[^\d:]/g, "").trim();
126
127                document.getElementById("hournumber-chile").textContent = ahora;
128                document.getElementById("hourtype-chile").textContent = indicador;
129              }
130
131              horaChile();
132              setInterval(horaChile, 1000);
133            </script>

133
134          </div>
135        </div>
136        <div class="w-layout-hflex">
137          <div class="footer-based">©</div>
138          <div class="footer-link">miguelalejandro.design</div>
139        </div>
140      </div>
141    </section>
142    

142<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=678f0733acf551fc6b082ca2" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>

142
143    

143<script src="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/js/webflow.schunk.74f756804daaabee.js" type="text/javascript"></script>

143
144    

144<script src="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/js/webflow.schunk.ad685c1a4aaeefee.js" type="text/javascript"></script>

144
145    

145<script src="https://cdn.prod.website-files.com/678f0733acf551fc6b082ca2/js/webflow.7afb4ca8.62eaa9becbe4a8f3.js" type="text/javascript"></script>

145
146    

146<script src="https://cdn.prod.website-files.com/gsap/3.15.0/gsap.min.js" type="text/javascript"></script>

146
147    

147<script src="https://cdn.prod.website-files.com/gsap/3.15.0/ScrollTrigger.min.js" type="text/javascript"></script>

147
148    

148<script src="https://cdn.prod.website-files.com/gsap/3.15.0/SplitText.min.js" type="text/javascript"></script>

148
149    

149<script src="https://cdn.prod.website-files.com/gsap/3.15.0/ScrollSmoother.min.js" type="text/javascript"></script>

149
150    

150<script src="https://cdn.prod.website-files.com/gsap/3.15.0/Draggable.min.js" type="text/javascript"></script>

150
151    

151<script src="https://cdn.prod.website-files.com/gsap/3.15.0/InertiaPlugin.min.js" type="text/javascript"></script>

151
152    

152<script src="https://cdn.prod.website-files.com/gsap/3.15.0/ScrollToPlugin.min.js" type="text/javascript"></script>

152
153    

153<script type="text/javascript">
154      gsap.registerPlugin(ScrollTrigger, SplitText, ScrollSmoother, Draggable, InertiaPlugin, ScrollToPlugin);
155    </script>

155
156  </body>
157</html>