-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
765 lines (753 loc) · 60.4 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
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
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta
name="description"
content="Immerse in a one-day experience of passion and creativity in this year’s third UX&Chill production, featuring various workshops and inspiring talks from some of the nation’s finest UX experts! Join us as we come together and fulfill our advocacy by doing what we love to do the most – innovation, design-thinking, and user experience. Spark your passion. Chill with UX."
/>
<!-- Facebook Meta -->
<meta
property="og:title"
content="UX&Chill 2019 – User Experience Society"
/>
<meta property="og:type" content="website" />
<meta
property="og:image"
content="http://uxchill.uxsociety.org/uxchillmetadata.png"
/>
<meta
property="og:description"
content="Immerse in a one-day experience of passion and creativity in this year’s third UX&Chill production, featuring various workshops and inspiring talks from some of the nation’s finest UX experts! Join us as we come together and fulfill our advocacy by doing what we love to do the most – innovation, design-thinking, and user experience. Spark your passion. Chill with UX."
/>
<meta name="twitter:card" content="" />
<meta name="twitter:site" content="@ux&chill" />
<meta name="twitter:creator" content="@uxsocietyph" />
<meta
name="twitter:title"
content="UX&Chill 2019 – User Experience Society"
/>
<meta
name="twitter:description"
content="Immerse in a one-day experience of passion and creativity in this year’s third UX&Chill production, featuring various workshops and inspiring talks from some of the nation’s finest UX experts! Join us as we come together and fulfill our advocacy by doing what we love to do the most – innovation, design-thinking, and user experience. Spark your passion. Chill with UX."
/>
<meta
name="twitter:image"
content="https://uxchill.uxsociety.org/uxchillmetadata.png"
/>
<link rel="shortcut icon" href="favicon.ico" />
<link
href="https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700,800|Rubik:500,700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="./main.css" />
<title>UX&Chill 2019 – User Experience Society</title>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-151954100-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-151954100-1');
</script>
</head>
<body>
<main>
<section class="hero">
<header>
<nav class="hero__nav">
<!-- logo -->
<a href="/">
<svg xmlns="http://www.w3.org/2000/svg" width="202" height="48" viewBox="0 0 202 48" fill="none">
<path
d="M24.0625 9.5625V28.293C24.0625 31.4049 23.0859 33.8659 21.1328 35.6758C19.1927 37.4857 16.5365 38.3906 13.1641 38.3906C9.84375 38.3906 7.20703 37.5117 5.25391 35.7539C3.30078 33.9961 2.30469 31.5807 2.26562 28.5078V9.5625H8.125V28.332C8.125 30.194 8.56771 31.5547 9.45312 32.4141C10.3516 33.2604 11.5885 33.6836 13.1641 33.6836C16.4583 33.6836 18.1315 31.9518 18.1836 28.4883V9.5625H24.0625ZM41.043 19.3672L46.375 9.5625H53.1133L44.832 23.6641L53.3281 38H46.5117L41.043 28.0391L35.5742 38H28.7578L37.2539 23.6641L28.9727 9.5625H35.7109L41.043 19.3672Z"
fill="#4F4F4F" />
<path
d="M77.2 27L75.35 25.1C74.6167 25.7667 73.7917 26.2833 72.875 26.65C71.975 27.0167 71.025 27.2 70.025 27.2C68.8417 27.2 67.7917 27 66.875 26.6C65.9583 26.1833 65.2417 25.6167 64.725 24.9C64.225 24.1667 63.975 23.325 63.975 22.375C63.975 21.325 64.2667 20.3833 64.85 19.55C65.45 18.7167 66.4 17.9333 67.7 17.2C67.05 16.4833 66.575 15.825 66.275 15.225C65.9917 14.625 65.85 14 65.85 13.35C65.85 12.1 66.2917 11.1 67.175 10.35C68.075 9.58333 69.2417 9.2 70.675 9.2C72.0083 9.2 73.0667 9.55 73.85 10.25C74.65 10.9333 75.05 11.8583 75.05 13.025C75.05 13.925 74.7917 14.7333 74.275 15.45C73.7583 16.15 72.9083 16.8583 71.725 17.575L75.2 21.125C75.8833 19.775 76.2583 18.2 76.325 16.4H78.925C78.825 18.9667 78.2 21.175 77.05 23.025L80.925 27H77.2ZM70.7 11.35C70.0833 11.35 69.5917 11.5333 69.225 11.9C68.8583 12.25 68.675 12.725 68.675 13.325C68.675 13.725 68.775 14.1083 68.975 14.475C69.175 14.8417 69.5583 15.325 70.125 15.925C71.0083 15.425 71.625 14.9667 71.975 14.55C72.325 14.1167 72.5 13.65 72.5 13.15C72.5 12.6 72.3333 12.1667 72 11.85C71.6667 11.5167 71.2333 11.35 70.7 11.35ZM70.125 24.775C71.4417 24.775 72.6083 24.2917 73.625 23.325L69.325 18.875C68.5083 19.375 67.9167 19.8917 67.55 20.425C67.2 20.9417 67.025 21.5417 67.025 22.225C67.025 23.0083 67.3 23.6333 67.85 24.1C68.4167 24.55 69.175 24.775 70.125 24.775ZM90.9666 27.2C89.2999 27.2 87.8499 26.8417 86.6166 26.125C85.3833 25.3917 84.4333 24.35 83.7666 23C83.1166 21.6333 82.7916 20.025 82.7916 18.175C82.7916 16.325 83.1166 14.725 83.7666 13.375C84.4333 12.025 85.3833 10.9917 86.6166 10.275C87.8499 9.54167 89.2999 9.175 90.9666 9.175C92.1833 9.175 93.2999 9.36667 94.3166 9.75C95.3333 10.1167 96.2166 10.6667 96.9666 11.4L96.1916 12.975C95.3416 12.2583 94.5083 11.7417 93.6916 11.425C92.8749 11.1083 91.9749 10.95 90.9916 10.95C89.0583 10.95 87.5583 11.5833 86.4916 12.85C85.4416 14.1 84.9166 15.875 84.9166 18.175C84.9166 20.4917 85.4416 22.2833 86.4916 23.55C87.5583 24.8 89.0583 25.425 90.9916 25.425C91.9749 25.425 92.8749 25.2667 93.6916 24.95C94.5083 24.6333 95.3416 24.1167 96.1916 23.4L96.9666 24.975C96.2166 25.7083 95.3333 26.2667 94.3166 26.65C93.2999 27.0167 92.1833 27.2 90.9666 27.2ZM116.211 9.375V27H114.186V18.925H103.636V27H101.611V9.375H103.636V17.175H114.186V9.375H116.211ZM121.806 9.375H123.856V27H121.806V9.375ZM129.452 9.375H131.502V25.25H140.327V27H129.452V9.375ZM144.203 9.375H146.253V25.25H155.078V27H144.203V9.375Z"
fill="#4F4F4F" />
<rect x="63" y="34" width="93" height="4" fill="#4ECCA8" />
</svg>
</a>
<a class="hero__cta" href="#speakers" data-scroll>View Speakers</a>
</nav>
</header>
<div class="main-text">
<div class="container">
<h1 class="main">
Experience <br /><span class="gradient">Tech and Beyond</span>
</h1>
<p class="event-details">
this November 16 @ The Loft Innovation Wing, Arete
</p>
<p class="event-description">
Immerse in a one-day experience of passion and creativity in this
year’s third UX&Chill production, featuring various workshops and
inspiring talks from some of the nation’s finest UX experts! Join
us as we come together and fulfill our advocacy by doing what we
love to do the most – innovation, design-thinking, and user
experience.
<strong>
Spark your passion. Chill with UX.
</strong>
</p>
</div>
</div>
<img src="./homeleft.png" alt="" class="hero-img-left" />
<img src="./homeright.png" alt="" class="hero-img-right" />
</section>
<section class="speakers" id="speakers">
<!-- modals -->
<div id="modal-apao" aria-hidden="true" class="micromodal-slide">
<div tabindex="-1" class="modal__overlay" data-micromodal-close>
<div
role="dialog"
aria-modal="true"
aria-labelledby="modal-speaker"
class="modal__container"
>
<div class="close">
<span data-micromodal-close>Close window</span>
<svg
xmlns="http://www.w3.org/2000/svg"
width="40"
height="40"
viewBox="0 0 40 40"
fill="none"
data-micromodal-close
>
<path
d="M25.8828 24.1172L21.7656 20L25.8828 15.8828C26.3671 15.3985 26.3671 14.6016 25.8828 14.1172C25.3984 13.6328 24.6015 13.6328 24.1171 14.1172L19.9999 18.2344L15.8828 14.1172C15.3984 13.6328 14.664 13.5625 14.1171 14.1172C13.5624 14.6719 13.6484 15.4141 14.1171 15.8828L18.2343 20L14.1171 24.1172C13.5937 24.6406 13.6171 25.3906 14.1171 25.8828C14.6171 26.3828 15.3984 26.3672 15.8828 25.8828L19.9999 21.7656L24.1171 25.8828C24.6015 26.3672 25.3984 26.3672 25.8828 25.8828C26.3749 25.3985 26.3749 24.6016 25.8828 24.1172Z"
fill="#828282"
data-micromodal-close
/>
<path
d="M20 5.9375C23.7578 5.9375 27.2891 7.39844 29.9453 10.0547C32.6016 12.7109 34.0625 16.2422 34.0625 20C34.0625 23.7578 32.6016 27.2891 29.9453 29.9453C27.2891 32.6016 23.7578 34.0625 20 34.0625C16.2422 34.0625 12.7109 32.6016 10.0547 29.9453C7.39844 27.2891 5.9375 23.7578 5.9375 20C5.9375 16.2422 7.39844 12.7109 10.0547 10.0547C12.7109 7.39844 16.2422 5.9375 20 5.9375ZM20 3.75C11.0234 3.75 3.75 11.0234 3.75 20C3.75 28.9766 11.0234 36.25 20 36.25C28.9766 36.25 36.25 28.9766 36.25 20C36.25 11.0234 28.9766 3.75 20 3.75Z"
fill="#828282"
data-micromodal-close
/>
</svg>
</div>
<div class="main">
<div class="person">
<div
style="width: 262px; height: 262px; background-image: url('./speakers/ely.png'); background-size: 262px; border-radius: 50%;margin-bottom: 30px;"
></div>
<p class="speaker-category">Keynote Speaker</p>
<p class="speaker-name" id="modal-speaker">Ely Apao</p>
</div>
<div class="details">
<p>
Ely Apao is a UX professional past and present. He
previously worked as a Product Development Manager in OLX
and US Auto Parts. Now, he is a Customer Experience Manager
at one of the largest Philippine conglomerates, JG Summit
Holdings.
</p>
<p>
His zeal for UX can be seen even outside of his career. He
founded UX Philippines, the non-profit organization that not
only hosts the Philippines' largest community of individuals
hooked on User Experience, but also raises awareness about
design practice standards all over the Philippines.
</p>
</div>
</div>
</div>
</div>
</div>
<div id="modal-baterna" aria-hidden="true" class="micromodal-slide">
<div tabindex="-1" class="modal__overlay" data-micromodal-close>
<div
role="dialog"
aria-modal="true"
aria-labelledby="modal-speaker"
class="modal__container"
>
<div class="close">
<span data-micromodal-close>Close window</span>
<svg
xmlns="http://www.w3.org/2000/svg"
width="40"
height="40"
viewBox="0 0 40 40"
fill="none"
data-micromodal-close
>
<path
d="M25.8828 24.1172L21.7656 20L25.8828 15.8828C26.3671 15.3985 26.3671 14.6016 25.8828 14.1172C25.3984 13.6328 24.6015 13.6328 24.1171 14.1172L19.9999 18.2344L15.8828 14.1172C15.3984 13.6328 14.664 13.5625 14.1171 14.1172C13.5624 14.6719 13.6484 15.4141 14.1171 15.8828L18.2343 20L14.1171 24.1172C13.5937 24.6406 13.6171 25.3906 14.1171 25.8828C14.6171 26.3828 15.3984 26.3672 15.8828 25.8828L19.9999 21.7656L24.1171 25.8828C24.6015 26.3672 25.3984 26.3672 25.8828 25.8828C26.3749 25.3985 26.3749 24.6016 25.8828 24.1172Z"
fill="#828282"
data-micromodal-close
/>
<path
d="M20 5.9375C23.7578 5.9375 27.2891 7.39844 29.9453 10.0547C32.6016 12.7109 34.0625 16.2422 34.0625 20C34.0625 23.7578 32.6016 27.2891 29.9453 29.9453C27.2891 32.6016 23.7578 34.0625 20 34.0625C16.2422 34.0625 12.7109 32.6016 10.0547 29.9453C7.39844 27.2891 5.9375 23.7578 5.9375 20C5.9375 16.2422 7.39844 12.7109 10.0547 10.0547C12.7109 7.39844 16.2422 5.9375 20 5.9375ZM20 3.75C11.0234 3.75 3.75 11.0234 3.75 20C3.75 28.9766 11.0234 36.25 20 36.25C28.9766 36.25 36.25 28.9766 36.25 20C36.25 11.0234 28.9766 3.75 20 3.75Z"
fill="#828282"
data-micromodal-close
/>
</svg>
</div>
<div class="main">
<div class="person">
<div
style="width: 262px; height: 262px; background-image: url('./speakers/oliver.jpg'); background-size: 262px; border-radius: 50%;margin-bottom: 30px;"
></div>
<p class="speaker-category">Designing for Tech</p>
<p class="speaker-name" id="modal-speaker">Oliver Bayani</p>
</div>
<div class="details">
<p>
Oliver Bayani oversees User Research and UX writing at Home
Credit Philippines where he designs digital products used by
over 4 million Filipinos.
</p>
<p>
He was also a journalist for 8 years, writing about the most
creative people in advertising for Marketing Magazine
Philippines and Adobo Magazine. Before Home Credit, he was a
Co-founder and Vice President of Product & Design in
SnippetMedia, a news app enjoyed by over 2 million
Filipinos.
</p>
</div>
</div>
</div>
</div>
</div>
<div id="modal-ibasco" aria-hidden="true" class="micromodal-slide">
<div tabindex="-1" class="modal__overlay" data-micromodal-close>
<div
role="dialog"
aria-modal="true"
aria-labelledby="modal-speaker"
class="modal__container"
>
<div class="close">
<span data-micromodal-close>Close window</span>
<svg
xmlns="http://www.w3.org/2000/svg"
width="40"
height="40"
viewBox="0 0 40 40"
fill="none"
data-micromodal-close
>
<path
d="M25.8828 24.1172L21.7656 20L25.8828 15.8828C26.3671 15.3985 26.3671 14.6016 25.8828 14.1172C25.3984 13.6328 24.6015 13.6328 24.1171 14.1172L19.9999 18.2344L15.8828 14.1172C15.3984 13.6328 14.664 13.5625 14.1171 14.1172C13.5624 14.6719 13.6484 15.4141 14.1171 15.8828L18.2343 20L14.1171 24.1172C13.5937 24.6406 13.6171 25.3906 14.1171 25.8828C14.6171 26.3828 15.3984 26.3672 15.8828 25.8828L19.9999 21.7656L24.1171 25.8828C24.6015 26.3672 25.3984 26.3672 25.8828 25.8828C26.3749 25.3985 26.3749 24.6016 25.8828 24.1172Z"
fill="#828282"
data-micromodal-close
/>
<path
d="M20 5.9375C23.7578 5.9375 27.2891 7.39844 29.9453 10.0547C32.6016 12.7109 34.0625 16.2422 34.0625 20C34.0625 23.7578 32.6016 27.2891 29.9453 29.9453C27.2891 32.6016 23.7578 34.0625 20 34.0625C16.2422 34.0625 12.7109 32.6016 10.0547 29.9453C7.39844 27.2891 5.9375 23.7578 5.9375 20C5.9375 16.2422 7.39844 12.7109 10.0547 10.0547C12.7109 7.39844 16.2422 5.9375 20 5.9375ZM20 3.75C11.0234 3.75 3.75 11.0234 3.75 20C3.75 28.9766 11.0234 36.25 20 36.25C28.9766 36.25 36.25 28.9766 36.25 20C36.25 11.0234 28.9766 3.75 20 3.75Z"
fill="#828282"
data-micromodal-close
/>
</svg>
</div>
<div class="main">
<div class="person">
<div
style="width: 262px; height: 262px; background-image: url('./speakers/wayne.png'); background-size: 262px; border-radius: 50%;margin-bottom: 30px;"
></div>
<p class="speaker-category">Designing for Non-Tech</p>
<p class="speaker-name" id="modal-speaker">Wayne Yeang</p>
</div>
<div class="details">
<p>
Co-founder of the immersive entertainment company Tipsy
Tales, Wayne Yeang knows UX isn’t just a tool for tech. He
uses his extensive skill sets in market research and product
development to create unique experiences that allow people
to have unforgettable moments with the people they love.
Wayne has a background in engineering and years of
experience working with top companies across the globe with
the Boston Consulting Group.
</p>
</div>
</div>
</div>
</div>
</div>
<div id="modal-figma" aria-hidden="true" class="micromodal-slide">
<div tabindex="-1" class="modal__overlay" data-micromodal-close>
<div
role="dialog"
aria-modal="true"
aria-labelledby="modal-speaker"
class="modal__container"
>
<div class="close">
<span data-micromodal-close>Close window</span>
<svg
xmlns="http://www.w3.org/2000/svg"
width="40"
height="40"
viewBox="0 0 40 40"
fill="none"
data-micromodal-close
>
<path
d="M25.8828 24.1172L21.7656 20L25.8828 15.8828C26.3671 15.3985 26.3671 14.6016 25.8828 14.1172C25.3984 13.6328 24.6015 13.6328 24.1171 14.1172L19.9999 18.2344L15.8828 14.1172C15.3984 13.6328 14.664 13.5625 14.1171 14.1172C13.5624 14.6719 13.6484 15.4141 14.1171 15.8828L18.2343 20L14.1171 24.1172C13.5937 24.6406 13.6171 25.3906 14.1171 25.8828C14.6171 26.3828 15.3984 26.3672 15.8828 25.8828L19.9999 21.7656L24.1171 25.8828C24.6015 26.3672 25.3984 26.3672 25.8828 25.8828C26.3749 25.3985 26.3749 24.6016 25.8828 24.1172Z"
fill="#828282"
data-micromodal-close
/>
<path
d="M20 5.9375C23.7578 5.9375 27.2891 7.39844 29.9453 10.0547C32.6016 12.7109 34.0625 16.2422 34.0625 20C34.0625 23.7578 32.6016 27.2891 29.9453 29.9453C27.2891 32.6016 23.7578 34.0625 20 34.0625C16.2422 34.0625 12.7109 32.6016 10.0547 29.9453C7.39844 27.2891 5.9375 23.7578 5.9375 20C5.9375 16.2422 7.39844 12.7109 10.0547 10.0547C12.7109 7.39844 16.2422 5.9375 20 5.9375ZM20 3.75C11.0234 3.75 3.75 11.0234 3.75 20C3.75 28.9766 11.0234 36.25 20 36.25C28.9766 36.25 36.25 28.9766 36.25 20C36.25 11.0234 28.9766 3.75 20 3.75Z"
fill="#828282"
data-micromodal-close
/>
</svg>
</div>
<div class="main">
<div class="person">
<div
style="width: 262px; height: 262px; background-image: url('./speakers/chi.png'); background-size: 262px; border-radius: 50%;margin-bottom: 20px;"
></div>
<div
style="width: 262px; height: 262px; background-image: url('./speakers/anj.png'); background-size: 262px; border-radius: 50%;margin-bottom: 30px;"
></div>
<p class="speaker-category">Workshop</p>
<p class="speaker-name" id="modal-speaker">
Figma Philippines
</p>
</div>
<div class="details">
<p>
In our workshop, you’ll master the basics of FIGMA with
workshop leads from Figma Philippines. You’ll definitely be
in good hands with UX designer and front-end web developer
Chi Señires as well as design educator and product design
manager Anj Garong.
</p>
<p>
Chi Señires is a Lead Product Designer at Cignal TV and a
front-end web developer with over 4 years of experience in
the industry. Before graduating from Ateneo de Manila
University, she co-founded User Experience Society, the
first global Filipino student organization that advocates
and practices human-centered design in solving problems in
the community. She also spends her time freelancing and
volunteering in various creative communities like UXPH and
Figma PH.
</p>
<p>
Anj Garong a design practitioner and educator with
foundation in software engineering and years of practical
knowledge from developing web and mobile apps, designing
experiences, to managing teams at startups. She is immersed
both in the academe and recently, in design communities,
teaching Human-Centered Design at iACADEMY, and helping out
Figma PH and UXSEA. Today, she spends most of her time in
Sprout Solutions, a SaaS HR and Payroll technology startup,
where she functions as a Product Design Manager, and she
squeezes in workouts, movies, worship nights, and
binge-sleeping for self-care.
</p>
</div>
</div>
</div>
</div>
</div>
<div id="modal-principle" aria-hidden="true" class="micromodal-slide">
<div tabindex="-1" class="modal__overlay" data-micromodal-close>
<div role="dialog" aria-modal="true" aria-labelledby="modal-speaker" class="modal__container">
<div class="close">
<span data-micromodal-close>Close window</span>
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"
data-micromodal-close>
<path
d="M25.8828 24.1172L21.7656 20L25.8828 15.8828C26.3671 15.3985 26.3671 14.6016 25.8828 14.1172C25.3984 13.6328 24.6015 13.6328 24.1171 14.1172L19.9999 18.2344L15.8828 14.1172C15.3984 13.6328 14.664 13.5625 14.1171 14.1172C13.5624 14.6719 13.6484 15.4141 14.1171 15.8828L18.2343 20L14.1171 24.1172C13.5937 24.6406 13.6171 25.3906 14.1171 25.8828C14.6171 26.3828 15.3984 26.3672 15.8828 25.8828L19.9999 21.7656L24.1171 25.8828C24.6015 26.3672 25.3984 26.3672 25.8828 25.8828C26.3749 25.3985 26.3749 24.6016 25.8828 24.1172Z"
fill="#828282" data-micromodal-close />
<path
d="M20 5.9375C23.7578 5.9375 27.2891 7.39844 29.9453 10.0547C32.6016 12.7109 34.0625 16.2422 34.0625 20C34.0625 23.7578 32.6016 27.2891 29.9453 29.9453C27.2891 32.6016 23.7578 34.0625 20 34.0625C16.2422 34.0625 12.7109 32.6016 10.0547 29.9453C7.39844 27.2891 5.9375 23.7578 5.9375 20C5.9375 16.2422 7.39844 12.7109 10.0547 10.0547C12.7109 7.39844 16.2422 5.9375 20 5.9375ZM20 3.75C11.0234 3.75 3.75 11.0234 3.75 20C3.75 28.9766 11.0234 36.25 20 36.25C28.9766 36.25 36.25 28.9766 36.25 20C36.25 11.0234 28.9766 3.75 20 3.75Z"
fill="#828282" data-micromodal-close />
</svg>
</div>
<div class="main">
<div class="person">
<div
style="width: 262px; height: 262px; background-image: url('./speakers/jolo.png'); background-size: 262px; border-radius: 50%;margin-bottom: 20px;">
</div>
<p class="speaker-category">Workshop</p>
<p class="speaker-name" id="modal-speaker">
Principle Prototyping
</p>
</div>
<div class="details">
<p>
In our workshop, you’ll master the basics of interactive prototyping using Principle. You’ll definitely be
in good hands with Make Technology's "Prince of Principle", Jolo Desiderio.
</p>
<p>
Jolo Desiderio is a BFA Industrial and Product Design graduate from the University of the Philippines. Currently he is a User Experience Designer in Make Technology Incorporated.
</p>
<p>
Before his current role, he worked as a Product Designer for Maria Health making online products to meet business needs and user goals. He also worked part-time as a graphic designer for COL Financial Group.
</p>
</div>
</div>
</div>
</div>
</div>
<div id="modal-liao" aria-hidden="true" class="micromodal-slide">
<div tabindex="-1" class="modal__overlay" data-micromodal-close>
<div
role="dialog"
aria-modal="true"
aria-labelledby="modal-speaker"
class="modal__container"
>
<div class="close">
<span data-micromodal-close>Close window</span>
<svg
xmlns="http://www.w3.org/2000/svg"
width="40"
height="40"
viewBox="0 0 40 40"
fill="none"
data-micromodal-close
>
<path
d="M25.8828 24.1172L21.7656 20L25.8828 15.8828C26.3671 15.3985 26.3671 14.6016 25.8828 14.1172C25.3984 13.6328 24.6015 13.6328 24.1171 14.1172L19.9999 18.2344L15.8828 14.1172C15.3984 13.6328 14.664 13.5625 14.1171 14.1172C13.5624 14.6719 13.6484 15.4141 14.1171 15.8828L18.2343 20L14.1171 24.1172C13.5937 24.6406 13.6171 25.3906 14.1171 25.8828C14.6171 26.3828 15.3984 26.3672 15.8828 25.8828L19.9999 21.7656L24.1171 25.8828C24.6015 26.3672 25.3984 26.3672 25.8828 25.8828C26.3749 25.3985 26.3749 24.6016 25.8828 24.1172Z"
fill="#828282"
data-micromodal-close
/>
<path
d="M20 5.9375C23.7578 5.9375 27.2891 7.39844 29.9453 10.0547C32.6016 12.7109 34.0625 16.2422 34.0625 20C34.0625 23.7578 32.6016 27.2891 29.9453 29.9453C27.2891 32.6016 23.7578 34.0625 20 34.0625C16.2422 34.0625 12.7109 32.6016 10.0547 29.9453C7.39844 27.2891 5.9375 23.7578 5.9375 20C5.9375 16.2422 7.39844 12.7109 10.0547 10.0547C12.7109 7.39844 16.2422 5.9375 20 5.9375ZM20 3.75C11.0234 3.75 3.75 11.0234 3.75 20C3.75 28.9766 11.0234 36.25 20 36.25C28.9766 36.25 36.25 28.9766 36.25 20C36.25 11.0234 28.9766 3.75 20 3.75Z"
fill="#828282"
data-micromodal-close
/>
</svg>
</div>
<div class="main">
<div class="person">
<div
style="width: 262px; height: 262px; background-image: url('./speakers/errol.png'); background-size: 262px;; border-radius: 50%;margin-bottom: 30px;"
></div>
<p class="speaker-category">Designing for Non-Tech</p>
<p class="speaker-name" id="modal-speaker">Errol Magdato</p>
</div>
<div class="details">
<p>
Errol Magdato is a seasoned Marketing professional with 15
years of experience in the field of Brand Management. He has
worked passionately on growing the KFC brand in the
Philippines and has been instrumental in delivering
continuous sales growth for the past 15 years.
</p>
<p>
He is also an accomplished entrepreneur, opening his own
business, Mystery Manila, the pioneer live role-playing game
concept in the country. It has been featured in various TV
programs, print publications and blogs, and now has 4
branches in the country and counting.
</p>
<p>
With the success of Mystery Manila, the company has branched
out into a full-fledged agency specializing in unique
engagement activities (from consumer activations, brand
launches and corporate team-buildings) for various brands
and clients.
</p>
</div>
</div>
</div>
</div>
</div>
<!-- end modals -->
<div class="container">
<h2>UX&Chill 2019 Speakers</h2>
<div class="speaker-collection">
<div class="speaker-card">
<div
style="width: 140px;height: 140px; background-image: url('./speakers/ely.png'); background-size: 140px; border-radius: 50%;margin: 0 auto;margin-bottom:32px;"
></div>
<span class="speaker-category">
Keynote Speaker
</span>
<h3 class="speaker-name">Ely Apao</h3>
<p class="speaker-description">
Ely Apao is a UX professional past and present. He previously
worked as a Product Development Manager in OLX and US Auto
Parts. Now, he is a Customer Experience Manager at one of the
largest Philippine conglomerates, JG Summit Holdings.
</p>
<button
class="speaker-learn"
data-micromodal-trigger="modal-apao"
>
Learn More
</button>
</div>
<div class="speaker-card">
<div
style="width: 140px;height: 140px; background-image: url('./speakers/oliver.jpg'); background-size: 140px; border-radius: 50%;margin: 0 auto;margin-bottom:32px;"
></div>
<span class="speaker-category">
Designing for tech
</span>
<h3 class="speaker-name">Oliver Bayani</h3>
<p class="speaker-description">
Oliver Bayani oversees User Research and UX writing at Home
Credit Philippines where he designs digital products used by
over 4 million Filipinos. He was also a journalist for 8 years,
writing about the most creative people in advertising for
Marketing Magazine Philippines and Adobo Magazine.
</p>
<button
class="speaker-learn"
data-micromodal-trigger="modal-baterna"
>
Learn More
</button>
</div>
<div class="speaker-card">
<div
style="width: 140px;height: 140px; background-image: url('./speakers/wayne.png'); background-size: 140px; border-radius: 50%;margin: 0 auto;margin-bottom:32px;"
></div>
<span class="speaker-category">
Designing for Non-Tech
</span>
<h3 class="speaker-name">Wayne Yeang</h3>
<p class="speaker-description">
Co-founder of the immersive entertainment company Tipsy Tales,
Wayne Yeang knows UX isn’t just a tool for tech. He uses his
extensive skill sets in market research and product development
to create unique experiences that allow people to have
unforgettable moments with their loved ones.
</p>
<button
class="speaker-learn"
data-micromodal-trigger="modal-ibasco"
>
Learn More
</button>
</div>
<div class="speaker-card">
<div
style="width: 140px;height: 140px;background-image: url('./speakers/errol.png'); background-size: 140px;border-radius: 50%;margin: 0 auto;margin-bottom:32px;"
></div>
<span class="speaker-category">
Designing for Non-Tech
</span>
<h3 class="speaker-name">Errol Magdato</h3>
<p class="speaker-description">
Errol Magdato is a seasoned Marketing professional with 15 years
of experience in the field of Brand Management. He is an
accomplished entrepreneur, opening his own business, Mystery
Manila, the pioneerlive role-playing game concept in the
country.
</p>
<button
class="speaker-learn"
data-micromodal-trigger="modal-liao"
>
Learn More
</button>
</div>
<div class="speaker-card">
<div
style="width: 140px;height: 140px; background-image: url('./speakers/figma.png'); background-size: 140px; border-radius: 50%;margin: 0 auto;margin-bottom:32px;"
></div>
<span class="speaker-category">
Workshop
</span>
<h3 class="speaker-name">Figma Philippines</h3>
<p class="speaker-description">
If you’re a digital product designer, then you’re probably
already familiar with Figma, a collaborative interface design
tool. Figma Philippines is a community-led organization that
share the value of Figma to the Filipino design community.
</p>
<button
class="speaker-learn"
data-micromodal-trigger="modal-figma"
>
Learn More
</button>
</div>
<div class="speaker-card">
<div
style="width: 140px;height: 140px; background-image: url('./speakers/principle.png'); background-size: 140px; border-radius: 50%;margin: 0 auto;margin-bottom:32px;"
></div>
<span class="speaker-category">
Workshop
</span>
<h3 class="speaker-name">Principle Prototyping</h3>
<p class="speaker-description">
Principle makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a
multi-screen app, or new interactions and animations, Principle helps you create designs that look and feel amazing.
</p>
<button
class="speaker-learn"
data-micromodal-trigger="modal-principle"
>
Learn More
</button>
</div>
<div class="speaker-width"></div>
</div>
</div>
</section>
<section class="closing">
<div class="message">
<div class="message_top"><p>
UX&Chill is an event open to all, including non-Ateneans and professionals.
</p></div>
<div class="closing_container">
<div class="closing_map">
<div class="mapouter"><div class="gmap_canvas"><iframe width="520" height="280" id="gmap_canvas" src="https://maps.google.com/maps?q=arete&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe></div></div></div>
<div class="closing_details">
<div class="closing_details-icons">
<span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.53846 1.16667H3.07692V2.04167C3.07692 2.20208 3.21538 2.33333 3.38461 2.33333H4C4.16923 2.33333 4.30769 2.20208 4.30769 2.04167V1.16667H11.6923V2.04167C11.6923 2.20208 11.8308 2.33333 12 2.33333H12.6154C12.7846 2.33333 12.9231 2.20208 12.9231 2.04167V1.16667H14.4615C15.3077 1.16667 16 1.82292 16 2.625V12.5417C16 13.3438 15.3077 14 14.4615 14H1.53846C0.692307 14 0 13.3438 0 12.5417V2.625C0 1.82292 0.692307 1.16667 1.53846 1.16667ZM1.23077 12.1042C1.23077 12.5052 1.57692 12.8333 2 12.8333H14C14.4231 12.8333 14.7692 12.5052 14.7692 12.1042V5.54167C14.7692 5.38125 14.6308 5.25 14.4615 5.25H1.53846C1.36923 5.25 1.23077 5.38125 1.23077 5.54167V12.1042ZM11.6923 0.291667C11.6923 0.13125 11.8308 0 12 0H12.6154C12.7846 0 12.9231 0.13125 12.9231 0.291667V1.16667H11.6923V0.291667ZM3.07692 0.291667C3.07692 0.13125 3.21538 0 3.38461 0H4C4.16923 0 4.30769 0.13125 4.30769 0.291667V1.16667H3.07692V0.291667Z" fill="white"/>
</svg></span>
<span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.5 0C3.35697 0 0 3.35697 0 7.5C0 11.643 3.35697 15 7.5 15C11.643 15 15 11.643 15 7.5C15 3.35697 11.643 0 7.5 0ZM8.00481 8.14904C8.00481 8.42668 7.77764 8.65385 7.5 8.65385H4.03846C3.76082 8.65385 3.53365 8.42668 3.53365 8.14904C3.53365 7.87139 3.76082 7.64423 4.03846 7.64423H6.99519V2.88462C6.99519 2.60697 7.22236 2.37981 7.5 2.37981C7.77764 2.37981 8.00481 2.60697 8.00481 2.88462V8.14904Z" fill="white"/>
</svg></span>
<span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.6645 1.59476C13.4994 1.36928 13.0364 1.25108 12.6172 1.19505C11.5707 1.06014 9.81251 0.982409 6.65617 1.88152C3.41005 2.8062 2.05047 3.73475 1.22473 4.4403C0.856029 4.7581 0.511963 5.10994 0.494476 5.37621C0.473011 5.68095 0.67258 5.8966 0.850468 6.08855L0.931773 6.17738C1.10177 6.36785 1.50314 6.49242 1.85485 6.42956L10.2169 15.0892C10.2701 15.1449 10.3544 15.1657 10.4304 15.1441C10.5064 15.1224 10.5671 15.0603 10.5829 14.9849L13.123 3.24585C13.3105 3.17005 13.6914 2.98688 13.7801 2.52489C13.839 2.22067 13.8714 1.8755 13.6645 1.59476ZM5.58805 8.10599C5.58103 8.23864 5.55281 8.36239 5.50536 8.48416C5.46582 8.58128 5.34201 8.60535 5.26809 8.52935C4.80093 8.04278 4.35201 7.58088 3.95433 7.16784C3.88041 7.09184 3.91455 6.96267 4.01372 6.93069L4.04825 6.92085C4.17602 6.88446 4.30624 6.86976 4.44138 6.87232C4.76591 6.8844 5.06221 7.02023 5.2815 7.25265C5.49387 7.48705 5.60558 7.78744 5.58805 8.10599ZM10.5735 10.3253C10.5597 10.3815 10.5167 10.4273 10.4595 10.4362C9.85475 10.5413 9.26122 10.1877 9.09402 9.60079C8.91502 8.97241 9.29437 8.3119 9.94014 8.12794C10.282 8.03056 10.6356 8.07915 10.922 8.25886C10.9718 8.28947 10.9974 8.3531 10.9835 8.40931L10.5735 10.3253ZM10.0503 3.87479C9.89375 4.07242 9.68401 4.21428 9.43883 4.28413C9.38357 4.29987 9.32388 4.31314 9.26666 4.32197C8.95442 4.36612 8.64771 4.28551 8.40126 4.10189C8.30662 4.03179 8.22285 3.94741 8.15979 3.85712C8.0987 3.77373 8.14714 3.65542 8.2458 3.63478C8.88759 3.48929 9.49334 3.38766 10.0788 3.33286C10.1918 3.32308 10.2746 3.43015 10.238 3.53762C10.1964 3.65397 10.1322 3.76932 10.0503 3.87479Z" fill="white"/>
</svg></span>
<span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.5 0C2.46354 0 0 2.30385 0 5.14231C0 9.14231 5.5 16 5.5 16C5.5 16 11 9.14231 11 5.14231C11 2.30385 8.53646 0 5.5 0ZM5.5 7.34231C4.51076 7.34231 3.70868 6.53462 3.70868 5.53846C3.70868 4.54231 4.51076 3.73462 5.5 3.73462C6.48924 3.73462 7.29132 4.54231 7.29132 5.53846C7.29132 6.53462 6.48924 7.34231 5.5 7.34231Z" fill="white"/>
</svg>
</span>
</div>
<div class="closing_details-text">
<span>November 16, 2019</span>
<span>9:00 am - 5:00 pm</span>
<span>Lunch will be provided</span>
<span>The Loft, Innovation Wing,<br>Arete, Ateneo de Manila University </span>
</div>
</div>
</div>
<img src="./footerleft.png" alt="" class="img-closing img-left" />
<img src="./footerright.png" alt="" class="img-closing img-right" />
</div>
<footer>
<!-- logo -->
<div class="left">
<a href="/">
<svg
xmlns="http://www.w3.org/2000/svg"
width="202"
height="48"
viewBox="0 0 202 48"
fill="none"
>
<path
d="M24.0625 9.5625V28.293C24.0625 31.4049 23.0859 33.8659 21.1328 35.6758C19.1927 37.4857 16.5365 38.3906 13.1641 38.3906C9.84375 38.3906 7.20703 37.5117 5.25391 35.7539C3.30078 33.9961 2.30469 31.5807 2.26562 28.5078V9.5625H8.125V28.332C8.125 30.194 8.56771 31.5547 9.45312 32.4141C10.3516 33.2604 11.5885 33.6836 13.1641 33.6836C16.4583 33.6836 18.1315 31.9518 18.1836 28.4883V9.5625H24.0625ZM41.043 19.3672L46.375 9.5625H53.1133L44.832 23.6641L53.3281 38H46.5117L41.043 28.0391L35.5742 38H28.7578L37.2539 23.6641L28.9727 9.5625H35.7109L41.043 19.3672Z"
fill="#4F4F4F"
/>
<path
d="M77.2 27L75.35 25.1C74.6167 25.7667 73.7917 26.2833 72.875 26.65C71.975 27.0167 71.025 27.2 70.025 27.2C68.8417 27.2 67.7917 27 66.875 26.6C65.9583 26.1833 65.2417 25.6167 64.725 24.9C64.225 24.1667 63.975 23.325 63.975 22.375C63.975 21.325 64.2667 20.3833 64.85 19.55C65.45 18.7167 66.4 17.9333 67.7 17.2C67.05 16.4833 66.575 15.825 66.275 15.225C65.9917 14.625 65.85 14 65.85 13.35C65.85 12.1 66.2917 11.1 67.175 10.35C68.075 9.58333 69.2417 9.2 70.675 9.2C72.0083 9.2 73.0667 9.55 73.85 10.25C74.65 10.9333 75.05 11.8583 75.05 13.025C75.05 13.925 74.7917 14.7333 74.275 15.45C73.7583 16.15 72.9083 16.8583 71.725 17.575L75.2 21.125C75.8833 19.775 76.2583 18.2 76.325 16.4H78.925C78.825 18.9667 78.2 21.175 77.05 23.025L80.925 27H77.2ZM70.7 11.35C70.0833 11.35 69.5917 11.5333 69.225 11.9C68.8583 12.25 68.675 12.725 68.675 13.325C68.675 13.725 68.775 14.1083 68.975 14.475C69.175 14.8417 69.5583 15.325 70.125 15.925C71.0083 15.425 71.625 14.9667 71.975 14.55C72.325 14.1167 72.5 13.65 72.5 13.15C72.5 12.6 72.3333 12.1667 72 11.85C71.6667 11.5167 71.2333 11.35 70.7 11.35ZM70.125 24.775C71.4417 24.775 72.6083 24.2917 73.625 23.325L69.325 18.875C68.5083 19.375 67.9167 19.8917 67.55 20.425C67.2 20.9417 67.025 21.5417 67.025 22.225C67.025 23.0083 67.3 23.6333 67.85 24.1C68.4167 24.55 69.175 24.775 70.125 24.775ZM90.9666 27.2C89.2999 27.2 87.8499 26.8417 86.6166 26.125C85.3833 25.3917 84.4333 24.35 83.7666 23C83.1166 21.6333 82.7916 20.025 82.7916 18.175C82.7916 16.325 83.1166 14.725 83.7666 13.375C84.4333 12.025 85.3833 10.9917 86.6166 10.275C87.8499 9.54167 89.2999 9.175 90.9666 9.175C92.1833 9.175 93.2999 9.36667 94.3166 9.75C95.3333 10.1167 96.2166 10.6667 96.9666 11.4L96.1916 12.975C95.3416 12.2583 94.5083 11.7417 93.6916 11.425C92.8749 11.1083 91.9749 10.95 90.9916 10.95C89.0583 10.95 87.5583 11.5833 86.4916 12.85C85.4416 14.1 84.9166 15.875 84.9166 18.175C84.9166 20.4917 85.4416 22.2833 86.4916 23.55C87.5583 24.8 89.0583 25.425 90.9916 25.425C91.9749 25.425 92.8749 25.2667 93.6916 24.95C94.5083 24.6333 95.3416 24.1167 96.1916 23.4L96.9666 24.975C96.2166 25.7083 95.3333 26.2667 94.3166 26.65C93.2999 27.0167 92.1833 27.2 90.9666 27.2ZM116.211 9.375V27H114.186V18.925H103.636V27H101.611V9.375H103.636V17.175H114.186V9.375H116.211ZM121.806 9.375H123.856V27H121.806V9.375ZM129.452 9.375H131.502V25.25H140.327V27H129.452V9.375ZM144.203 9.375H146.253V25.25H155.078V27H144.203V9.375Z"
fill="#4F4F4F"
/>
<rect x="63" y="34" width="93" height="4" fill="#4ECCA8" />
</svg>
</a>
<p>For more updates, follow us on Facebook:</p>
<a href="https://www.facebook.com/UXSoc/"
target="_blank" rel="noopener noreferrer"
>User Experience Society</a
>
</div>
<div class="right">
<p>Brought to you by:</p>
<div class="logos">
<a href="https://www.uxsociety.org/" target="_blank" rel="noopener noreferrer">
<svg xmlns="http://www.w3.org/2000/svg" width="126" height="50" viewBox="0 0 126 50" fill="none">
<path
d="M39.145 2.96948H12.0866C7.10327 2.96948 3.06589 7.02348 3.06589 12.024V37.3083C3.06589 42.31 7.10327 46.364 12.0866 46.364H39.145C44.1267 46.364 48.1654 42.31 48.1654 37.3083V12.024C48.1654 7.02348 44.1267 2.96948 39.145 2.96948Z"
fill="#1D8FCE" />
<path
d="M25.5225 23.5378C25.5225 23.5378 23.6866 22.9415 23.6866 21.8773V18.9975C23.6866 12.7976 19.8891 11.6046 17.2281 11.4493C16.9428 11.423 16.7356 11.6046 16.7117 11.8901C16.6589 12.6681 16.6328 13.2905 16.581 14.0955C16.581 14.3031 16.763 14.536 16.9429 14.5883C18.7524 15.0555 19.7862 16.4561 19.7862 18.9975C19.7862 20.8141 19.7862 21.074 19.7862 21.3581C19.7862 23.4083 21.982 24.6788 21.982 24.6788V24.783C21.3105 25.0678 19.7862 26.0285 19.7862 27.8963C19.7862 28.259 19.7862 28.6486 19.7862 30.3348C19.7862 32.8778 18.7524 34.2781 16.9429 34.7456C16.763 34.7961 16.581 35.0308 16.581 35.2388C16.6073 36.146 16.6073 36.664 16.7117 37.4423C16.7357 37.7025 16.9685 37.9098 17.2281 37.8846C19.8891 37.7286 23.6866 36.535 23.6866 30.3348V27.6366C23.6866 26.469 24.85 26.1056 25.4712 25.9758C25.6771 25.9495 25.8584 25.716 25.8584 25.5093V24.0051C25.8584 23.7968 25.6771 23.5888 25.5225 23.5378Z"
fill="white" />
<path
d="M36.3884 34.7454C34.5779 34.2779 33.5442 32.8776 33.5442 30.3346C33.5442 28.6484 33.5442 28.2587 33.5442 27.8961C33.5442 26.0282 32.0192 25.0676 31.3487 24.7827V24.6786C31.3487 24.6786 33.5442 23.4081 33.5442 21.3579C33.5442 21.0737 33.5442 20.8139 33.5442 18.9972C33.5442 16.4559 34.5779 15.0552 36.3884 14.5881C36.5684 14.5357 36.7494 14.3029 36.7494 14.0952C36.6969 13.2902 36.6705 12.6679 36.62 11.8899C36.5938 11.6044 36.3884 11.4227 36.1022 11.4491C33.4413 11.6044 29.6438 12.7974 29.6438 18.9972V21.8771C29.6438 22.9412 27.8078 23.5376 27.8078 23.5376C27.6531 23.5887 27.471 23.7967 27.471 24.0051V25.5092C27.471 25.7159 27.6533 25.9494 27.8595 25.9757C28.4804 26.1056 29.6438 26.4689 29.6438 27.6366V30.3346C29.6438 36.5347 33.4413 37.7284 36.1022 37.8844C36.3622 37.9094 36.5938 37.7021 36.62 37.4421C36.7235 36.6637 36.7235 36.1459 36.7494 35.2386C36.7494 35.0306 36.5684 34.7957 36.3884 34.7454Z"
fill="white" />
<path
d="M17.1506 18.6148C17.1506 18.4354 16.9891 18.2729 16.8104 18.2729H14.6043C14.4053 18.2729 14.262 18.4354 14.262 18.6148V25.9098C14.262 27.1704 13.3116 28.1783 12.0192 28.1783C10.7466 28.1783 9.81208 27.1704 9.81208 25.9098V18.6148C9.81208 18.4354 9.66948 18.2729 9.47292 18.2729H7.26547C7.08651 18.2729 6.92465 18.4354 6.92465 18.6148V26.0533C6.92465 28.7913 9.20216 31.0598 12.019 31.0598C14.8545 31.0598 17.1504 28.7913 17.1504 26.0533V18.6148H17.1506Z"
fill="white" />
<path
d="M40.9712 23.2965C39.5355 22.7128 38.9893 22.2015 38.9893 21.5253C38.9893 21.0325 39.4786 20.594 40.1345 20.594C41.2438 20.594 42.5732 21.5988 42.7365 21.6903C42.8992 21.8176 43.2271 21.6531 43.3554 21.4526L44.2834 20.0455C44.3551 19.9185 44.392 19.5895 44.1729 19.4615C43.6275 19.0601 42.1723 18.0913 40.2797 18.0913C37.4786 18.0913 36.0777 19.9185 36.0777 21.7261C36.0777 23.9171 38.0429 25.1415 39.6071 25.763C40.844 26.2555 41.4805 26.8398 41.4805 27.6073C41.4805 28.2463 40.9532 28.7033 40.226 28.7033C39.0259 28.7033 37.7157 27.7348 37.643 27.6985C37.5147 27.6073 37.169 27.5701 37.0231 27.8078L36.1681 29.3235C36.0232 29.5803 36.0777 29.6533 36.2599 29.8355C36.6785 30.2566 37.9885 31.2418 40.3534 31.2418C43.0269 31.2418 44.6458 29.3426 44.6458 27.4615C44.6458 24.9778 42.3911 23.863 40.9712 23.2965Z"
fill="white" />
<path
d="M59.7888 8.50535C59.7888 8.39969 59.6939 8.30469 59.5885 8.30469H58.5897C58.475 8.30469 58.391 8.39969 58.391 8.50535V12.8327C58.391 13.7194 57.7698 14.4269 56.8551 14.4269C55.9417 14.4269 55.3311 13.7194 55.3311 12.8222V8.50535C55.3311 8.39969 55.2468 8.30469 55.1311 8.30469H54.1324C54.0269 8.30469 53.932 8.39969 53.932 8.50535V12.8962C53.932 14.5004 55.2056 15.7985 56.8549 15.7985C58.516 15.7985 59.7887 14.5004 59.7887 12.8962V8.50535H59.7888Z"
fill="#80848A" />
<path
d="M63.6056 14.5854C62.9223 14.5854 62.0705 13.9626 62.0179 13.9307C61.9236 13.8562 61.7451 13.8562 61.661 14.0037L61.2823 14.6587C61.1877 14.8276 61.2401 14.8809 61.3351 14.9754C61.5446 15.1761 62.3233 15.7984 63.6478 15.7984C65.1309 15.7984 66.0644 14.7954 66.0644 13.7082C66.0644 12.3471 64.8874 11.7346 63.8677 11.3231C63.0169 10.9754 62.6276 10.6372 62.6276 10.1411C62.6276 9.80289 62.953 9.40239 63.5538 9.40239C64.131 9.40239 64.9309 9.93005 65.0142 9.98289C65.1404 10.0669 65.2983 9.98289 65.3826 9.85605L65.7824 9.25489C65.8551 9.14872 65.8245 8.96889 65.7191 8.90605C65.5088 8.74772 64.6887 8.19922 63.6161 8.19922C61.9445 8.19922 61.2509 9.28605 61.2509 10.2254C61.2509 11.4709 62.2392 12.1044 63.2279 12.5049C64.1105 12.8642 64.5625 13.2334 64.5625 13.7721C64.5625 14.2261 64.153 14.5854 63.6056 14.5854Z"
fill="#80848A" />
<path
d="M67.7273 15.6934H72.0073C72.1217 15.6934 72.206 15.5984 72.206 15.4925V14.6265C72.206 14.5214 72.1217 14.4269 72.0073 14.4269H68.8949V12.579H71.4905C71.5969 12.579 71.6912 12.4947 71.6912 12.3789V11.5029C71.6912 11.3965 71.5969 11.302 71.4905 11.302H68.8949V9.57102H72.0073C72.1217 9.57102 72.206 9.47652 72.206 9.37085V8.50535C72.206 8.39969 72.1217 8.30469 72.0073 8.30469H67.7273C67.6129 8.30469 67.5273 8.39969 67.5273 8.50535V15.4925C67.5273 15.5982 67.6129 15.6934 67.7273 15.6934Z"
fill="#80848A" />
<path
d="M79.209 15.3869L77.769 12.7054C78.6827 12.3365 79.325 11.5455 79.325 10.5739C79.325 9.31802 78.2929 8.30469 77.0324 8.30469H74.0262C73.9104 8.30469 73.8261 8.39969 73.8261 8.50535V15.4925C73.8261 15.5984 73.9104 15.6934 74.0262 15.6934H74.9933C75.0987 15.6934 75.1924 15.5984 75.1924 15.4925V12.8009H76.3596L77.7587 15.5982C77.7788 15.6399 77.8323 15.6932 77.9261 15.6932H79.0314C79.209 15.6934 79.2817 15.5244 79.209 15.3869ZM76.9164 11.6714H75.203V9.57102H76.9162C77.4732 9.57102 77.9573 10.0359 77.9573 10.5952C77.9574 11.1857 77.4734 11.6714 76.9164 11.6714Z"
fill="#80848A" />
<path
d="M58.5162 20.9722H54.2387C54.1217 20.9722 54.0384 21.0672 54.0384 21.1727V28.1597C54.0384 28.2658 54.1217 28.3605 54.2387 28.3605H58.5162C58.6322 28.3605 58.7159 28.2658 58.7159 28.1597V27.2945C58.7159 27.1887 58.6322 27.094 58.5162 27.094H55.4048V25.247H58.0004C58.1068 25.247 58.2004 25.1623 58.2004 25.0462V24.1698C58.2004 24.0643 58.1068 23.9697 58.0004 23.9697H55.4048V22.2395H58.5162C58.6322 22.2395 58.7159 22.1438 58.7159 22.0387V21.1728C58.7159 21.0672 58.6322 20.9722 58.5162 20.9722Z"
fill="#80848A" />
<path
d="M59.778 21.2673L61.8821 24.5713L59.6947 28.0648C59.6104 28.2015 59.6947 28.3603 59.8831 28.3603H61.0193C61.1033 28.3603 61.1666 28.3073 61.1983 28.2657L62.6801 25.848H62.7118L64.2152 28.2657C64.2373 28.3073 64.3108 28.3603 64.3938 28.3603H65.5296C65.7083 28.3603 65.7916 28.2125 65.7083 28.0648L63.5226 24.5713L65.6347 21.2673C65.7191 21.1307 65.6347 20.9722 65.4571 20.9722H64.2373C64.1529 20.9722 64.0897 21.0245 64.0686 21.0672L62.7022 23.3048H62.6909L61.3457 21.0672C61.314 21.0245 61.2617 20.9722 61.1773 20.9722H59.9575C59.778 20.9722 59.6947 21.1307 59.778 21.2673Z"
fill="#80848A" />
<path
d="M68.4634 28.1597V25.6795H69.7779C71.06 25.6795 72.1218 24.6137 72.1218 23.3048C72.1218 22.0278 71.06 20.9722 69.7674 20.9722H67.297C67.181 20.9722 67.0966 21.0672 67.0966 21.1727V28.1597C67.0966 28.2658 67.181 28.3605 67.297 28.3605H68.2642C68.3693 28.3605 68.4634 28.2658 68.4634 28.1597ZM68.4634 22.2697H69.6833C70.2718 22.2697 70.7662 22.7137 70.7662 23.2943C70.7662 23.9167 70.2716 24.3917 69.6833 24.3917H68.4634V22.2697Z"
fill="#80848A" />
<path
d="M77.9162 20.9722H73.6377C73.5223 20.9722 73.438 21.0672 73.438 21.1727V28.1597C73.438 28.2658 73.5223 28.3605 73.6377 28.3605H77.9162C78.0323 28.3605 78.1153 28.2658 78.1153 28.1597V27.2945C78.1153 27.1887 78.0323 27.094 77.9162 27.094H74.8029V25.247H77.4006C77.506 25.247 77.6003 25.1623 77.6003 25.0462V24.1698C77.6003 24.0643 77.506 23.9697 77.4006 23.9697H74.8029V22.2395H77.9162C78.0323 22.2395 78.1153 22.1438 78.1153 22.0387V21.1728C78.1153 21.0672 78.0323 20.9722 77.9162 20.9722Z"
fill="#80848A" />
<path
d="M85.1183 28.0545L83.6773 25.3735C84.593 25.0037 85.235 24.2127 85.235 23.2417C85.235 21.9858 84.2032 20.9722 82.9425 20.9722H79.9352C79.8195 20.9722 79.7352 21.0672 79.7352 21.1727V28.1597C79.7352 28.2658 79.8195 28.3605 79.9352 28.3605H80.9024C81.0078 28.3605 81.1025 28.2658 81.1025 28.1597V25.4683H82.2687L83.6675 28.2658C83.6889 28.3075 83.7414 28.3605 83.8348 28.3605H84.9405C85.1183 28.3605 85.1908 28.1918 85.1183 28.0545ZM82.8268 24.3383H81.1129V22.2393H82.8268C83.3836 22.2393 83.8677 22.7035 83.8677 23.2628C83.8677 23.8547 83.3836 24.3383 82.8268 24.3383Z"
fill="#80848A" />
<path
d="M87.054 28.3605H88.0317C88.1357 28.3605 88.232 28.2658 88.232 28.1597V21.1727C88.232 21.0672 88.1357 20.9722 88.0317 20.9722H87.054C86.9486 20.9722 86.854 21.0672 86.854 21.1727V28.1597C86.854 28.2658 86.9486 28.3605 87.054 28.3605Z"
fill="#80848A" />
<path
d="M90.4612 28.3606H94.739C94.856 28.3606 94.939 28.2659 94.939 28.1597V27.2946C94.939 27.1887 94.856 27.0941 94.739 27.0941H91.6263V25.2471H94.2243C94.3284 25.2471 94.4231 25.1624 94.4231 25.0462V24.1699C94.4231 24.0644 94.3284 23.9697 94.2243 23.9697H91.6263V22.2396H94.739C94.856 22.2396 94.939 22.1439 94.939 22.0387V21.1729C94.939 21.0674 94.856 20.9724 94.739 20.9724H90.4612C90.3442 20.9724 90.2612 21.0674 90.2612 21.1729V28.1599C90.2612 28.2659 90.3442 28.3606 90.4612 28.3606Z"
fill="#80848A" />
<path
d="M102.572 20.9723H101.605C101.49 20.9723 101.405 21.0673 101.405 21.1728V25.5321H101.395L97.0218 20.8665H96.7585C96.6544 20.8665 96.5588 20.9511 96.5588 21.057V28.1598C96.5588 28.266 96.6544 28.3606 96.7585 28.3606H97.7154C97.8314 28.3606 97.9145 28.266 97.9145 28.1598V23.6216H97.9257L102.321 28.4653H102.572C102.678 28.4653 102.772 28.3816 102.772 28.2761V21.1726C102.772 21.0673 102.677 20.9723 102.572 20.9723Z"
fill="#80848A" />
<path
d="M109.975 26.4817C109.912 26.4179 109.796 26.4079 109.712 26.4817C109.27 26.8407 108.734 27.0832 108.105 27.0832C106.758 27.0832 105.749 25.965 105.749 24.646C105.749 23.3157 106.747 22.186 108.093 22.186C108.681 22.186 109.27 22.4187 109.712 22.8087C109.796 22.894 109.901 22.894 109.975 22.8087L110.616 22.1437C110.7 22.0597 110.7 21.9327 110.606 21.8487C109.891 21.2045 109.123 20.8662 108.062 20.8662C105.959 20.8662 104.266 22.566 104.266 24.6764C104.266 26.787 105.959 28.465 108.062 28.465C108.997 28.465 109.901 28.1382 110.616 27.4419C110.691 27.368 110.711 27.2302 110.626 27.1574L109.975 26.4817Z"
fill="#80848A" />
<path
d="M116.589 22.2396C116.705 22.2396 116.788 22.1439 116.788 22.0387V21.1729C116.788 21.0674 116.705 20.9724 116.589 20.9724H112.311C112.196 20.9724 112.111 21.0674 112.111 21.1729V28.1599C112.111 28.2661 112.196 28.3607 112.311 28.3607H116.589C116.705 28.3607 116.788 28.2661 116.788 28.1599V27.2947C116.788 27.1889 116.705 27.0942 116.589 27.0942H113.477V25.2472H116.073C116.179 25.2472 116.274 25.1626 116.274 25.0464V24.1701C116.274 24.0646 116.179 23.9699 116.073 23.9699H113.477V22.2397H116.589V22.2396Z"
fill="#80848A" />
<path
d="M56.1921 36.6583C55.3406 36.3093 54.9521 35.9718 54.9521 35.476C54.9521 35.1392 55.2787 34.737 55.8771 34.737C56.4549 34.737 57.2539 35.265 57.3395 35.317C57.4657 35.402 57.6226 35.317 57.7079 35.191L58.1067 34.5898C58.1795 34.4843 58.1488 34.3043 58.0437 34.2412C57.8321 34.0823 57.013 33.5342 55.9417 33.5342C54.2693 33.5342 53.5754 34.621 53.5754 35.5602C53.5754 36.806 54.5637 37.439 55.5509 37.8402C56.4351 38.1992 56.8868 38.569 56.8868 39.1062C56.8868 39.5612 56.4763 39.9197 55.9299 39.9197C55.2468 39.9197 54.3953 39.2967 54.3427 39.265C54.2477 39.1912 54.0688 39.1912 53.9845 39.3392L53.6061 39.9935C53.5122 40.1618 53.5649 40.2148 53.6592 40.3095C53.8691 40.51 54.6478 41.1333 55.9731 41.1333C57.4542 41.1333 58.3909 40.1307 58.3909 39.0432C58.391 37.6815 57.213 37.0695 56.1921 36.6583Z"
fill="#80848A" />
<path
d="M63.1011 33.5344C60.9979 33.5344 59.3255 35.2336 59.3255 37.3446C59.3255 39.4549 60.9979 41.1336 63.1011 41.1336C65.2031 41.1336 66.8853 39.4549 66.8853 37.3446C66.8853 35.2336 65.2031 33.5344 63.1011 33.5344ZM63.1011 39.7616C61.7758 39.7616 60.6928 38.6741 60.6928 37.3446C60.6928 36.0143 61.7757 34.9064 63.1011 34.9064C64.4256 34.9064 65.5192 36.0141 65.5192 37.3446C65.5192 38.6741 64.4256 39.7616 63.1011 39.7616Z"
fill="#80848A" />
<path
d="M73.5526 39.1491C73.4891 39.0853 73.3724 39.0746 73.289 39.1491C72.8481 39.5084 72.3124 39.7506 71.6807 39.7506C70.3353 39.7506 69.326 38.6321 69.326 37.3128C69.326 35.9829 70.3249 34.8531 71.6699 34.8531C72.2584 34.8531 72.8479 35.0856 73.2888 35.4761C73.3722 35.5604 73.4784 35.5604 73.5525 35.4761L74.1934 34.8111C74.2764 34.7268 74.2764 34.5998 74.1828 34.5156C73.4681 33.8714 72.7007 33.5344 71.6389 33.5344C69.5365 33.5344 67.8444 35.2336 67.8444 37.3446C67.8444 39.4549 69.5365 41.1336 71.6389 41.1336C72.5743 41.1336 73.4786 40.8064 74.1936 40.1094C74.2672 40.0349 74.2892 39.8978 74.2049 39.8243L73.5526 39.1491Z"
fill="#80848A" />
<path
d="M76.8648 33.6392H75.8881C75.7817 33.6392 75.688 33.7345 75.688 33.84V40.8267C75.688 40.9328 75.7817 41.0272 75.8881 41.0272H76.8648C76.9712 41.0272 77.0648 40.9328 77.0648 40.8267V33.84C77.0648 33.7345 76.9712 33.6392 76.8648 33.6392Z"
fill="#80848A" />
<path
d="M83.5729 33.6392H79.2943C79.1786 33.6392 79.0942 33.7345 79.0942 33.84V40.8267C79.0942 40.9328 79.1786 41.0272 79.2943 41.0272H83.5729C83.6889 41.0272 83.7729 40.9328 83.7729 40.8267V39.9612C83.7729 39.857 83.6889 39.7617 83.5729 39.7617H80.4615V37.9137H83.0571C83.1635 37.9137 83.2575 37.8293 83.2575 37.7132V36.8378C83.2575 36.7323 83.1635 36.6377 83.0571 36.6377H80.4615V34.9065H83.5729C83.6889 34.9065 83.7729 34.8112 83.7729 34.7053V33.8402C83.7729 33.7345 83.6891 33.6392 83.5729 33.6392Z"
fill="#80848A" />
<path
d="M89.3665 33.6392H84.773C84.6572 33.6392 84.5729 33.7345 84.5729 33.84V34.7052C84.5729 34.811 84.6572 34.9063 84.773 34.9063H86.3803V40.8265C86.3803 40.9327 86.4762 41.027 86.5803 41.027H87.5583C87.6634 41.027 87.759 40.9327 87.759 40.8265V34.9063H89.3666C89.4824 34.9063 89.5667 34.811 89.5667 34.7052V33.84C89.5665 33.7345 89.4822 33.6392 89.3665 33.6392Z"
fill="#80848A" />
<path
d="M96.1587 33.6392H95.0758C94.9928 33.6392 94.939 33.6928 94.9085 33.7345L93.2263 36.1625L91.5441 33.7345C91.5114 33.6928 91.4591 33.6392 91.375 33.6392H90.3034C90.1347 33.6392 90.0507 33.8082 90.1347 33.9452L92.5316 37.4712V40.8267C92.5316 40.9328 92.6159 41.0272 92.7319 41.0272H93.6988C93.8035 41.0272 93.8991 40.9328 93.8991 40.8267V37.4608L96.327 33.9452C96.4112 33.8082 96.327 33.6392 96.1587 33.6392Z"
fill="#80848A" />
</svg>
</a>
<div><a href="https://www.exora.ph/" target="_blank" rel="noopener noreferrer"><img src="./exora.png" alt="exora" /></a><br>
<a href="https://uxph.org/" target="_blank" rel="noopener noreferrer"><img src="./UXPH.png" alt="uxph" style="margin-top: 5px;" /></a></div>
</div>
</div>
<!-- logo -->
</footer>
</section>
</main>
<script src="./micromodal.min.js"></script>
<script src="./smooth-scroll.polyfills.min.js"></script>
<script src="./smooth-scroll.min.js"></script>
<script src="./main.js"></script>
</body>
</html>