Late Night Defender
175a3e4526
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
114 lines
5.6 KiB
HTML
114 lines
5.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
|
|
<link rel="stylesheet" href="/overrides.css">
|
|
<meta http-equiv="Content-Language" content="th">
|
|
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
|
|
<meta name="description" content="Pongpeera Wongprasitthiporn's profile">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Pongpeera Wongprasitthiporn's profile</title>
|
|
<link rel="icon" type="image/webp" href="/icons/icon.webp">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="topbar stealth">
|
|
<div>
|
|
<a href="/works" class="button header">
|
|
<svg style="margin-right: 5px;" xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 16 16" width="20px"><path d="m 8.292969 12.707031 l -4 -4 c -0.390625 -0.390625 -0.390625 -1.023437 0 -1.414062 l 4 -4 c 0.390625 -0.390625 1.023437 -0.390625 1.414062 0 s 0.390625 1.023437 0 1.414062 l -3.292969 3.292969 l 3.292969 3.292969 c 0.390625 0.390625 0.390625 1.023437 0 1.414062 s -1.023437 0.390625 -1.414062 0 z m 0 0" fill="currentColor" fill-rule="evenodd"/></svg>
|
|
<p style="margin-left: 5px;">Back to Works</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid-container" style="margin-top: 2cm;">
|
|
<div class="middle large">
|
|
<h1>UI Design Projects</h1>
|
|
<h3>TechTransThai (2023-now)</h3>
|
|
<div class="section">
|
|
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://design.penpot.app/#/view?file-id=43783616-4a2d-81cf-8002-bd505bad8f47&page-id=c456883d-bf92-80fa-8002-b6ace0bb23b2§ion=interactions&index=0&share-id=9cff1166-2265-80f2-8005-29d450ef9780">
|
|
<div class="listaction">
|
|
<div style="margin-left: 0.5cm;">
|
|
<h3>Little Lines - Micromobility Navigation</h3>
|
|
<div style="display: flex;">
|
|
<div class="tags">2023</div>
|
|
<div class="tags">Penpot</div>
|
|
<div class="tags">Web+Mobile App</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<h3 style="margin-top: 5vh;">Student at KMITL (2021-now)</h3>
|
|
<div class="section">
|
|
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://design.penpot.app/#/view?file-id=5ad806a9-4cd3-8108-8005-c6b9278a3bd5&page-id=5ad806a9-4cd3-8108-8005-c6b9278a3bd6§ion=interactions&index=0&share-id=2fba00dd-ccda-80a0-8005-de734d40d929">
|
|
<div class="listaction">
|
|
<div style="margin-left: 0.5cm;">
|
|
<h3>Traveling Salesman in Bangkok Visualization</h3>
|
|
<div style="display: flex;">
|
|
<div class="tags">AI</div>
|
|
<div class="tags">2024</div>
|
|
<div class="tags">Penpot</div>
|
|
<div class="tags">Web App</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://design.penpot.app/#/view?file-id=9cff1166-2265-80f2-8005-2abcb7b93be4&page-id=9cff1166-2265-80f2-8005-2abcb7b93be5§ion=interactions&index=24&share-id=9cff1166-2265-80f2-8005-2bd5ac7b30d4">
|
|
<div class="listaction">
|
|
<div style="margin-left: 0.5cm;">
|
|
<h3>Tower Traverse - AR Indoor Navigation</h3>
|
|
<div style="display: flex;">
|
|
<div class="tags">CE Project</div>
|
|
<div class="tags">2024</div>
|
|
<div class="tags">Penpot</div>
|
|
<div class="tags">Mobile App</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.figma.com/design/mbxShlytNc3Xi18qfsL0hE/Go-Opensource!?node-id=0-1&t=0LaAndcrKeHmlUzN-1">
|
|
<div class="listaction">
|
|
<div style="margin-left: 0.5cm;">
|
|
<h3>Go Opensource! - Exploring FOSS</h3>
|
|
<div style="display: flex;">
|
|
<div class="tags">UX/UI</div>
|
|
<div class="tags">2024</div>
|
|
<div class="tags">Figma</div>
|
|
<div class="tags">Mobile App</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://design.penpot.app/#/view?file-id=c90c47b6-234f-801c-8003-054b193cca68&page-id=c456883d-bf92-80fa-8002-b6ace0bb23b2§ion=interactions&index=19&share-id=a4bd9c8f-7f2b-8072-8005-de12be2a9cb2">
|
|
<div class="listaction">
|
|
<div style="margin-left: 0.5cm;">
|
|
<h3>QUICGEAR - Gaming gear trading and auction</h3>
|
|
<div style="display: flex;">
|
|
<div class="tags">SoftDev</div>
|
|
<div class="tags">2023</div>
|
|
<div class="tags">Penpot</div>
|
|
<div class="tags">Web App</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="/files/kmitlfood.excalidraw">
|
|
<div class="listaction">
|
|
<div style="margin-left: 0.5cm;">
|
|
<h3>KMITLfood - Food delivery</h3>
|
|
<div style="display: flex;">
|
|
<div class="tags">WebAppDev</div>
|
|
<div class="tags">2023</div>
|
|
<div class="tags">Excalidraw</div>
|
|
<div class="tags">Web App</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|