<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Projects |</title><link>https://hannapark1206.github.io/projects/</link><atom:link href="https://hannapark1206.github.io/projects/index.xml" rel="self" type="application/rss+xml"/><description>Projects</description><generator>HugoBlox Kit (https://hugoblox.com)</generator><language>en-us</language><lastBuildDate>Sat, 16 May 2026 00:00:00 +0000</lastBuildDate><image><url>https://hannapark1206.github.io/media/icon_hu_da05098ef60dc2e7.png</url><title>Projects</title><link>https://hannapark1206.github.io/projects/</link></image><item><title>Firefighting Hardware Prototype</title><link>https://hannapark1206.github.io/projects/firefighting-hardware-prototype/</link><pubDate>Fri, 01 May 2026 00:00:00 +0000</pubDate><guid>https://hannapark1206.github.io/projects/firefighting-hardware-prototype/</guid><description>&lt;div class="project-cover-wrap"&gt;
&lt;img class="project-cover" src="firefighting.jpg" alt="Tracked firefighting hardware prototype during an outdoor field demonstration"&gt;
&lt;/div&gt;
&lt;div class="portfolio-hero"&gt;
&lt;p class="project-kicker"&gt;Gharib Group · Rapid Prototyping · Hardware Support · 2026&lt;/p&gt;
&lt;p class="project-lede"&gt;
I support hardware development for a firefighting-related robotic prototype through mechanical assembly, part modification, fit checks, rapid iteration, and field demonstration preparation.
&lt;/p&gt;
&lt;div class="skill-row"&gt;
&lt;span class="skill-chip"&gt;Rapid prototyping&lt;/span&gt;
&lt;span class="skill-chip"&gt;Mechanical assembly&lt;/span&gt;
&lt;span class="skill-chip"&gt;Hardware modification&lt;/span&gt;
&lt;span class="skill-chip"&gt;Fabrication&lt;/span&gt;
&lt;span class="skill-chip"&gt;Field testing&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2 id="project-work"&gt;Project Work&lt;/h2&gt;
&lt;div class="project-info-card"&gt;
&lt;p&gt;
This project focuses on fast hardware iteration for a firefighting-related robotic system. My role is primarily hands-on mechanical support: helping build, modify, and prepare prototype hardware as the system develops toward outdoor testing and demonstrations.
&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Assembled and modified prototype hardware for testing and demonstrations.&lt;/li&gt;
&lt;li&gt;Supported rapid hardware changes as design needs shifted.&lt;/li&gt;
&lt;li&gt;Helped prepare mechanical components for project-level testing.&lt;/li&gt;
&lt;li&gt;Worked through practical fit and assembly issues during prototype development.&lt;/li&gt;
&lt;li&gt;Supported prototype setup during an outdoor multi-platform field demonstration.&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;h2 id="field-demonstration"&gt;Field Demonstration&lt;/h2&gt;
&lt;p class="gallery-lede"&gt;
The system was demonstrated alongside aerial and ground robotic platforms during an outdoor field test, with prototype hardware deployed in a rugged, unstructured environment.
&lt;/p&gt;
&lt;div class="field-gallery"&gt;
&lt;a class="field-shot shot-feature" href="1.png" target="_blank" rel="noopener"&gt;
&lt;img src="1.png" alt="Tracked firefighting hardware prototype at the outdoor field site" loading="lazy"&gt;
&lt;span class="field-caption"&gt;
&lt;span class="caption-title"&gt;Tracked Prototype Platform&lt;/span&gt;
&lt;span class="caption-detail"&gt;Outdoor field deployment&lt;/span&gt;
&lt;/span&gt;
&lt;/a&gt;
&lt;a class="field-shot shot-vehicle" href="2.png" target="_blank" rel="noopener"&gt;
&lt;img src="2.png" alt="Instrumented off-road vehicle used during the outdoor demonstration" loading="lazy"&gt;
&lt;span class="field-caption"&gt;
&lt;span class="caption-title"&gt;Support Vehicle&lt;/span&gt;
&lt;span class="caption-detail"&gt;Instrumented field platform&lt;/span&gt;
&lt;/span&gt;
&lt;/a&gt;
&lt;a class="field-shot shot-ground" href="4.png" target="_blank" rel="noopener"&gt;
&lt;img src="4.png" alt="Small ground robot operating near the tracked prototype platform" loading="lazy"&gt;
&lt;span class="field-caption"&gt;
&lt;span class="caption-title"&gt;Ground Robotics&lt;/span&gt;
&lt;span class="caption-detail"&gt;Multi-platform demonstration&lt;/span&gt;
&lt;/span&gt;
&lt;/a&gt;
&lt;a class="field-shot shot-deployment" href="5.png" target="_blank" rel="noopener"&gt;
&lt;img src="5.png" alt="Coiled deployment hardware and radial lines arranged on the ground" loading="lazy"&gt;
&lt;span class="field-caption"&gt;
&lt;span class="caption-title"&gt;Deployment Hardware&lt;/span&gt;
&lt;span class="caption-detail"&gt;Field setup detail&lt;/span&gt;
&lt;/span&gt;
&lt;/a&gt;
&lt;a class="field-shot shot-flight" href="6.png" target="_blank" rel="noopener"&gt;
&lt;img src="6.png" alt="Aerial robotic platform flying above the outdoor demonstration site" loading="lazy"&gt;
&lt;span class="field-caption"&gt;
&lt;span class="caption-title"&gt;Aerial Platform&lt;/span&gt;
&lt;span class="caption-detail"&gt;Flight demonstration&lt;/span&gt;
&lt;/span&gt;
&lt;/a&gt;
&lt;a class="field-shot shot-detail" href="7.png" target="_blank" rel="noopener"&gt;
&lt;img src="7.png" alt="Close-up view of the aerial platform and deployed field equipment" loading="lazy"&gt;
&lt;span class="field-caption"&gt;
&lt;span class="caption-title"&gt;Hardware Detail&lt;/span&gt;
&lt;span class="caption-detail"&gt;Aerial system integration&lt;/span&gt;
&lt;/span&gt;
&lt;/a&gt;
&lt;a class="field-shot shot-overview" href="3.png" target="_blank" rel="noopener"&gt;
&lt;div class="rotated-image-wrap"&gt;
&lt;img src="3.png" alt="Wide view of outdoor robotic field demonstration site" loading="lazy"&gt;
&lt;/div&gt;
&lt;span class="field-caption"&gt;
&lt;span class="caption-title"&gt;Field Test Site&lt;/span&gt;
&lt;span class="caption-detail"&gt;Outdoor demonstration environment&lt;/span&gt;
&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;style&gt;
.article-metadata,
.toc-sidebar,
.page-toc,
.docs-toc,
#TableOfContents {
display: none !important;
}
/* -------------------------------------
Cover Image
------------------------------------- */
.project-cover-wrap {
margin-top: 1rem;
margin-bottom: 2rem;
}
.project-cover {
width: 100%;
height: auto;
display: block;
object-fit: contain;
border-radius: 20px;
border: 1px solid #e5e7eb;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
background: #ffffff;
}
/* -------------------------------------
Project Hero
------------------------------------- */
.portfolio-hero {
margin-top: 1rem;
margin-bottom: 2.2rem;
}
.project-kicker {
font-size: 0.9rem;
font-weight: 700;
letter-spacing: 0.055em;
text-transform: uppercase;
color: #4f46e5;
margin-top: 0;
margin-bottom: 0.8rem;
}
.project-lede {
max-width: 840px;
font-size: 1.18rem;
line-height: 1.68;
color: #374151;
margin-top: 0;
margin-bottom: 1rem;
}
.skill-row {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
margin-top: 1rem;
margin-bottom: 0;
}
.skill-chip {
display: inline-flex;
align-items: center;
border: 1px solid #dbe3ff;
background: #f5f7ff;
color: #27324a;
border-radius: 12px;
padding: 0.42rem 0.75rem;
font-size: 0.88rem;
font-weight: 600;
line-height: 1.2;
}
/* -------------------------------------
Project Work Card
------------------------------------- */
.project-info-card {
border: 1px solid #e5e7eb;
border-radius: 18px;
padding: 1.3rem 1.4rem;
background: #ffffff;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
margin-top: 1rem;
margin-bottom: 2.8rem;
}
.project-info-card p {
margin-top: 0;
margin-bottom: 0.95rem;
line-height: 1.68;
color: #374151;
}
.project-info-card ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 1.2rem;
}
.project-info-card li {
margin-bottom: 0.48rem;
line-height: 1.58;
color: #374151;
}
.project-info-card li:last-child {
margin-bottom: 0;
}
/* -------------------------------------
Gallery Introduction
------------------------------------- */
.gallery-lede {
max-width: 820px;
color: #4b5563;
line-height: 1.68;
font-size: 1rem;
margin-top: 0.55rem;
margin-bottom: 1.45rem;
}
/* -------------------------------------
Bento-Style Photo Gallery
------------------------------------- */
.field-gallery {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-auto-rows: 68px;
gap: 0.9rem;
margin-top: 1rem;
margin-bottom: 3rem;
}
.field-shot {
position: relative;
display: block;
overflow: hidden;
border-radius: 18px;
border: 1px solid #e5e7eb;
background: #f3f4f6;
box-shadow: 0 9px 26px rgba(0, 0, 0, 0.07);
text-decoration: none !important;
transition: transform 0.28s ease, box-shadow 0.28s ease;
}
.field-shot:hover {
transform: translateY(-3px);
box-shadow: 0 15px 34px rgba(0, 0, 0, 0.12);
}
.field-shot img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
transition: transform 0.4s ease, filter 0.4s ease;
}
.field-shot::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(10, 14, 24, 0.66) 0%,
rgba(10, 14, 24, 0.25) 26%,
rgba(10, 14, 24, 0.04) 53%,
transparent 72%
);
opacity: 0.82;
transition: opacity 0.35s ease;
}
.field-shot:hover img {
transform: scale(1.045);
filter: brightness(0.94);
}
.field-shot:hover::after {
opacity: 1;
}
.field-caption {
position: absolute;
left: 1rem;
right: 1rem;
bottom: 0.9rem;
z-index: 2;
display: flex;
flex-direction: column;
gap: 0.12rem;
color: #ffffff;
text-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
}
.caption-title {
font-size: 0.94rem;
font-weight: 700;
line-height: 1.3;
}
.caption-detail {
font-size: 0.78rem;
font-weight: 500;
line-height: 1.35;
opacity: 0.9;
}
/* -------------------------------------
Gallery Layout
------------------------------------- */
.shot-feature {
grid-column: span 7;
grid-row: span 7;
}
.shot-vehicle {
grid-column: span 5;
grid-row: span 7;
}
.shot-ground {
grid-column: span 5;
grid-row: span 5;
}
.shot-deployment {
grid-column: span 7;
grid-row: span 5;
}
.shot-flight {
grid-column: span 5;
grid-row: span 6;
}
.shot-detail {
grid-column: span 7;
grid-row: span 6;
}
.shot-overview {
grid-column: span 12;
grid-row: span 6;
}
/* -------------------------------------
Individual Image Cropping
------------------------------------- */
.shot-feature img {
object-position: center 55%;
}
.shot-vehicle img {
object-position: center 54%;
}
.shot-ground img {
object-position: center 55%;
}
.shot-deployment img {
object-position: center 58%;
}
.shot-flight img {
object-position: center 38%;
}
.shot-detail img {
object-position: center center;
}
/*
Your 3.png image is sideways in the uploaded version.
This displays it upright without needing to re-export it.
*/
.rotated-image-wrap {
position: absolute;
inset: 0;
overflow: hidden;
}
.shot-overview .rotated-image-wrap img {
position: absolute;
width: 100%;
height: 205%;
left: 0;
top: -52%;
object-fit: cover;
object-position: center center;
transform: rotate(90deg);
transition: transform 0.4s ease, filter 0.4s ease;
}
.shot-overview:hover .rotated-image-wrap img {
transform: rotate(90deg) scale(1.045);
filter: brightness(0.94);
}
/* -------------------------------------
Tablet Layout
------------------------------------- */
@media (max-width: 900px) {
.field-gallery {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-auto-rows: 175px;
gap: 0.8rem;
}
.shot-feature,
.shot-deployment,
.shot-detail,
.shot-overview {
grid-column: span 2;
grid-row: span 2;
}
.shot-vehicle,
.shot-ground,
.shot-flight {
grid-column: span 1;
grid-row: span 2;
}
.shot-overview .rotated-image-wrap img {
height: 210%;
top: -55%;
}
}
/* -------------------------------------
Phone Layout
------------------------------------- */
@media (max-width: 560px) {
.project-lede {
font-size: 1.08rem;
}
.project-info-card {
padding: 1.1rem 1.05rem;
}
.field-gallery {
display: block;
}
.field-shot {
height: 245px;
margin-bottom: 0.9rem;
border-radius: 16px;
}
.shot-feature,
.shot-overview {
height: 285px;
}
.field-caption {
left: 0.9rem;
right: 0.9rem;
bottom: 0.8rem;
}
.shot-overview .rotated-image-wrap img {
height: 185%;
top: -42%;
}
}
&lt;/style&gt;</description></item><item><title>Multi-Modal Air–Ground Robot Platform</title><link>https://hannapark1206.github.io/projects/multi-modal-air-robot/</link><pubDate>Thu, 01 Jan 2026 00:00:00 +0000</pubDate><guid>https://hannapark1206.github.io/projects/multi-modal-air-robot/</guid><description>&lt;div class="project-video-wrap"&gt;
&lt;video class="project-video" controls muted playsinline preload="metadata"&gt;
&lt;source src="m4-demo.mp4" type="video/mp4"&gt;
Your browser does not support the video tag.
&lt;/video&gt;
&lt;/div&gt;
&lt;div class="portfolio-hero"&gt;
&lt;p class="project-kicker"&gt;Senior Thesis · Aerial Robotics · 2026–Present&lt;/p&gt;
&lt;p class="project-lede"&gt;
I am developing hardware for a multi-modal air–ground robot platform, focusing on the aerial system, flight-control hardware, ESC/motor integration, two-servo deflector actuation, thrust-biasing deflector design, CFD-informed checks, and bench testing.
&lt;/p&gt;
&lt;div class="skill-row"&gt;
&lt;span class="skill-chip"&gt;Multi-modal robotics&lt;/span&gt;
&lt;span class="skill-chip"&gt;Aerial hardware&lt;/span&gt;
&lt;span class="skill-chip"&gt;ESC/motor integration&lt;/span&gt;
&lt;span class="skill-chip"&gt;Flight-control hardware&lt;/span&gt;
&lt;span class="skill-chip"&gt;Servo actuation&lt;/span&gt;
&lt;span class="skill-chip"&gt;CFD checks&lt;/span&gt;
&lt;span class="skill-chip"&gt;Bench testing&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2 id="project-work"&gt;Project Work&lt;/h2&gt;
&lt;p&gt;This senior thesis project focuses on building and testing the aerial hardware for a multi-modal air–ground robot platform. I work on the mechanical prototyping and system integration side, including custom quadrotor hardware, propulsion setup, ESC/motor integration, flight-control hardware, two-servo deflector actuation, and thrust-biasing deflector design.&lt;/p&gt;
&lt;p&gt;My current work connects CAD, fabrication, wiring, assembly, CFD-informed design checks, and bench testing. I am iterating the platform based on packaging, fit, test behavior, and hardware integration constraints.&lt;/p&gt;
&lt;div class="two-col"&gt;
&lt;div&gt;
&lt;h3 id="hardware-integration"&gt;Hardware integration&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Building and integrating drone-platform hardware for air–ground testing&lt;/li&gt;
&lt;li&gt;Designing and fabricating structural components&lt;/li&gt;
&lt;li&gt;Working through packaging, fit, wiring, and assembly constraints&lt;/li&gt;
&lt;li&gt;Integrating ESCs, motors, servos, and flight-control hardware&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;h3 id="deflector-and-testing-work"&gt;Deflector and testing work&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Designing thrust-biasing deflector concepts&lt;/li&gt;
&lt;li&gt;Integrating two-servo deflector actuation&lt;/li&gt;
&lt;li&gt;Using CFD-informed checks to compare design behavior&lt;/li&gt;
&lt;li&gt;Running bench tests to evaluate thrust and drag tradeoffs&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2 id="technical-stack"&gt;Technical Stack&lt;/h2&gt;
&lt;div class="skill-row"&gt;
&lt;span class="skill-chip"&gt;SolidWorks&lt;/span&gt;
&lt;span class="skill-chip"&gt;3D printing&lt;/span&gt;
&lt;span class="skill-chip"&gt;Fabrication&lt;/span&gt;
&lt;span class="skill-chip"&gt;ESCs&lt;/span&gt;
&lt;span class="skill-chip"&gt;Motors&lt;/span&gt;
&lt;span class="skill-chip"&gt;Servos&lt;/span&gt;
&lt;span class="skill-chip"&gt;Flight-control hardware&lt;/span&gt;
&lt;span class="skill-chip"&gt;ANSYS&lt;/span&gt;
&lt;span class="skill-chip"&gt;OpenFOAM&lt;/span&gt;
&lt;span class="skill-chip"&gt;Bench testing&lt;/span&gt;
&lt;/div&gt;
&lt;style&gt;
.article-metadata,
.article-tags,
.page-tags,
.tags,
.taxonomy-terms,
.toc-sidebar,
.page-toc,
.docs-toc,
#TableOfContents {
display: none !important;
}
.project-video-wrap {
width: 100%;
margin-top: 1rem;
margin-bottom: 1.8rem;
}
.project-video {
width: 100%;
max-height: 520px;
object-fit: contain;
border-radius: 20px;
border: 1px solid #e5e7eb;
box-shadow: 0 8px 24px rgba(0,0,0,0.06);
background: #000;
}
.portfolio-hero {
margin-top: 1rem;
margin-bottom: 2.3rem;
}
.project-kicker {
font-size: 0.9rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #4f46e5;
margin-bottom: 0.8rem;
}
.project-lede {
font-size: 1.18rem;
line-height: 1.65;
color: #374151;
}
.skill-row {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
margin-top: 1rem;
margin-bottom: 1.5rem;
}
.skill-chip {
display: inline-flex;
align-items: center;
border: 1px solid #dbe3ff;
background: #f5f7ff;
color: #27324a;
border-radius: 12px;
padding: 0.42rem 0.75rem;
font-size: 0.88rem;
font-weight: 600;
line-height: 1.2;
}
.two-col {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.4rem;
margin-top: 1rem;
margin-bottom: 2rem;
}
.two-col &gt; div {
border: 1px solid #e5e7eb;
border-radius: 18px;
padding: 1.2rem 1.3rem;
background: #ffffff;
box-shadow: 0 8px 24px rgba(0,0,0,0.04);
}
&lt;/style&gt;</description></item><item><title>Two-Stage Transmission Gearbox</title><link>https://hannapark1206.github.io/projects/transmission-gearbox/</link><pubDate>Sat, 01 Mar 2025 00:00:00 +0000</pubDate><guid>https://hannapark1206.github.io/projects/transmission-gearbox/</guid><description>&lt;div class="top-media"&gt;
&lt;img src="10.png" alt="Physical gearbox test setup"&gt;
&lt;img src="9.png" alt="Transmission gearbox CAD model"&gt;
&lt;/div&gt;
&lt;div class="portfolio-hero"&gt;
&lt;p class="project-kicker"&gt;Mechanical Design · Transmission · 2025&lt;/p&gt;
&lt;p class="project-lede"&gt;
I worked on a two-stage spur-gear transmission design by connecting MATLAB performance calculations, gear-ratio selection, SolidWorks CAD, keyed shaft and bearing design, machining planning, and PDR/CDR design review documentation.
&lt;/p&gt;
&lt;div class="skill-row"&gt;
&lt;span class="skill-chip"&gt;SolidWorks&lt;/span&gt;
&lt;span class="skill-chip"&gt;MATLAB&lt;/span&gt;
&lt;span class="skill-chip"&gt;Gear trains&lt;/span&gt;
&lt;span class="skill-chip"&gt;Machining&lt;/span&gt;
&lt;span class="skill-chip"&gt;PDR/CDR&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2 id="project-work"&gt;Project Work&lt;/h2&gt;
&lt;p&gt;This project focused on designing and reviewing a compact two-stage transmission. I worked on MATLAB performance modeling, gear-ratio selection, speed/torque/efficiency estimates, SolidWorks CAD, keyed shafts, bearings, gears, shaft supports, machining constraints, and PDR/CDR design review materials.&lt;/p&gt;
&lt;h2 id="technical-stack"&gt;Technical Stack&lt;/h2&gt;
&lt;div class="skill-row"&gt;
&lt;span class="skill-chip"&gt;MATLAB&lt;/span&gt;
&lt;span class="skill-chip"&gt;SolidWorks&lt;/span&gt;
&lt;span class="skill-chip"&gt;Gear trains&lt;/span&gt;
&lt;span class="skill-chip"&gt;Bearings&lt;/span&gt;
&lt;span class="skill-chip"&gt;Keyed shafts&lt;/span&gt;
&lt;span class="skill-chip"&gt;Machining&lt;/span&gt;
&lt;span class="skill-chip"&gt;Design reviews&lt;/span&gt;
&lt;/div&gt;
&lt;style&gt;
.article-metadata,
.article-tags,
.page-tags,
.tags,
.taxonomy-terms,
.toc-sidebar,
.page-toc,
.docs-toc,
#TableOfContents {
display: none !important;
}
.portfolio-hero {
margin-top: 2rem;
margin-bottom: 2.3rem;
}
.project-kicker {
font-size: 0.9rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #4f46e5;
margin-bottom: 0.8rem;
}
.project-lede {
font-size: 1.18rem;
line-height: 1.65;
color: #374151;
}
.skill-row {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
margin-top: 1rem;
margin-bottom: 1.5rem;
}
.skill-chip {
display: inline-flex;
align-items: center;
border: 1px solid #dbe3ff;
background: #f5f7ff;
color: #27324a;
border-radius: 12px;
padding: 0.42rem 0.75rem;
font-size: 0.88rem;
font-weight: 600;
line-height: 1.2;
}
.top-media {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
margin-top: 1rem;
margin-bottom: 2.2rem;
}
.top-media img {
width: 100%;
height: 100%;
max-height: 430px;
object-fit: contain;
display: block;
border-radius: 18px;
border: 1px solid #e5e7eb;
background: #ffffff;
box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}
@media (max-width: 850px) {
.top-media {
grid-template-columns: 1fr;
}
}
&lt;/style&gt;</description></item><item><title>Fixed-Wing Aerial Robot Sensing and Flight-Control Integration</title><link>https://hannapark1206.github.io/projects/fixed-wing-aerial-robot-sensing/</link><pubDate>Tue, 01 Oct 2024 00:00:00 +0000</pubDate><guid>https://hannapark1206.github.io/projects/fixed-wing-aerial-robot-sensing/</guid><description>&lt;div class="top-stack"&gt;
&lt;img src="1.png" alt="Five-hole Pitot probe and pressure-sensor electronics"&gt;
&lt;img src="2.png" alt="Five-hole Pitot probe CAD"&gt;
&lt;/div&gt;
&lt;div class="portfolio-hero"&gt;
&lt;p class="project-kicker"&gt;Gharib Group · Aerial Robotics · 2024–2025&lt;/p&gt;
&lt;p class="project-lede"&gt;
I worked on a fixed-wing aerial robot test platform by integrating flight-control hardware, onboard computation, actuator systems, aerodynamic sensing, and ground-station communication.
&lt;/p&gt;
&lt;div class="skill-row"&gt;
&lt;span class="skill-chip"&gt;Fixed-wing UAV&lt;/span&gt;
&lt;span class="skill-chip"&gt;Cube Orange+&lt;/span&gt;
&lt;span class="skill-chip"&gt;Jetson&lt;/span&gt;
&lt;span class="skill-chip"&gt;ROS/MAVLink&lt;/span&gt;
&lt;span class="skill-chip"&gt;OptiTrack&lt;/span&gt;
&lt;span class="skill-chip"&gt;Wind-tunnel calibration&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2 id="project-report"&gt;Project Report&lt;/h2&gt;
&lt;div class="report-box"&gt;
&lt;div&gt;
&lt;p class="report-label"&gt;Project report&lt;/p&gt;
&lt;p class="report-title"&gt;X2 Fixed-Wing Aerial Robot Report&lt;/p&gt;
&lt;/div&gt;
&lt;a class="report-button" href="Hanna_Park_X2%20Report.pdf"&gt;Open report&lt;/a&gt;
&lt;/div&gt;
&lt;h2 id="technical-stack"&gt;Technical Stack&lt;/h2&gt;
&lt;div class="skill-row"&gt;
&lt;span class="skill-chip"&gt;ROS Noetic&lt;/span&gt;
&lt;span class="skill-chip"&gt;MAVLink/MAVROS&lt;/span&gt;
&lt;span class="skill-chip"&gt;QGroundControl&lt;/span&gt;
&lt;span class="skill-chip"&gt;Mission Planner&lt;/span&gt;
&lt;span class="skill-chip"&gt;Cube Orange+&lt;/span&gt;
&lt;span class="skill-chip"&gt;Jetson&lt;/span&gt;
&lt;span class="skill-chip"&gt;Teensy&lt;/span&gt;
&lt;span class="skill-chip"&gt;OptiTrack&lt;/span&gt;
&lt;span class="skill-chip"&gt;Pressure sensing&lt;/span&gt;
&lt;span class="skill-chip"&gt;Wind-tunnel testing&lt;/span&gt;
&lt;/div&gt;
&lt;h2 id="additional-media"&gt;Additional Media&lt;/h2&gt;
&lt;div class="bottom-stack"&gt;
&lt;div class="bottom-top"&gt;
&lt;img src="16.png" alt="Fixed-wing aerial robot test platform"&gt;
&lt;/div&gt;
&lt;div class="bottom-two"&gt;
&lt;img src="3.jpeg" alt="PlotJuggler pressure data"&gt;
&lt;img src="4.jpeg" alt="ROS and MAVLink telemetry visualization"&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.article-metadata,
.toc-sidebar,
.page-toc,
.docs-toc,
#TableOfContents {
display: none !important;
}
.portfolio-hero {
margin-top: 2rem;
margin-bottom: 2.3rem;
}
.project-kicker {
font-size: 0.9rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #4f46e5;
margin-bottom: 0.8rem;
}
.project-lede {
font-size: 1.18rem;
line-height: 1.65;
color: #374151;
}
.skill-row {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
margin-top: 1rem;
margin-bottom: 1.5rem;
}
.skill-chip {
display: inline-flex;
align-items: center;
border: 1px solid #dbe3ff;
background: #f5f7ff;
color: #27324a;
border-radius: 12px;
padding: 0.42rem 0.75rem;
font-size: 0.88rem;
font-weight: 600;
line-height: 1.2;
}
.report-box {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
border: 1px solid #e5e7eb;
background: #ffffff;
border-radius: 18px;
padding: 1rem 1.2rem;
margin-top: 1rem;
margin-bottom: 1.4rem;
box-shadow: 0 8px 24px rgba(0,0,0,0.04);
}
.report-label {
margin: 0;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #4f46e5;
}
.report-title {
margin: 0.2rem 0 0 0;
font-size: 1rem;
font-weight: 650;
color: #111827;
}
.report-button {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none !important;
border-radius: 999px;
background: #4f46e5;
color: white !important;
padding: 0.62rem 1rem;
font-size: 0.88rem;
font-weight: 700;
white-space: nowrap;
}
/* top images stacked */
.top-stack {
display: flex;
flex-direction: column;
gap: 1rem;
margin-top: 1rem;
margin-bottom: 2.2rem;
}
.top-stack img {
width: 100%;
height: auto;
display: block;
border-radius: 18px;
border: 1px solid #e5e7eb;
background: #ffffff;
box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}
/* bottom layout */
.bottom-stack {
display: flex;
flex-direction: column;
gap: 1rem;
margin-top: 1rem;
margin-bottom: 2.5rem;
}
.bottom-top img {
width: 100%;
height: auto;
display: block;
border-radius: 18px;
border: 1px solid #e5e7eb;
background: #ffffff;
box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}
.bottom-two {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}
.bottom-two img {
width: 100%;
height: auto;
display: block;
border-radius: 18px;
border: 1px solid #e5e7eb;
background: #ffffff;
box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}
@media (max-width: 850px) {
.bottom-two {
grid-template-columns: 1fr;
}
.report-box {
flex-direction: column;
align-items: flex-start;
}
}
&lt;/style&gt;</description></item><item><title>Cryogenic Detector Instrumentation</title><link>https://hannapark1206.github.io/projects/cryogenic-detector-instrumentation/</link><pubDate>Sat, 01 Jun 2024 00:00:00 +0000</pubDate><guid>https://hannapark1206.github.io/projects/cryogenic-detector-instrumentation/</guid><description>&lt;div class="top-stack"&gt;
&lt;img src="11.png" alt="KID detector simulation and mount redesign"&gt;
&lt;img src="13.png" alt="KID layout images"&gt;
&lt;/div&gt;
&lt;div class="portfolio-hero"&gt;
&lt;p class="project-kicker"&gt;Golwala Group · Cryogenic Detectors · Summer 2024&lt;/p&gt;
&lt;p class="project-lede"&gt;
I worked on cryogenic detector instrumentation for phonon-mediated kinetic inductance detectors, connecting detector geometry, phonon collection, CAD mounting, wire-bonded assembly, simulation, and Python-based resonator analysis. My work included kinetic inductance detector geometry changes, quasiparticle phonon-guide concepts, CAD mount redesign, wire-bonded assembly preparation, and Python resonance fitting to support improved phonon collection and resonator characterization.
&lt;/p&gt;
&lt;div class="skill-row"&gt;
&lt;span class="skill-chip"&gt;Cryogenic detectors&lt;/span&gt;
&lt;span class="skill-chip"&gt;Kinetic inductance detectors&lt;/span&gt;
&lt;span class="skill-chip"&gt;Phonon collection&lt;/span&gt;
&lt;span class="skill-chip"&gt;CAD mount design&lt;/span&gt;
&lt;span class="skill-chip"&gt;Wire bonding&lt;/span&gt;
&lt;span class="skill-chip"&gt;Sonnet/simulation&lt;/span&gt;
&lt;span class="skill-chip"&gt;Python&lt;/span&gt;
&lt;span class="skill-chip"&gt;Least-squares fitting&lt;/span&gt;
&lt;span class="skill-chip"&gt;Resonator analysis&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2 id="report-and-presentation"&gt;Report and Presentation&lt;/h2&gt;
&lt;div class="report-box"&gt;
&lt;div&gt;
&lt;p class="report-label"&gt;Project materials&lt;/p&gt;
&lt;p class="report-title"&gt;Fermilab presentation and SURF final report&lt;/p&gt;
&lt;/div&gt;
&lt;div class="report-buttons"&gt;
&lt;a class="report-button" href="Fermilab%20Presentation%20Final%20Copy%20c%20c.pdf"&gt;Open presentation&lt;/a&gt;
&lt;a class="report-button" href="Hanna_Park_SURF_Final_Report%20%281%29.pdf"&gt;Open report&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2 id="additional-media"&gt;Additional Media&lt;/h2&gt;
&lt;div class="bottom-stack"&gt;
&lt;img src="14.png" alt="Detector mount CAD and physical mount"&gt;
&lt;/div&gt;
&lt;style&gt;
.article-metadata,
.article-tags,
.page-tags,
.tags,
.taxonomy-terms,
.toc-sidebar,
.page-toc,
.docs-toc,
#TableOfContents {
display: none !important;
}
.portfolio-hero {
margin-top: 2rem;
margin-bottom: 1.6rem;
}
.project-kicker {
font-size: 0.9rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #4f46e5;
margin-bottom: 0.8rem;
}
.project-lede {
font-size: 1.08rem;
line-height: 1.6;
color: #374151;
max-width: 880px;
}
.project-note {
border: 1px solid #e5e7eb;
border-radius: 18px;
background: #ffffff;
box-shadow: 0 8px 24px rgba(0,0,0,0.04);
padding: 1.1rem 1.25rem;
margin-top: 1.2rem;
margin-bottom: 2rem;
}
.project-note p {
margin: 0;
font-size: 1rem;
line-height: 1.65;
color: #374151;
}
.skill-row {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
margin-top: 1rem;
margin-bottom: 1.5rem;
}
.skill-chip {
display: inline-flex;
align-items: center;
border: 1px solid #dbe3ff;
background: #f5f7ff;
color: #27324a;
border-radius: 12px;
padding: 0.42rem 0.75rem;
font-size: 0.88rem;
font-weight: 600;
line-height: 1.2;
}
.top-stack {
display: flex;
flex-direction: column;
gap: 1rem;
margin-top: 1rem;
margin-bottom: 2.2rem;
}
.top-stack img,
.bottom-stack img {
width: 100%;
height: auto;
display: block;
border-radius: 18px;
border: 1px solid #e5e7eb;
background: #ffffff;
box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}
.bottom-stack {
display: flex;
flex-direction: column;
gap: 1rem;
margin-top: 1rem;
margin-bottom: 2.5rem;
}
.report-box {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
border: 1px solid #e5e7eb;
background: #ffffff;
border-radius: 18px;
padding: 1rem 1.2rem;
margin-top: 1rem;
margin-bottom: 1.4rem;
box-shadow: 0 8px 24px rgba(0,0,0,0.04);
}
.report-label {
margin: 0;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #4f46e5;
}
.report-title {
margin: 0.2rem 0 0 0;
font-size: 1rem;
font-weight: 650;
color: #111827;
}
.report-buttons {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
justify-content: flex-end;
}
.report-button {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none !important;
border-radius: 999px;
background: #4f46e5;
color: white !important;
padding: 0.62rem 1rem;
font-size: 0.88rem;
font-weight: 700;
white-space: nowrap;
}
@media (max-width: 850px) {
.report-box {
flex-direction: column;
align-items: flex-start;
}
.report-buttons {
justify-content: flex-start;
}
}
&lt;/style&gt;</description></item><item><title>Compact Water-Tunnel Flow Facility</title><link>https://hannapark1206.github.io/projects/compact-water-tunnel-flow-facility/</link><pubDate>Thu, 01 Feb 2024 00:00:00 +0000</pubDate><guid>https://hannapark1206.github.io/projects/compact-water-tunnel-flow-facility/</guid><description>&lt;div class="top-stack"&gt;
&lt;img src="5.png" alt="Water tunnel CAD model"&gt;
&lt;img src="7.png" alt="PIV setup diagram"&gt;
&lt;/div&gt;
&lt;div class="portfolio-hero"&gt;
&lt;p class="project-kicker"&gt;Gharib Group · Experimental Fluids · 2024&lt;/p&gt;
&lt;p class="project-lede"&gt;
I worked on a compact low-Reynolds-number water-tunnel facility by supporting hardware integration, turbine-array control, electronics, power configuration, Arduino/PWM control, and PIV/dye-flow validation.
&lt;/p&gt;
&lt;div class="skill-row"&gt;
&lt;span class="skill-chip"&gt;Water tunnel&lt;/span&gt;
&lt;span class="skill-chip"&gt;Low-Reynolds-number flow&lt;/span&gt;
&lt;span class="skill-chip"&gt;Turbine arrays&lt;/span&gt;
&lt;span class="skill-chip"&gt;Arduino C++&lt;/span&gt;
&lt;span class="skill-chip"&gt;PWM control&lt;/span&gt;
&lt;span class="skill-chip"&gt;PIV&lt;/span&gt;
&lt;span class="skill-chip"&gt;Dye visualization&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2 id="project-snapshot"&gt;Project Snapshot&lt;/h2&gt;
&lt;p&gt;This project focused on improving a compact &lt;strong&gt;2 × 1 meter&lt;/strong&gt; water-tunnel facility with a &lt;strong&gt;9 × 9 turbine array&lt;/strong&gt;. The goal was to make a much smaller flow facility that could still support useful low-Reynolds-number experiments.&lt;/p&gt;
&lt;p&gt;I worked on the hardware and control side of the setup, including electronics, wiring, power configuration, and Arduino/PWM control for the turbine array. I also helped develop matrix-style control for individual turbines and line-based control on a &lt;strong&gt;3 × 3 array&lt;/strong&gt;, with the structure intended to scale toward the full &lt;strong&gt;9 × 9 array&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;For validation, I used &lt;strong&gt;Particle Image Velocimetry&lt;/strong&gt; and dye injection with UV light to look at the flow behavior. These tests helped show velocity profiles, shear-layer behavior, and Kármán vortex street patterns at different Reynolds numbers, with roughly &lt;strong&gt;1–2% turbulence intensity&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;For more details on the facility design, validation process, and results, the presentation below gives the fuller project walkthrough.&lt;/p&gt;
&lt;div class="report-box"&gt;
&lt;div&gt;
&lt;p class="report-title"&gt;Water Tunnel in a Box&lt;/p&gt;
&lt;/div&gt;
&lt;a class="report-button" href="Water%20Tunnel%20in%20a%20Box%20-%20Improvements%20to%20a%20compact%20flow%20facility.pdf"&gt;Open presentation&lt;/a&gt;
&lt;/div&gt;
&lt;h2 id="additional-media"&gt;Additional Media&lt;/h2&gt;
&lt;div class="bottom-stack"&gt;
&lt;div class="bottom-two"&gt;
&lt;img src="8.png" alt="Dye visualization of vortex shedding"&gt;
&lt;img src="6.png" alt="Compact water tunnel facility"&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.article-metadata,
.toc-sidebar,
.page-toc,
.docs-toc,
#TableOfContents {
display: none !important;
}
.portfolio-hero {
margin-top: 2rem;
margin-bottom: 2rem;
}
.project-kicker {
font-size: 0.9rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #4f46e5;
margin-bottom: 0.8rem;
}
.project-lede {
font-size: 1.18rem;
line-height: 1.65;
color: #374151;
}
.skill-row {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
margin-top: 1rem;
margin-bottom: 1.2rem;
}
.skill-chip {
display: inline-flex;
align-items: center;
border: 1px solid #dbe3ff;
background: #f5f7ff;
color: #27324a;
border-radius: 12px;
padding: 0.42rem 0.75rem;
font-size: 0.88rem;
font-weight: 600;
line-height: 1.2;
}
.report-box {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
border: 1px solid #e5e7eb;
background: #ffffff;
border-radius: 18px;
padding: 1rem 1.2rem;
margin-top: 1.2rem;
margin-bottom: 2rem;
box-shadow: 0 8px 24px rgba(0,0,0,0.04);
}
.report-title {
margin: 0;
font-size: 1rem;
font-weight: 650;
color: #111827;
}
.report-button {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none !important;
border-radius: 999px;
background: #4f46e5;
color: white !important;
padding: 0.62rem 1rem;
font-size: 0.88rem;
font-weight: 700;
white-space: nowrap;
}
.top-stack {
display: flex;
flex-direction: column;
gap: 1rem;
margin-top: 1rem;
margin-bottom: 2.2rem;
}
.top-stack img {
width: 100%;
height: auto;
display: block;
border-radius: 18px;
border: 1px solid #e5e7eb;
background: #ffffff;
box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}
.bottom-stack {
display: flex;
flex-direction: column;
gap: 1rem;
margin-top: 1rem;
margin-bottom: 2.5rem;
}
.bottom-two {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}
.bottom-two img {
width: 100%;
height: auto;
display: block;
border-radius: 18px;
border: 1px solid #e5e7eb;
background: #ffffff;
box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}
@media (max-width: 850px) {
.bottom-two {
grid-template-columns: 1fr;
}
.report-box {
flex-direction: column;
align-items: flex-start;
}
}
&lt;/style&gt;</description></item><item><title>PILLARS Lunar Landing Shield</title><link>https://hannapark1206.github.io/projects/lunar-landing-shield/</link><pubDate>Sun, 01 Oct 2023 00:00:00 +0000</pubDate><guid>https://hannapark1206.github.io/projects/lunar-landing-shield/</guid><description>&lt;div class="portfolio-page-wrap"&gt;
&lt;div class="media-grid"&gt;
&lt;img src="20.png" alt="PILLARS project figure"&gt;
&lt;/div&gt;
&lt;div class="button-row"&gt;
&lt;a class="doc-button" href="PILLARS_Final_Paper.pdf"&gt;
View PILLARS final paper
&lt;/a&gt;
&lt;/div&gt;
&lt;p class="project-lede"&gt;
PILLARS was a NASA BIG Idea Challenge finalist concept developed through Caltech Air and Outer Space Club. The project focused on a &lt;strong&gt;plume-deployed inflatable landing shield&lt;/strong&gt; designed to reduce abrasive lunar regolith disturbance during landing. I contributed to the &lt;strong&gt;proposal writing and dust modeling&lt;/strong&gt; side of the project, working across lunar systems, regolith mitigation, aerospace concept design, and team proposal development.
&lt;/p&gt;
&lt;div class="media-grid bottom-media"&gt;
&lt;img src="19.png" alt="PILLARS lunar landing shield concept"&gt;
&lt;/div&gt;
&lt;/div&gt;</description></item><item><title>Real-Time Vision and Motion Control</title><link>https://hannapark1206.github.io/projects/vision-motion-control/</link><pubDate>Fri, 01 Sep 2023 00:00:00 +0000</pubDate><guid>https://hannapark1206.github.io/projects/vision-motion-control/</guid><description>&lt;div class="top-stack"&gt;
&lt;img src="18.png" alt="Real-time vision and motion control system"&gt;
&lt;/div&gt;
&lt;div class="portfolio-hero"&gt;
&lt;p class="project-kicker"&gt;Robotics · Computer Vision · Motion Control&lt;/p&gt;
&lt;p class="project-lede"&gt;
I worked on a real-time camera-guided tracking system that used Python/OpenCV target detection and HEBI actuator control to move a pan–tilt platform smoothly.
&lt;/p&gt;
&lt;div class="skill-row"&gt;
&lt;span class="skill-chip"&gt;Python&lt;/span&gt;
&lt;span class="skill-chip"&gt;OpenCV&lt;/span&gt;
&lt;span class="skill-chip"&gt;HEBI actuators&lt;/span&gt;
&lt;span class="skill-chip"&gt;Target tracking&lt;/span&gt;
&lt;span class="skill-chip"&gt;Pan–tilt control&lt;/span&gt;
&lt;span class="skill-chip"&gt;Spline-based motion&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2 id="project-work"&gt;Project Work&lt;/h2&gt;
&lt;p&gt;This project connected computer vision, motion control, and hardware integration. I used Python/OpenCV to detect and track a target from camera input, then connected the visual target position to motion commands for a HEBI pan–tilt actuator setup. I also worked on smooth pan–tilt motion, live tracking tests, mechanical assembly, bracket setup, and tuning the system around practical hardware behavior.&lt;/p&gt;
&lt;style&gt;
.article-metadata,
.article-tags,
.page-tags,
.tags,
.taxonomy-terms,
.toc-sidebar,
.page-toc,
.docs-toc,
#TableOfContents {
display: none !important;
}
.portfolio-hero {
margin-top: 2rem;
margin-bottom: 2.3rem;
}
.project-kicker {
font-size: 0.9rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #4f46e5;
margin-bottom: 0.8rem;
}
.project-lede {
font-size: 1.18rem;
line-height: 1.65;
color: #374151;
}
.skill-row {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
margin-top: 1rem;
margin-bottom: 1.5rem;
}
.skill-chip {
display: inline-flex;
align-items: center;
border: 1px solid #dbe3ff;
background: #f5f7ff;
color: #27324a;
border-radius: 12px;
padding: 0.42rem 0.75rem;
font-size: 0.88rem;
font-weight: 600;
line-height: 1.2;
}
.top-stack {
display: flex;
flex-direction: column;
gap: 1rem;
margin-top: 1rem;
margin-bottom: 2.2rem;
}
.top-stack img {
width: 100%;
height: auto;
display: block;
border-radius: 18px;
border: 1px solid #e5e7eb;
background: #ffffff;
box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}
&lt;/style&gt;</description></item><item><title>Visual Decision Data Analysis</title><link>https://hannapark1206.github.io/projects/visual-decision-data-analysis/</link><pubDate>Sat, 01 Jul 2023 00:00:00 +0000</pubDate><guid>https://hannapark1206.github.io/projects/visual-decision-data-analysis/</guid><description>&lt;div class="top-stack"&gt;
&lt;img src="17.png" alt="Visual decision data analysis diagram"&gt;
&lt;img src="21.png" alt="Visual search and choice poster figure"&gt;
&lt;/div&gt;
&lt;div class="portfolio-hero"&gt;
&lt;p class="project-kicker"&gt;Rangel Neuroeconomics Lab · Data Analysis · 2023&lt;/p&gt;
&lt;p class="project-lede"&gt;
I analyzed behavioral and eye-tracking data from a visual search and choice experiment, using Python and regression analysis to study how item familiarity and attention affected decision behavior.
&lt;/p&gt;
&lt;div class="skill-row"&gt;
&lt;span class="skill-chip"&gt;Python&lt;/span&gt;
&lt;span class="skill-chip"&gt;Pandas&lt;/span&gt;
&lt;span class="skill-chip"&gt;Matplotlib&lt;/span&gt;
&lt;span class="skill-chip"&gt;Regression analysis&lt;/span&gt;
&lt;span class="skill-chip"&gt;Data visualization&lt;/span&gt;
&lt;span class="skill-chip"&gt;Behavioral data&lt;/span&gt;
&lt;span class="skill-chip"&gt;Eye-tracking data&lt;/span&gt;
&lt;span class="skill-chip"&gt;Research poster&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2 id="project-work"&gt;Project Work&lt;/h2&gt;
&lt;p&gt;This was my first research experience at Caltech through its First-Year Success Research Institute (FSRI) in the Rangel Neuroeconomics Laboratory. I cleaned and organized behavioral data, used Python for analysis and plotting, applied regression analysis to study attention and choice difficulty, and compared familiar versus novel item behavior. I presented the work through a research symposium and poster session.&lt;/p&gt;
&lt;h2 id="poster"&gt;Poster&lt;/h2&gt;
&lt;div class="report-box"&gt;
&lt;div&gt;
&lt;p class="report-label"&gt;Research poster&lt;/p&gt;
&lt;p class="report-title"&gt;Differences in Visual Search and Choice Based on Item Familiarity&lt;/p&gt;
&lt;/div&gt;
&lt;a class="report-button" href="Differences_In_Visual_Search_and_Choice_Based_on_Item_Familiarity.pdf"&gt;Open poster&lt;/a&gt;
&lt;/div&gt;
&lt;style&gt;
.article-metadata,
.article-tags,
.page-tags,
.tags,
.taxonomy-terms,
.toc-sidebar,
.page-toc,
.docs-toc,
#TableOfContents {
display: none !important;
}
.portfolio-hero {
margin-top: 2rem;
margin-bottom: 2.3rem;
}
.project-kicker {
font-size: 0.9rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #4f46e5;
margin-bottom: 0.8rem;
}
.project-lede {
font-size: 1.18rem;
line-height: 1.65;
color: #374151;
}
.skill-row {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
margin-top: 1rem;
margin-bottom: 1.5rem;
}
.skill-chip {
display: inline-flex;
align-items: center;
border: 1px solid #dbe3ff;
background: #f5f7ff;
color: #27324a;
border-radius: 12px;
padding: 0.42rem 0.75rem;
font-size: 0.88rem;
font-weight: 600;
line-height: 1.2;
}
.top-stack {
display: flex;
flex-direction: column;
gap: 1rem;
margin-top: 1rem;
margin-bottom: 2.2rem;
}
.top-stack img {
width: 100%;
height: auto;
display: block;
border-radius: 18px;
border: 1px solid #e5e7eb;
background: #ffffff;
box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}
.report-box {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
border: 1px solid #e5e7eb;
background: #ffffff;
border-radius: 18px;
padding: 1rem 1.2rem;
margin-top: 1rem;
margin-bottom: 1.4rem;
box-shadow: 0 8px 24px rgba(0,0,0,0.04);
}
.report-label {
margin: 0;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #4f46e5;
}
.report-title {
margin: 0.2rem 0 0 0;
font-size: 1rem;
font-weight: 650;
color: #111827;
}
.report-button {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none !important;
border-radius: 999px;
background: #4f46e5;
color: white !important;
padding: 0.62rem 1rem;
font-size: 0.88rem;
font-weight: 700;
white-space: nowrap;
}
@media (max-width: 850px) {
.report-box {
flex-direction: column;
align-items: flex-start;
}
}
&lt;/style&gt;</description></item><item><title>Packing Machine and Product Design</title><link>https://hannapark1206.github.io/projects/packing-machine-product-design/</link><pubDate>Tue, 01 Jan 2019 00:00:00 +0000</pubDate><guid>https://hannapark1206.github.io/projects/packing-machine-product-design/</guid><description>&lt;div class="portfolio-page-wrap"&gt;
&lt;p class="project-kicker"&gt;Wellatex INC. · Assembly Machine Management · Product Design · 2019–Present&lt;/p&gt;
&lt;p class="project-lede"&gt;
At Wellatex INC., I worked on hands-on support for &lt;strong&gt;industrial mattress vacuum-packing machinery&lt;/strong&gt;, product packaging, and operations. I helped assemble packing machinery, design palletized shipping boxes for &lt;strong&gt;50+ product dimensions&lt;/strong&gt;, and adjust pressure and sealing settings for different mattress sizes, thicknesses, and firmness levels.
&lt;/p&gt;
&lt;p class="project-lede"&gt;
I also supported the business and operations side of the company, including &lt;strong&gt;stock management, customer service, product documentation, translation, and communication with Chinese and Thai buyers&lt;/strong&gt;. This included helping with product sizing workflows, storefront product descriptions, buyer communication, and Korean translation for factory and business documents.
&lt;/p&gt;
&lt;div class="project-detail-card"&gt;
&lt;p&gt;
This work was mostly about making the packing, shipping, and customer-facing process more reliable across many product configurations. The machine settings had to be adjusted carefully so products could be compressed and sealed efficiently without damage, while the packaging designs had to stay cost-effective for palletized shipping.
&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;</description></item></channel></rss>