-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
667 lines (569 loc) · 35.6 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
<!DOCTYPE HTML>
<!--
Miniport by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Nielisson Mendonça: UI/UX designer and 3D/2D Artist</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<meta itemprop="name" content="Nielisson Mendonça - UI/UX designer and 3D/2D Artist">
<meta property="og:image" content="https://nielisson.github.io/images/Profile_Photo/photo.png"/>
<meta name="description" content="I've worked on many serious games and games for console/PC.
I have a game published on Google Play Store, and I have experience with most popular tools for game development.">
</head>
<body class="is-preload">
<!-- Nav -->
<nav id="nav">
<ul class="container">
<li><a href="#top">Home</a></li>
<li><a href="#portfolio">Art</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#blog">Blog</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<!-- Home -->
<article id="top" class="wrapper style1">
<div class="container">
<div class="row">
<div class="col-4 col-5-large col-12-medium">
<span class="image fit"><img src="images/Profile_Photo/photo.png" alt="Nice to meet you!" /></span>
</div>
<div class="col-8 col-7-large col-12-medium">
<header>
<h1><strong>Nielisson Mendonça</strong></h1>
</header>
<p>UI/UX designer and 3D/2D Artist</p>
<a href="documents/CV_MENDONCA-DA-SILVA_Nielisson_2024.pdf" class="button large scrolly" target="_blank">Download my resume</a>
<a href="documents/CV_MENDONCA-DA-SILVA_Nielisson_2024_fr.pdf" class="button large scrolly" target="_blank">Télécharger mon CV</a>
</div>
</div>
</div>
</article>
<article id="top" class="wrapper style4">
<div class="container">
<p style="font-size: x-large; text-align: center; align-content: center; color:#ffffff">
“Games are legitimate forms of media, human expression, and cultural importance”<br>
― Mary Flanagan, Critical Play: Radical Game Design
</p>
</div>
</article>
<!-- Portfolio ART -->
<article id="portfolio" class="wrapper style3">
<div class="container">
<header>
<h2>Art Work</h2>
<p>These are some of my featured projects. They are professional or personal projects, and many of them are from game jams.</p>
</header>
<div class="row">
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://www.behance.net/gallery/136831325/3D-Projects" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/astronaut.png" alt="Astronaut" /></a>
<h3><a href="https://www.behance.net/gallery/136831325/3D-Projects" target="_blank">3D Art Work</a></h3>
<p style="font-size: small;">Behance Portfolio</p>
<p>These are some of my best 3D work so far. I love creating 3D art, and I am a VR enthusiast.</p>
<center><a href="https://www.behance.net/gallery/136831325/3D-Projects" class="button small scrolly" target="_blank">Check out</a></center>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://www.mylovelyplanet.org/" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/mlp.png" alt="" /></a>
<h3><a href="https://www.mylovelyplanet.org/" target="_blank">My Lovely Planet</a></h3>
<p style="font-size: small;"><i>2023 (one year)</i></p>
<p>Developed intuitive UI/UX and 2D assets, contributing to the game design of a F2P mobile game where in-game actions
create real-life impact.</p>
<p>Roles: <b><font color=#1a4f63>UI/UX and 2D art</font> | <font color=#f06f4f>Game Design</font></b></p>
<p>Team composition: ~12 people</p>
<a href="https://www.youtube.com/watch?v=doqHdscb4Yo&t=1s" class="button small scrolly" target="_blank">Watch</a>
<a href="https://www.mylovelyplanet.org/" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://store.steampowered.com/app/606880/GreedFall/" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/greedfall.jpg" alt="" /></a>
<h3><a href="https://store.steampowered.com/app/606880/GreedFall/" target="_blank">Greedfall</a></h3>
<p style="font-size: small;"><i>PC, XBOX One and PS4</i></p>
<p>As a GUI integrator, I was responsible for the integration of the UI assets and I also retouched/created several icons and other elements.</p>
<p>Role: <b><font color=#a85265>GUI artist and Integrator (internship)</font> </b></p>
<p>Team composition: 192 people</p>
<a href="https://youtu.be/_if32pyZP2w" class="button small scrolly" target="_blank">Watch</a>
<a href="https://store.steampowered.com/app/606880/GreedFall/" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://play.google.com/store/apps/details?id=com.bright.brain_games&hl=ln" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/jolibrain.jpg" alt="" /></a>
<h3><a href="https://play.google.com/store/apps/details?id=com.bright.brain_games&hl=ln" target="_blank">Jolibrain - jeux cerebraux</a></h3>
<p style="font-size: small;"><i>2024</i></p>
<p>Designed the platform's UI/UX and rendered some 3D assets, focusing on seamless navigation and a cohesive user experience.</p>
<p>Roles: <b><font color=#1a4f63>UI/UX and 3D art</font></b></p>
<p>Team composition: ~5 people</p>
<a href="https://www.youtube.com/watch?v=PSj_G8-w7XI&t=1s" class="button small scrolly" target="_blank">Watch</a>
<a href="https://play.google.com/store/apps/details?id=com.bright.brain_games&hl=ln" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://nielisson.itch.io/big-little-feud" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/littlebigfeud.png" alt="" /></a>
<h3><a href="https://nielisson.itch.io/big-little-feud" target="_blank">Little Big Feud</a></h3>
<p style="font-size: small;"><i>Game Offf 2023</i></p>
<p>Fight back for your village as a small elf in a big world!</p>
<p>Roles: <b><font color=#1a4f63>UI/UX and 3D Art</font></b></p>
<p>Team composition: 4 people</p>
<a href="https://youtu.be/4nj2BWVc-8s" class="button small scrolly" target="_blank">Watch</a>
<a href="https://nielisson.itch.io/big-little-feud" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://nielisson.itch.io/abuelas-space-bistro" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/abuelasspacebistro.png" alt="" /></a>
<h3><a href="https://nielisson.itch.io/abuelas-space-bistro" target="_blank">Abuela's Space Bistro'</a></h3>
<p style="font-size: small;"><i>Game Offf 2023</i></p>
<p>Fight back for your village as a small elf in a big world!</p>
<p>Roles: <b><font color=#1a4f63>UI/UX and 3D Art</font></b></p>
<p>Team composition: 4 people</p>
<a href="https://youtu.be/SzrOQtFhx7U" class="button small scrolly" target="_blank">Watch</a>
<a href="https://nielisson.itch.io/abuelas-space-bistro" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://dyoxyne.itch.io/playback-brackeys-jam-20202" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/playback-gif.gif" alt="Playback" /></a>
<h3><a href="https://dyoxyne.itch.io/playback-brackeys-jam-20202" target="_blank">Playback</a></h3>
<p style="font-size: small;"><i>Brackeys Jam 2020.2 - 08/2020</i></p>
<p>Everyone in town is looking for something to brighten up their day. With the help of your cassette recorder, you can record and rewind the sounds that people need to turn their moods around! Watch <a href="https://youtu.be/OcjV2M3Y9Wg?t=310" target="_blank">Brackeys </a>playing our game.</p>
<p>Roles: <b><font color=#1a4f63>Art</font></b></p>
<p>Team composition: 4 people</p>
<a href="https://youtu.be/OcjV2M3Y9Wg?t=310" class="button small scrolly" target="_blank">Watch</a>
<a href="https://dyoxyne.itch.io/playback-brackeys-jam-20202" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://play.google.com/store/apps/details?id=com.Nielisson.SkyPuppy&hl=fr&gl=US" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/skypuppy.png" alt="" /></a>
<h3><a href="https://play.google.com/store/apps/details?id=com.Nielisson.SkyPuppy&hl=fr&gl=US" target="_blank">SkyPuppy</a></h3>
<p style="font-size: small;"><i>Available on Google Play Store (my first release)</i></p>
<p>
In this little puzzle, the player is supposed to make a clear path for a dog that is trapped in a house on fire. By pushing the furniture or putting out
the fire, you can clear the path, so you can guide the dog right out the door! Be quick and have fun!
</p>
<p>Roles: <b><font color=#1a4f63>Art</font> | <font color=#f06f4f>Game and Level Design</font></b></p>
<p>Team composition: 3 people</p>
<a href="https://www.youtube.com/watch?v=TJwKPe-8M9E&feature=emb_title" class="button small scrolly" target="_blank">Watch</a>
<a href="https://play.google.com/store/apps/details?id=com.Nielisson.SkyPuppy&hl=fr&gl=US" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://nielisson.itch.io/wyvern-circus" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/wyvern.png" alt="" /></a>
<h3><a href="https://nielisson.itch.io/wyvern-circus" target="_blank">Wyvern Circus</a></h3>
<p style="font-size: small;"><i>ArtBook and game prototype - 03/2019</i></p>
<p>A working dragon who caught a cold. What could go wrong?</p>
<p>Roles: <b><font color=#1a4f63>Art</font> | <font color=#f06f4f>Game and Level Design</font></b></p>
<p>Team composition: 3 people</p>
<a href="https://www.behance.net/gallery/79393471/Wyvern-Circus-Artbook" class="button small scrolly" target="_blank">Artbook</a>
<a href="https://nielisson.itch.io/wyvern-circus" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://nielisson.itch.io/tiny-elves" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/tinyelves.gif" alt="" /></a>
<h3><a href="https://nielisson.itch.io/tiny-elves" target="_blank">Tiny Elves: mighty friendship</a></h3>
<p style="font-size: small;"><i>Personal project - 09/2019</i></p>
<p>Lost in a strange world, these tiny elves will have to make proof of their friendship by working together.</p>
<p>Roles: <b><font color=#1a4f63>Art</font> | <font color=#f06f4f>Game and Level Design</font></b></p>
<p>Team composition: 3 people</p>
<a href="https://youtu.be/_xvAYG30d5g" class="button small scrolly" target="_blank">Watch</a>
<a href="https://nielisson.itch.io/tiny-elves" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://nielisson.itch.io/fell-off-the-moon" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/fom_thumbnail.png" alt="" /></a>
<h3><a href="https://nielisson.itch.io/fell-off-the-moon" target="_blank">Fell Off The Moon</a></h3>
<p style="font-size: small;"><i>Personal project - 12/2019</i></p>
<p>
Pawpaw, originally from the Moon, had a terrible crash while he was passing by the Earth: his spaceship got
totally destroyed. He has to gather as many "gift boxes" as possible in order to repair his spacecraft, so he can go back home!
</p>
<p>Roles: <b><font color=#1a4f63>Art</font> | <font color=#f06f4f>Game and Level Design</font></b></p>
<p>Team composition: 4 people</p>
<a href="https://youtu.be/puORxhJRV1M" class="button small scrolly" target="_blank">Watch</a>
<a href="https://nielisson.itch.io/fell-off-the-moon" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://youtu.be/jwNSH8O-8lQ" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/sanctuary.png" alt="" /></a>
<h3><a href="https://youtu.be/jwNSH8O-8lQ" target="_blank">Sanctuary by the Sea</a></h3>
<p style="font-size: small;"><i>Personal project - 01/2021</i></p>
<p>
Sea turtles are amazing creatures. Unfortunately, due to all the garbage being thrown into the ocean, many are being hurt or even
killed by these contaminants. Help the sea turtles on this beach by cleaning them up. In this case, the less trash on their body,
the better off they are.
</p>
<p>Roles: <b><font color=#1a4f63>Art</font> | <font color=#f06f4f>Game Design</font></b></p>
<p>Team composition: 4 people</p>
<a href="https://youtu.be/jwNSH8O-8lQ" class="button small scrolly" target="_blank">Watch</a>
<a href="https://nielisson.itch.io/sanctuary-by-the-sea" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
<!--
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://www.youtube.com/watch?v=gSYmrgwn3Lo&feature=youtu.be" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/lemaitre.png" alt="" /></a>
<h3><a href="https://www.youtube.com/watch?v=gSYmrgwn3Lo&feature=youtu.be" target="_blank">Le maître de la flûte en bois</a></h3>
<p style="font-size: small;"><i>Student project - 12/2018</i></p>
<p>An adventure about a forest spirit that accompany a flock of birds that are migrating to the south.</p>
<p>Roles: <b><font color=#1a4f63>Art</font> | <font color=#f06f4f>Game and Level Design</font></b></p>
<p>Team composition: 2 people</p>
<center><a href="https://www.youtube.com/watch?v=gSYmrgwn3Lo&feature=youtu.be" class="button small scrolly" target="_blank">Watch</a></center>
</article>
</div>-->
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://nielisson.itch.io/great-ocean-truck" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/great-gif.gif" alt="" /></a>
<h3><a href="https://nielisson.itch.io/great-ocean-truck" target="_blank">Great Ocean Truck</a></h3>
<p style="font-size: small;"><i>Personal project - 10/2019</i></p>
<p>When moving out is all about fun and balance!</p>
<p>Roles: <b><font color=#1a4f63>Art</font> | <font color=#f06f4f>Game and Level Design</font></b></p>
<p>Team composition: 2 people</p>
<a href="https://www.youtube.com/watch?v=jHvJbw-N3Ak&list=PL2HDE-lq9I_DfnDnGb0Zb0CouIHbHMrnO&index=4&t=0s" class="button small scrolly" target="_blank">Watch</a>
<a href="https://nielisson.itch.io/great-ocean-truck" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://nielisson.itch.io/note-to-self" class="image featured" target="_blank"><img src="https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/0e46fc77304729.5c840c0c0fd66.gif" alt="" /></a>
<h3><a href="https://nielisson.itch.io/note-to-self" target="_blank">Note to self</a></h3>
<p style="font-size: small;"><i>Brackeys Game Jam - 02/2019</i></p>
<p>
During a brisk autumn night, Hugo wanders the streets in search for his love with utterly no regard for his surroundings.
Our game was featured on <a href="https://youtu.be/XeV0bmTLacM?t=83" target="_blank">Brackeys' channel!</a>
</p>
<p>Roles: <b><font color=#1a4f63>Art</font> | <font color=#f06f4f>Game and Level Design</font></b></p>
<p>Team composition: 3 people</p>
<a href="https://youtu.be/GNpKn6mdovk" class="button small scrolly" target="_blank">Watch</a>
<a href="https://nielisson.itch.io/note-to-self" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://nielisson.itch.io/nobamboo" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/nobamboo.png" alt="" /></a>
<h3><a href="https://nielisson.itch.io/nobamboo" target="_blank">NoBamboo</a></h3>
<p style="font-size: small;"><i>Extra Credits Game Jam - 03/2019</i></p>
<p>Ferdinand was entrusted three special eggs and his mission is to deliver them to the White Temple in order to restore the balance of world.</p>
<p>Roles: <b><font color=#1a4f63>Art</font> | <font color=#f06f4f>Game and Level Design</font></b></p>
<p>Team composition: 3 people</p>
<a href="https://youtu.be/TKyT1Yqcmc0" class="button small scrolly" target="_blank">Watch</a>
<a href="https://nielisson.itch.io/nobamboo" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://globalgamejam.org/2019/games/host-shell-0" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/host.gif" alt="" /></a>
<h3><a href="https://globalgamejam.org/2019/games/host-shell-0" target="_blank">Host in the Shell</a></h3>
<p style="font-size: small;"><i>Global Game Jam 2019</i></p>
<p>The only survivor of his kind, Thierry L’hermite, undertakes a long adventure that may lead him to the remains of his ancestors.</p>
<p>Roles: <b><font color=#f06f4f>Game and Level Design</font></b></p>
<p>Team composition: 9 people</p>
<a href="https://youtu.be/Pf1hFFAivgs" class="button small scrolly" target="_blank">Watch</a>
<a href="https://globalgamejam.org/2019/games/host-shell-0" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://nielisson.itch.io/candy-tower" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/candy_tower.png" alt="Candy Tower" /></a>
<h3><a href="https://nielisson.itch.io/candy-tower" target="_blank">Candy Tower</a></h3>
<p style="font-size: small;"><i>Personal project - 08/2020</i></p>
<p>In this tower defense, your main objective is to destroy all teeth with candies! Isn't that what candies do?</p>
<p>Roles: <b><font color=#1a4f63>Art</font> | <font color=#57385c>Programming</font></b></p>
<p>Team composition: 1 person</p>
<a href="https://youtu.be/GnKbWBe_xkk" class="button small scrolly" target="_blank">Watch</a>
<a href="https://nielisson.itch.io/candy-tower" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://magiccoding.itch.io/rabbots" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/rabbots.png" alt="" /></a>
<h3><a href="https://magiccoding.itch.io/rabbots" target="_blank">Rabbots</a></h3>
<p style="font-size: small;"><i>Personal project - 03/2020</i></p>
<p>
Sick and tired of getting job refusals because of his “non-compliant” status, Nio wears a rabbit mask and goes against the tyrannical
government that is controlled by an evil artificial intelligence.
</p>
<p>Please check out the <a href="https://drive.google.com/file/d/1u66LbpjxL7zfAGTer0tMLGdT_TMb4q4R/view?usp=sharings" target="_blank">GDD</a> and the creative process</p>
<p>Roles: <b><font color=#1a4f63>Art</font> | <font color=#f06f4f>Game and Level Design</font></b></p>
<p>Team composition: 2 people</p>
<a href="https://youtu.be/OKMTaAhcyyw" class="button small scrolly" target="_blank">Watch</a>
<a href="https://magiccoding.itch.io/rabbots" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://uchiro.itch.io/downwards" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/downwards.gif" alt="" /></a>
<h3><a href="https://uchiro.itch.io/downwards" target="_blank">Downwards</a></h3>
<p style="font-size: small;"><i>Weekly Game Jam - Week 49 - 07/2018</i></p>
<p>Have you ever been tempted by shiny things?</p>
<p>Roles: <b><font color=#1a4f63>Art</font> | <font color=#f06f4f>Game and Level Design</font></b></p>
<p>Team composition: 4 people</p>
<a href="https://youtu.be/xnpIdJqgnM4" class="button small scrolly" target="_blank">Watch</a>
<a href="https://uchiro.itch.io/downwards" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://nielisson.itch.io/gardian-occitan" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/gardian.gif" alt="" /></a>
<h3><a href="https://nielisson.itch.io/gardian-occitan" target="_blank">Gardian occitan</a></h3>
<p style="font-size: small;"><i>Game Pratic' 2018 <br><b>(Game jam's winner)</i></b></p>
<p>In "Gardian occitan", you are invited to discover and to renovate French museums of the Occitan region.</p>
<p>Roles: <b><font color=#f06f4f>Game Design</font> | UI</b></p>
<p>Team composition: 5 people</p>
<a href="https://youtu.be/wdkjYFzfzGc" class="button small scrolly" target="_blank">Watch</a>
<a href="https://nielisson.itch.io/gardian-occitan" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://nielisson.itch.io/pendulum" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/pendulum.gif" alt="" /></a>
<h3><a href="https://nielisson.itch.io/pendulum" target="_blank">Pendulum</a></h3>
<p style="font-size: small;"><i>Extra Credits Holiday 2018</i></p>
<p>Pendulum is a steampunk-inspired 2D platformer. Our hero is striving to survive in this mysterious and hostile place that is full of traps, puzzles and enemies.</p>
<p>Roles: <b><font color=#1a4f63>Art</font> | <font color=#f06f4f>Game Design</font></b></p>
<p>Team composition: 3 people</p>
<a href="https://youtu.be/WQEPTHOcTSo" class="button small scrolly" target="_blank">Watch</a>
<a href="https://nielisson.itch.io/pendulum" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
</div>
<footer>
<p>Do you have any questions?</p>
<a href="#contact" class="button large scrolly">Get in touch with me</a>
</footer>
</div>
</article>
<!-- Other prototypes
<article id="other-prototypes" class="wrapper style3">
<div class="container">
<header>
<h2>Other Prototypes</h2>
<p style="color: #262626;">These are some of my most experimental games.</p>
</header>
<div class="row">
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://nielisson.itch.io/linstant-t-companion-app" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/instantt.png" alt="Instant T" /></a>
<h3><a href="https://nielisson.itch.io/linstant-t-companion-app" target="_blank">Instant T</a></h3>
<p>Student project - 08/2020</p>
<p>This is a board game about a concept of time, the game requires a companion application that I coded myself. You may download it down below if you are curious!</p>
<p>Roles: <b><font color=#1a4f63>Art</font> | <font color=#f06f4f>Game Design</font> | <font color=#57385c>Programming</font></b></p>
<p>Team composition: 5 people</p>
<a href="https://youtu.be/lcnv5tbs73Q" class="button small scrolly" target="_blank">Watch</a>
<a href="https://nielisson.itch.io/linstant-t-companion-app" class="button small scrolly" target="_blank">More</a>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://nielisson.itch.io/les-sons-imaginaires" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/lessons2.png" alt="les-sons-imaginaires" /></a>
<h3><a href="https://nielisson.itch.io/les-sons-imaginaires" target="_blank">Les sons imaginaires</a></h3>
<p>Weekly Game Jam - Week 40 - 04/2018</p>
<p>This world shrunk many years ago, leading to an unexpected consequence: all of the world's sound disappeared somehow.</p>
<p>Roles: <b><font color=#1a4f63>Art</font> | <font color=#f06f4f>Game Design</font></b></p>
<p>Team composition: 5 people</p>
<a href="https://youtu.be/ioPcp6VagYI" class="button small scrolly" target="_blank">Watch</a>
<a href="https://nielisson.itch.io/les-sons-imaginaires" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://ldjam.com/events/ludum-dare/42/ld42-leggo" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/drilling.png" alt="Drilling for Treasure" /></a>
<h3><a href="https://ldjam.com/events/ludum-dare/42/ld42-leggo" target="_blank">Drilling for Treasure</a></h3>
<p>Ludum Dare game jam 42 - 08/2018</p>
<p>As you drill your way down this unknown planet, you mine the precious minerals teeming from its core. But you’re not alone!</p>
<p>Roles: <b><font color=#1a4f63>Art</font> | <font color=#f06f4f>Game Design</font></b></p>
<p>Team composition: 10 people</p>
<a href="https://youtu.be/fdZ3NOz8Jj0" class="button small scrolly" target="_blank">Watch</a>
<a href="https://ldjam.com/events/ludum-dare/42/ld42-leggo" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://nielisson.itch.io/mooi" class="image featured" target="_blank"><img src="images/portfolio_thumbnails/Mooi.png" alt="Mooi" /></a>
<h3><a href="https://nielisson.itch.io/mooi" target="_blank">Mooi</a></h3>
<p>Personal project - 05/2019</p>
<p>Mooi is a text-based adventure inspired by Bury Me My Love and the board game Unlock!</p>
<p>Roles: <b><font color=#1a4f63>Art</font> | <font color=#f06f4f>Narrative and Game Design</font></b></p>
<p>Team composition: 3 people</p>
<a href="https://www.youtube.com/watch?time_continue=201&v=Nzv5QnBSpis&feature=emb_logo" class="button small scrolly" target="_blank">Watch</a>
<a href="https://nielisson.itch.io/mooi" class="button small scrolly" target="_blank">Play</a>
</article>
</div>
</div>
</div>
</article> -->
<!-- SKILLS -->
<article id="skills" class="wrapper style5">
<div class="container">
<header>
<h2>Main Skills</h2>
<p>Find out more about my <i>savoir-faire</i></p>
</header>
<div class="row aln-center">
<div class="col-4 col-6-medium col-12-small">
<section class="box style1">
<!-- <span class="icon featured fa-thumbs-up"></span> //-->
<img src="images/icon_art2.png" width="300" height="300" alt="">
<h3>Art</h3>
<p align="justify">I possess a diverse skill set in both 2D and 3D art. In addition to creating polished UI interfaces, I have also honed my abilities in the production of low-poly 3D assets.</p>
<ul>
<li><a href="https://www.behance.net/nielisson" target="_blank">Illustrations</a></li>
<li><a href="https://www.behance.net/gallery/77308707/Photography" target="_blank">Photography</a></li>
<li>Article: <a href="https://www.academia.edu/44227825/Arts_plastique_et_r%C3%A9alit%C3%A9_virtuelle_vers_une_nouvelle_forme_de_mus%C3%A9e?source=swp_share" target="_blank">Fine Arts and VR</a> (in French)</li>
</ul>
</section>
</div>
<div class="col-4 col-6-medium col-12-small">
<section class="box style1">
<span class="fab fa-unity"></span>
<img src="images/icon_unity.png" width="300" height="300" alt="">
<h3>Softwares and Tools</h3>
<ul>
<li><b>2D art:</b> Photoshop, Figma, Aseprite, Illustrator, 2D animation (Unity) and Dragon Bones</li>
<li><b>3D art:</b> Blender and ArmorPaint</li>
<li><b>Game engines:</b> Unity and Unreal Engine</li>
<li><b>Project management:</b> Trello, Jira and Notion</li>
<li><b>Source control:</b> GitHub and SourceTree</li>
<li><b>VFX:</b> Pixel FX Designer, Unity's Particle System and Adobe Photoshop</li>
<li><b>Video editing:</b> Adobe Première</li>
<li><b>Web:</b> Github pages and Wordpress</li>
</ul>
</section>
</div>
</div>
</div>
</article>
<!-- Blog -->
<article id="blog" class="wrapper style3">
<div class="container">
<header><h2>Blog</h2></header>
<div class="row aln-center">
<table>
<tr>
<th><p style="font-size: x-large;">In this blog, I mostly playtest indie games and give my first impressions about them.</p></th>
</tr>
<tr style="align-content: center">
<th>
<center>
<div class="tumblr-post" data-href="https://embed.tumblr.com/embed/post/8IWEwcU1LFNkiJ3vdx_HXw/631358971063779328" style="align-content: center;" data-did="b6e2dfb106e557e99d6f5b733271c1dd2dce277d"><a href="https://nielisson.tumblr.com/post/631358971063779328/id-like-to-describe-this-as-a-cozy-stress-free">https://nielisson.tumblr.com/post/631358971063779328/id-like-to-describe-this-as-a-cozy-stress-free</a></div>
<script async src="https://assets.tumblr.com/post.js"></script>
</center>
</th>
</tr>
<tr>
<th><p>Read more on my <a href="https://nielisson.tumblr.com">Tumblr</a>.</p></th>
</tr>
</table>
</div>
</div>
</article>
<!-- Contact -->
<article id="contact" class="wrapper style4">
<div class="container">
<header>
<h2>Contact</h2>
<p>Leave me a note</p>
</header>
<form action="https://formspree.io/f/xvovgjwk" method="POST">
<label>
<p align="left">
<font color="white">Your name </font>
<input type="text" name="name" placeholder="Name">
</p>
</label>
<label>
<p align="left">
<font color="white">Your email: </font>
<input type="text" name="_replyto" placeholder="Email">
</p>
</label>
<label>
<p align="left">
<font color="white">Your message: </font>
<textarea name="message" placeholder="Write your message here"></textarea>
</p>
</label>
<br>
<button type="submit">Send</button>
</form>
</div>
<div class="col-12">
<hr />
<h3>Find me on ...</h3>
<ul class="social">
<!-- <li><a href="#" class="icon brands fa-facebook-f" target=”_blank”><span class="label">Facebook</span></a></li> -->
<li><a href="https://www.linkedin.com/in/nielisson" class="icon brands fa-linkedin-in" target=”_blank” title="LinkedIn"><span class="label">LinkedIn</span></a></li>
<li><a href="https://nielisson.itch.io/" class="icon brands fa-itch-io" target=”_blank” title="Itch.io"><span class="label">Itch.io 1</span></a></li>
<li><a href="https://discordapp.com/users/195173830937935872" class="icon brands fa-discord" title="Discord: Niesso#5607" target=”_blank”><span class="label">Discord</span></a></li>
<li><a href="https://www.behance.net/nielisson" class="icon brands fa-behance" title="Behance" target=”_blank”><span class="label">Behance</span></a></li>
<!--
<li><a href="#" class="icon solid fa-rss"><span>RSS</span></a></li>
<li><a href="#" class="icon brands fa-instagram"><span>Instagram</span></a></li>
<li><a href="#" class="icon brands fa-foursquare"><span>Foursquare</span></a></li>
<li><a href="#" class="icon brands fa-skype"><span>Skype</span></a></li>
<li><a href="#" class="icon brands fa-soundcloud"><span>Soundcloud</span></a></li>
<li><a href="#" class="icon brands fa-youtube"><span>YouTube</span></a></li>
<li><a href="#" class="icon brands fa-blogger"><span>Blogger</span></a></li>
<li><a href="#" class="icon brands fa-flickr"><span>Flickr</span></a></li>
<li><a href="#" class="icon brands fa-vimeo"><span>Vimeo</span></a></li>
<li><a href="#" class="icon brands fa-tumblr"><span class="label">Tumblr</span></a></li>
<li><a href="#" class="icon brands fa-google-plus"><span class="label">Google+</span></a></li>
<li><a href="#" class="icon brands fa-dribbble"><span class="label">Dribbble</span></a></li>
-->
</ul>
<hr />
</div>
<footer>
<div class="container" style="align-content: center; contain">
<a href="documents/CV_MENDONCA-DA-SILVA_Nielisson_2024.pdf" class="button large scrolly" target="_blank">Download my resume</a>
<a href="documents/CV_MENDONCA-DA-SILVA_Nielisson_2024_fr.pdf" class="button large scrolly" target="_blank">Télécharger mon CV</a>
</div>
<ul id="copyright">
<li><font size="2">© Nielisson Mendonça. All rights reserved.</li>
<li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a></font></li>
</ul>
</footer>
</article>
<!-- Botao Scroll UP
<button onclick="topFunction()" id="myBtn" title="Go to top"><img src="images/Icons/top_btn.png" height="30px" height="30px"></button>
<script>
//Get the button
var mybutton = document.getElementById("myBtn");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function () { scrollFunction() };
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
<End of the script for the button -->
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>