2021 - Present
UX UI Designer | Front-End Developer
UX UI Designer | Front-End Developer
Wordpress Components
-Mission & Impact page
Role
Role
In-house UX/UI Designer, Design Engineer & Front-end Developer
In-house UX/UI Designer, Design Engineer & Front-end Developer
Tools
Tools
Figma, WordPress, HTML, CSS, PHP, JavaScript
Figma, WordPress, HTML, CSS, PHP, JavaScript
The Challenge
The Challenge
The Marketing team at JUST Capital needed a flexible way to build content-rich pages without relying on one-off designs or engineering support. Existing layouts were inconsistent, difficult to maintain, and not optimized for long-form storytelling or evolving content needs.
The challenge was to design a modular WordPress system that ensured consistency while giving editors the flexibility to create visually rich, narrative-driven pages for blogs, stories, campaigns, and impact reports.
The Marketing team at JUST Capital needed a flexible way to build content-rich pages without relying on one-off designs or engineering support. Existing layouts were inconsistent, difficult to maintain, and not optimized for long-form storytelling or evolving content needs.
The challenge was to design a modular WordPress system that ensured consistency while giving editors the flexibility to create visually rich, narrative-driven pages for blogs, stories, campaigns, and impact reports.
Solution
Solution
I designed and developed a scalable set of reusable WordPress modules—each built with a shared visual language, content logic, and responsive structure. This system allows internal editors to assemble pages easily while maintaining brand consistency.
My contributions included:
Designing a flexible component library to support multiple content types
Establishing unified typography, spacing, and layout rules across all modules
Creating accessible, editor-friendly UI patterns in WordPress
Building front-end code for production, optimized for scalability
Collaborating with Marketing and Engineering to refine functionality and edge cases
I designed and developed a scalable set of reusable WordPress modules—each built with a shared visual language, content logic, and responsive structure. This system allows internal editors to assemble pages easily while maintaining brand consistency.
My contributions included:
Designing a flexible component library to support multiple content types
Establishing unified typography, spacing, and layout rules across all modules
Creating accessible, editor-friendly UI patterns in WordPress
Building front-end code for production, optimized for scalability
Collaborating with Marketing and Engineering to refine functionality and edge cases
Impact & Outcomes
Impact & Outcomes
Enabled the Marketing team to create new pages independently, reducing reliance on design and engineering
Improved publishing workflow speed and consistency across multiple content types
Provided a foundation for a scalable WordPress design system used for future campaigns and stories
Improved content clarity and engagement through structured, UX-focused modules
Created cleaner, more cohesive storytelling experiences across the JUST Capital website
Enabled the Marketing team to create new pages independently, reducing reliance on design and engineering
Improved publishing workflow speed and consistency across multiple content types
Provided a foundation for a scalable WordPress design system used for future campaigns and stories
Improved content clarity and engagement through structured, UX-focused modules
Created cleaner, more cohesive storytelling experiences across the JUST Capital website
Objective
Objective
Design reusable modules and styles to drive visual and structural consistency across the site.
Improve content management efficiency by giving internal teams intuitive, adaptable building blocks instead of one-off layouts.
Establish the foundation of a scalable design system in WordPress that can support new pages, campaigns, and content types over time.
Design reusable modules and styles to drive visual and structural consistency across the site.
Improve content management efficiency by giving internal teams intuitive, adaptable building blocks instead of one-off layouts.
Establish the foundation of a scalable design system in WordPress that can support new pages, campaigns, and content types over time.
Modules
Modules
Data Badge
Data Badge
The Data Badge module highlights key metrics with clear labels and descriptions, making high-impact numbers easy to scan and understand. Internal editors can emphasize content through bolding and inline links, improving readability and enabling them to connect data points to deeper stories or resources.
The Data Badge module highlights key metrics with clear labels and descriptions, making high-impact numbers easy to scan and understand. Internal editors can emphasize content through bolding and inline links, improving readability and enabling them to connect data points to deeper stories or resources.
Multiple Quotes
Multiple Quotes
The Multiple Quotes module lets editors pair quotes with supporting imagery, creating more engaging storytelling moments. It’s designed to handle multiple quotes in a single section, ensuring consistent typography, layout, and spacing while giving the team flexibility in how they feature voices and perspectives.
The Multiple Quotes module lets editors pair quotes with supporting imagery, creating more engaging storytelling moments. It’s designed to handle multiple quotes in a single section, ensuring consistent typography, layout, and spacing while giving the team flexibility in how they feature voices and perspectives.
Anchor Links
Anchor Links
The Anchor Links module provides a short page introduction and a built-in quick navigation bar. It’s optimized for long-form content, allowing visitors to jump directly to relevant sections with a single click. This improves scannability, reduces scroll fatigue, and supports a smoother reading experience on content-dense pages.
The Anchor Links module provides a short page introduction and a built-in quick navigation bar. It’s optimized for long-form content, allowing visitors to jump directly to relevant sections with a single click. This improves scannability, reduces scroll fatigue, and supports a smoother reading experience on content-dense pages.
Header
Header
The Header module lets editors combine a hero image, title, and description in a flexible layout. They can choose left, center, or right alignment for the text, giving them control over emphasis while still staying within a consistent visual system.
The Header module lets editors combine a hero image, title, and description in a flexible layout. They can choose left, center, or right alignment for the text, giving them control over emphasis while still staying within a consistent visual system.
Partner Company Logo Listing
Partner Company Logo Listing
The Partner Company Logo Listing module is designed to showcase the breadth of JUST Capital’s corporate partners in a clean, structured way. It scales to accommodate a large number of logos while keeping alignment, spacing, and hierarchy consistent. This allows the team to celebrate partner contributions without sacrificing clarity or layout stability.
The Partner Company Logo Listing module is designed to showcase the breadth of JUST Capital’s corporate partners in a clean, structured way. It scales to accommodate a large number of logos while keeping alignment, spacing, and hierarchy consistent. This allows the team to celebrate partner contributions without sacrificing clarity or layout stability.
Article Listing
Article Listing
The Article Listing module gives editors a flexible way to surface key articles, news, and blog posts. It supports curated collections with clear titles, descriptions, and calls to action, helping important content stand out and making it easier for visitors to explore related topics.
The Article Listing module gives editors a flexible way to surface key articles, news, and blog posts. It supports curated collections with clear titles, descriptions, and calls to action, helping important content stand out and making it easier for visitors to explore related topics.
Single Quote
Single Quote
The Single Quote module is tailored for high-impact quotes from influential leaders. It allows editors to display the speaker’s image, quote, name, title, and company logo in a cohesive layout. Background colors can be customized within JUST Capital’s brand palette, giving the team flexibility while preserving a strong, recognizable style.
The Single Quote module is tailored for high-impact quotes from influential leaders. It allows editors to display the speaker’s image, quote, name, title, and company logo in a cohesive layout. Background colors can be customized within JUST Capital’s brand palette, giving the team flexibility while preserving a strong, recognizable style.
Visit the live site to see how the Marketing team has implemented and evolved these modules in production.
Visit the live site to see how the Marketing team has implemented and
evolved these modules in production.
Role
In-house UX/UI Designer, Design Engineer & Front-end Developer
Tools
Figma, WordPress, HTML, CSS, PHP, JavaScript
The Challenge
The Marketing team at JUST Capital needed a flexible way to build content-rich pages without relying on one-off designs or engineering support. Existing layouts were inconsistent, difficult to maintain, and not optimized for long-form storytelling or evolving content needs.
The challenge was to design a modular WordPress system that ensured consistency while giving editors the flexibility to create visually rich, narrative-driven pages for blogs, stories, campaigns, and impact reports.
Solution
I designed and developed a scalable set of reusable WordPress modules—each built with a shared visual language, content logic, and responsive structure. This system allows internal editors to assemble pages easily while maintaining brand consistency.
My contributions included:
Designing a flexible component library to support multiple content types
Establishing unified typography, spacing, and layout rules across all modules
Creating accessible, editor-friendly UI patterns in WordPress
Building front-end code for production, optimized for scalability
Collaborating with Marketing and Engineering to refine functionality and edge cases
Impact & Outcomes
Enabled the Marketing team to create new pages independently, reducing reliance on design and engineering
Improved publishing workflow speed and consistency across multiple content types
Provided a foundation for a scalable WordPress design system used for future campaigns and stories
Improved content clarity and engagement through structured, UX-focused modules
Created cleaner, more cohesive storytelling experiences across the JUST Capital website
Objective
Design reusable modules and styles to drive visual and structural consistency across the site.
Improve content management efficiency by giving internal teams intuitive, adaptable building blocks instead of one-off layouts.
Establish the foundation of a scalable design system in WordPress that can support new pages, campaigns, and content types over time.
2025
Jinju Park