{"id":2066,"date":"2025-05-06T03:25:21","date_gmt":"2025-05-06T03:25:21","guid":{"rendered":"https:\/\/www.sooha.kim\/?post_type=project&#038;p=2066"},"modified":"2025-12-16T05:17:09","modified_gmt":"2025-12-16T05:17:09","slug":"pds","status":"publish","type":"project","link":"https:\/\/www.sooha.kim\/index.php\/project\/pds\/","title":{"rendered":"PDS"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h6 class=\"wp-block-heading has-normal-font-size\" style=\"font-style:normal;font-weight:400\">UX<br>UI<br>Graphic Design<\/h6>\n\n\n\n<div class=\"wp-block-group is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-f56a869c wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"25\" height=\"25\" src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/adobe_xd_white_icon.svg\" alt=\"\" class=\"wp-image-2071\" style=\"width:21px\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"25\" height=\"25\" src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/zeplin_white_icon.svg\" alt=\"\" class=\"wp-image-2072\" style=\"aspect-ratio:1;object-fit:contain;width:21px\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"22\" height=\"22\" src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/joomla_white_icon.svg\" alt=\"\" class=\"wp-image-2070\" style=\"aspect-ratio:1;object-fit:contain;width:21px\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h6 class=\"wp-block-heading has-normal-font-size\" style=\"font-style:normal;font-weight:400;text-transform:uppercase\">Project Overview<\/h6>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:85%\">\n<p class=\"has-text-color has-link-color wp-elements-bdc7c95b9cc28707e30f117a1a11a21a\" style=\"color:#9f9f9f\">PDS Biotech needed a website redesign to better communicate with key audiences such as investors, researchers, and patients. The previous site felt outdated and text-heavy, making it difficult for users to quickly find important information. The project required completing the website redesign, interactive map, graphic design, and presentation design \u2014 all within a tight deadline, with myself as the sole designer.<br><br>To manage this effectively, I prioritized the core website structure and usability improvements first, ensuring a smooth launch before fully developing the interactive map. I also established clear timelines and milestones for each phase, allowing steady progress on both the website and interactive feature without compromising quality.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-video alignfull\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" autoplay loop muted src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/Showcase-Macbook-PDS.mp4\" playsinline><\/video><\/figure>\n\n\n\n<div style=\"height:10em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h6 class=\"wp-block-heading has-normal-font-size\" style=\"font-style:normal;font-weight:400\">The Challenge<\/h6>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:300\">Users Struggled to Find<br>and Understand Key Information<\/h4>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:85%\">\n<p class=\"has-text-color has-link-color wp-elements-be09e6be23c258de393de4f069cf4752\" style=\"color:#9f9f9f\">The original PDS Biotechnology website overwhelmed users\u2014investors, researchers, and patients struggled to find relevant information due to dense content, poor structure, and outdated design. It failed to clearly communicate the company\u2019s mission, clinical trial progress, or value proposition.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image alignfull size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1731\" src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pds_iPad_mock-scaled.webp\" alt=\"\" class=\"wp-image-2128\" srcset=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pds_iPad_mock-scaled.webp 2560w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pds_iPad_mock-300x203.webp 300w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pds_iPad_mock-1024x692.webp 1024w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pds_iPad_mock-768x519.webp 768w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pds_iPad_mock-1536x1038.webp 1536w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pds_iPad_mock-2048x1384.webp 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<div style=\"height:10em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading has-text-align-center has-normal-font-size\" style=\"font-style:normal;font-weight:300\">Solution<\/h6>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\" style=\"font-style:normal;font-weight:300\">Redesigning for Clarity, Credibility, and <br>User-Centered Access<\/h4>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:5%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center has-text-color has-link-color wp-elements-0a99483fd8b3c01b7faebe7032e2fe82\" style=\"color:#9f9f9f\">Redesign the website with user-focused architecture, clear content hierarchy, and modern visuals\u2014delivering a clean, credible, and accessible experience tailored to each audience. Prioritized usability improvements and integrated an interactive map, all under tight constraints.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:5%\"><\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"376\" src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/PDS-solution-keywords-1024x376.webp\" alt=\"\" class=\"wp-image-2142\" srcset=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/PDS-solution-keywords-1024x376.webp 1024w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/PDS-solution-keywords-300x110.webp 300w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/PDS-solution-keywords-768x282.webp 768w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/PDS-solution-keywords-1536x564.webp 1536w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/PDS-solution-keywords.webp 1902w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:10em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:10em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-black-color has-text-color has-link-color wp-elements-d69963199e3afe3799d31614a6afae2c is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-black-color has-text-color has-link-color wp-elements-4d9e3962dfd2192bc000e292b0c81995\">Color<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-black-color has-text-color has-link-color wp-elements-3766d31fa437c9be48dcb4a4a8bdfcf3\" style=\"font-style:normal;font-weight:300\">To maintain brand recognition, I retained the company\u2019s signature green but used a darker value to convey greater weight and credibility\u2014appropriate for an information-focused corporate website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"814\" height=\"68\" src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/color_pds.svg\" alt=\"\" class=\"wp-image-2074\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:10em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-black-color has-text-color has-link-color wp-elements-84c5f7eee1ccab2508e75d44c3378e86\">Font<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"450\" src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/PDS-font-Roboto.webp\" alt=\"\" class=\"wp-image-2146\" style=\"object-fit:cover\" srcset=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/PDS-font-Roboto.webp 440w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/PDS-font-Roboto-293x300.webp 293w\" sizes=\"auto, (max-width: 440px) 100vw, 440px\" \/><\/figure>\n\n\n\n<p class=\"has-black-color has-text-color has-link-color wp-elements-6f8491ed9ed06df5d14d9f4d329c6f32\">Title<br><strong>Roboto<\/strong><br>Bold Regular<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"446\" height=\"450\" src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/PDS-font-railway.webp\" alt=\"\" class=\"wp-image-2145\" srcset=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/PDS-font-railway.webp 446w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/PDS-font-railway-297x300.webp 297w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/PDS-font-railway-150x150.webp 150w\" sizes=\"auto, (max-width: 446px) 100vw, 446px\" \/><\/figure>\n\n\n\n<p class=\"has-black-color has-text-color has-link-color wp-elements-6b677dcad777db89de75b18e341b0d0c\">Paragraph<br><strong>Raleway<\/strong><br>Semi Bold Regular Light<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:10em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:10em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns has-white-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h6 class=\"wp-block-heading has-black-color has-text-color has-link-color has-normal-font-size wp-elements-626f1d325df49601970a217f73af9db2\" style=\"font-style:normal;font-weight:400\">Page Architecture<\/h6>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h6 class=\"wp-block-heading has-black-color has-text-color has-link-color has-normal-font-size wp-elements-6d9381094070e28f5d516f028266e297\" style=\"font-style:normal;font-weight:400;text-transform:uppercase\">Wire Frame<\/h6>\n\n\n\n<p class=\"has-text-color has-link-color has-normal-font-size wp-elements-a824c94e2960fadd0d9259f22b65f6e6\" style=\"color:#9f9f9f;font-style:normal;font-weight:300\">Enhancing layout, hierarchy, and visuals to create a seamless user experience through strategic wireframing, iterative page improvements, and refined details.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:8em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1327\" src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/02\/PDS-wireframe-scaled.webp\" alt=\"\" class=\"wp-image-1860\" srcset=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/02\/PDS-wireframe-scaled.webp 2560w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/02\/PDS-wireframe-300x156.webp 300w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/02\/PDS-wireframe-1024x531.webp 1024w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/02\/PDS-wireframe-768x398.webp 768w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/02\/PDS-wireframe-1536x796.webp 1536w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/02\/PDS-wireframe-2048x1062.webp 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div style=\"height:10em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h6 class=\"wp-block-heading has-normal-font-size\" style=\"font-style:normal;font-weight:400\">Landing Page Evolution<\/h6>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:300\">Iterating on layout, messaging, and <br>visuals for better performance.<\/h4>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:85%\">\n<p class=\"has-text-color has-link-color wp-elements-e38363e52f23f80598ab9a68e6296384\" style=\"color:#9f9f9f\">I used PDS\u2019s signature green and a clean, trustworthy design to reflect their biotech identity. To help users easily follow the content flow, I iterated on the layout and messaging for better clarity and navigation. Scientific visuals combined with modern UI elements highlight the brand\u2019s innovation and credibility.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image alignfull size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/PDS-Landing-page-1024x778.webp\" alt=\"\" class=\"wp-image-2154\" srcset=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/PDS-Landing-page-1024x778.webp 1024w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/PDS-Landing-page-300x228.webp 300w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/PDS-Landing-page-768x584.webp 768w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/PDS-Landing-page-1536x1167.webp 1536w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/PDS-Landing-page-2048x1557.webp 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-cover alignfull is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:10em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\" style=\"font-style:normal;font-weight:300\">Visualizing Product Stages with<br>Interactive Graphs<\/h4>\n\n\n\n<p class=\"has-text-align-center has-text-color has-link-color wp-elements-040e795bcb006f71cba97f37a0227e1d\" style=\"color:#9f9f9f\">To help users quickly understand the pipeline status, I designed an interactive bar graph with smooth transitions. <br>This transformed static data into a dynamic experience, <br>improving clarity and engagement in product exploration.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"483\" src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pipe-line-graph-1024x483.webp\" alt=\"\" class=\"wp-image-2163\" srcset=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pipe-line-graph-1024x483.webp 1024w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pipe-line-graph-300x141.webp 300w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pipe-line-graph-768x362.webp 768w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pipe-line-graph.webp 1406w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:10em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:300\">Enhancing Readability with<br>Layout and Graphics<\/h4>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-8d9efdec97ded6ed6e8dc3c2e688bcc8\" style=\"color:#9f9f9f\">The original pages were heavy with text and lacked visual hierarchy. I restructured the layout and added custom visuals to guide users intuitively through complex information, improving both comprehension and user flow.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"652\" src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/02\/handwriting.jpg\" alt=\"\" class=\"wp-image-1614\" srcset=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/02\/handwriting.jpg 1200w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/02\/handwriting-300x163.jpg 300w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/02\/handwriting-1024x556.jpg 1024w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/02\/handwriting-768x417.jpg 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<div style=\"height:10em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h4 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:300\">Strengthening Brand Identity Through Visual Consistency<\/h4>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-8275e513869c89a98c5f26702ac12db1\" style=\"color:#9f9f9f\">To unify the experience, I created on-brand graphics that align with PDS\u2019s tone and color system. This ensured a cohesive visual identity across pages and reinforced trust through consistent design language.<\/p>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1274\" src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pds_ui_02-scaled.webp\" alt=\"\" class=\"wp-image-2078\" srcset=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pds_ui_02-scaled.webp 2560w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pds_ui_02-300x149.webp 300w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pds_ui_02-1024x510.webp 1024w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pds_ui_02-768x382.webp 768w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pds_ui_02-1536x764.webp 1536w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pds_ui_02-2048x1019.webp 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1920\" src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/02\/web_portfolio_mockup_subpages-scaled.webp\" alt=\"\" class=\"wp-image-1906\" srcset=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/02\/web_portfolio_mockup_subpages-scaled.webp 2560w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/02\/web_portfolio_mockup_subpages-300x225.webp 300w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/02\/web_portfolio_mockup_subpages-1024x768.webp 1024w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/02\/web_portfolio_mockup_subpages-768x576.webp 768w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/02\/web_portfolio_mockup_subpages-1536x1152.webp 1536w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/02\/web_portfolio_mockup_subpages-2048x1536.webp 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:10em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading has-text-align-center has-normal-font-size\" style=\"font-style:normal;font-weight:400\">Interactive Map Solution<\/h6>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\" style=\"font-style:normal;font-weight:300\">Built a functional map using CMS extensions <br>to overcome dev limitations<\/h4>\n\n\n\n<p class=\"has-text-align-center has-text-color has-link-color has-normal-font-size wp-elements-bb96f652e66c1673341ac5af2ae7253b\" style=\"color:#9f9f9f\">The development team faced limitations due to the complexity of the interactive map, which risked delaying the overall website launch. With tight deadlines, we prioritized the core website and planned the map feature in phases to ensure timely delivery.<\/p>\n\n\n\n<div style=\"height:6em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1968\" height=\"1272\" src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pds-map-01.webp\" alt=\"\" class=\"wp-image-2090\" srcset=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pds-map-01.webp 1968w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pds-map-01-300x194.webp 300w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pds-map-01-1024x662.webp 1024w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pds-map-01-768x496.webp 768w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/pds-map-01-1536x993.webp 1536w\" sizes=\"auto, (max-width: 1968px) 100vw, 1968px\" \/><\/figure>\n\n\n\n<div style=\"height:10em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<h6 class=\"wp-block-heading has-normal-font-size\" style=\"font-style:normal;font-weight:400\">CMS Extension Options<\/h6>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"34\" height=\"34\" src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/option-01.svg\" alt=\"\" class=\"wp-image-2081\" style=\"width:21px\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:2em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"521\" height=\"321\" src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/option-img-01.webp\" alt=\"\" class=\"wp-image-2083\" srcset=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/option-img-01.webp 521w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/option-img-01-300x185.webp 300w\" sizes=\"auto, (max-width: 521px) 100vw, 521px\" \/><\/figure>\n\n\n\n<p style=\"font-size:22px;font-style:normal;font-weight:300\">The design closely resembles the original concept from the development phase.<\/p>\n\n\n\n<p class=\"has-text-color has-link-color has-normal-font-size wp-elements-598889dfe7418405e5133b821fe8f9e2\" style=\"color:#9f9f9f\">It does not support updating multiple locations simultaneously, which limits its functionality.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"34\" height=\"34\" src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/option-01.svg\" alt=\"\" class=\"wp-image-2081\" style=\"width:21px\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:2em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"510\" height=\"315\" src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/option-img-02.webp\" alt=\"\" class=\"wp-image-2084\" srcset=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/option-img-02.webp 510w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/option-img-02-300x185.webp 300w\" sizes=\"auto, (max-width: 510px) 100vw, 510px\" \/><\/figure>\n\n\n\n<p style=\"font-size:22px\">It effectively presents multiple pieces of information at once, making it easier to view different data points.<\/p>\n\n\n\n<p class=\"has-text-color has-link-color has-normal-font-size wp-elements-87fa72a065aec3008c85b4995ea916c4\" style=\"color:#9f9f9f;font-style:normal;font-weight:300\">The layout does not align with the original intent of creating an interactive experience for users.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:6em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"34\" height=\"34\" src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/option-02.svg\" alt=\"\" class=\"wp-image-2082\" style=\"width:21px\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:2em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"612\" height=\"377\" src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/option-img-03.webp\" alt=\"\" class=\"wp-image-2085\" srcset=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/option-img-03.webp 612w, https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/option-img-03-300x185.webp 300w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><\/figure>\n\n\n\n<p style=\"font-size:22px;font-style:normal;font-weight:300\">The screen is divided into a map and a text section, creating a clean and organized layout.<\/p>\n\n\n\n<p class=\"has-text-color has-link-color has-normal-font-size wp-elements-6cd2a25633f6409a52091cf98b97530c\" style=\"color:#9f9f9f\">While it requires some modifications to the original design, these changes are minimal and allow for the intended functionality to be implemented effectively.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\"><\/div>\n<\/div>\n\n\n\n<div style=\"height:8em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-video aligncenter\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" autoplay loop muted src=\"https:\/\/www.sooha.kim\/wp-content\/uploads\/2025\/05\/interactive-map-screen-pds.mp4\" playsinline><\/video><\/figure>\n\n\n\n<div style=\"height:10em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div style=\"height:10em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns has-white-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h6 class=\"wp-block-heading has-black-color has-text-color has-link-color has-normal-font-size wp-elements-f90983974dfcf99782b3f5ebada5b138\" style=\"font-style:normal;font-weight:400\">Takeaways<\/h6>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h4 class=\"wp-block-heading has-black-color has-text-color has-link-color wp-elements-0b7fbca5b070945a8a39e89e17ee8832\" style=\"font-style:normal;font-weight:400;text-transform:uppercase\">Adapt, Solve, Deliver<\/h4>\n\n\n\n<p class=\"has-text-color has-link-color has-normal-font-size wp-elements-340015fa1db95f3da898fdb9d95372de\" style=\"color:#9f9f9f;font-style:normal;font-weight:300\">This project reinforced that constraints can drive creative solutions. Instead of seeing limitations as roadblocks, they became opportunities to rethink our approach. By prioritizing effectively, managing time wisely, and staying adaptable under pressure, I successfully delivered a high-quality redesign while integrating new interactive elements. Problem-solving isn\u2019t just about fixing issues\u2014it\u2019s about turning challenges into better outcomes.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:5em\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>UXUIGraphic Design Project Overview PDS Biotech needed a website redesign to better communicate with key&hellip;<\/p>\n","protected":false},"featured_media":2069,"template":"","meta":{"inline_featured_image":false},"project-category":[15],"class_list":["post-2066","project","type-project","status-publish","has-post-thumbnail","hentry","has-content"],"_links":{"self":[{"href":"https:\/\/www.sooha.kim\/index.php\/wp-json\/wp\/v2\/project\/2066","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sooha.kim\/index.php\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/www.sooha.kim\/index.php\/wp-json\/wp\/v2\/types\/project"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sooha.kim\/index.php\/wp-json\/wp\/v2\/media\/2069"}],"wp:attachment":[{"href":"https:\/\/www.sooha.kim\/index.php\/wp-json\/wp\/v2\/media?parent=2066"}],"wp:term":[{"taxonomy":"project-category","embeddable":true,"href":"https:\/\/www.sooha.kim\/index.php\/wp-json\/wp\/v2\/project-category?post=2066"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}