2021 - Present
UX UI Designer | Front-End Developer
This is a work-in-progress. Feel free to reach out for an in-depth look and to explore the UX/UI design details.
In-House UX/UI Designer & Front-End Developer
Figma, GitHub, HTML, CSS, PHP, JavaScript
This innovative tool marks the debut of JUST Capital's first paid product, designed to deliver comprehensive, data-driven insights that align with the interests of stakeholders and foster sustainable business value. With this tool, users can access detailed performance rankings from JUST Capital, enabling them to compare their organization against peers in the industry. It also offers a clear snapshot of various categories, highlighting both leading and lagging areas of performance. Additionally, the simulation tool allows users to conduct scenario analyses, helping to forecast potential outcomes and make informed strategic decisions.
Approach
Problem Identification:
Businesses face challenges in aligning with stakeholder priorities while driving sustainable business practices.
Decision-makers need actionable insights to understand their standing in the market and plan effectively for improvement.
Solution Design:
Built with a user-centric approach to offer intuitive access to data.
Developed tools and visualizations highlighting critical insights in a clear, digestible format.
Implementation:
Data Integration: Leveraged JUST Capital’s robust datasets to provide meaningful comparisons.
Interactive Features: Designed simulation capabilities for strategic scenario planning.
Visual Design: Ensured easy-to-navigate dashboards to enhance user engagement through the JUST Capital ecosystem.
Impact:
Encourages businesses to prioritize sustainable practices by showing their direct impact on performance.
Empower organizations to make data-driven decisions, fostering growth and industry leadership.
Objective
As a UX/UI Designer and Front-End Developer, I aim to create intuitive and engaging experiences for users interacting with complex, data-driven tools in this project. Working within a cross-functional team, I contributed throughout the project lifecycle, integrating diverse perspectives to enhance usability. This project showcases my ability to transform intricate datasets into user-friendly, actionable insights, bridging the gap between design and data. Through thoughtful interaction design and development, I strive to promote sustainable business practices and drive long-term success.
The JUST Intelligence tool combines several essential features that allow users to utilize JUST Capital's data effectively. With a focus on intuitive design and seamless functionality, these tools provide a cohesive user experience:
Company Performance
Performance Explorer
Performance Highlights
Scorecard
Your Peers
Peer Comparison
Leading Practices
Analysis
Scenario
Rankings
Company Performance
Performance Explorer
This tool offers key features designed to enhance stakeholder engagement. It provides data visualizations and year-over-year insights, enabling users to easily track performance trends, identify areas for improvement, and pinpoint aspects requiring attention. Additionally, it delivers detailed data points with descriptions, methodology updates, and benchmarking information—offering highly valuable insights derived from JUST Capital’s extensive dataset.
Data Visualization for Quick Overview
The page starts with basic company information and interactive data visualizations (treemap and line graph) to give users a quick overview of the data's weights. This approach is designed for those who prefer exploring the data interactively before delving deeper into detailed insights.
Data Visualization for Quick Overview
The page starts with basic company information and interactive data visualizations (treemap and line graph) to give users a quick overview of the data's weights. This approach is designed for those who prefer exploring the data interactively before delving deeper into detailed insights.
Data Visualization & Transforming Information
Designed and implemented a data visualization system that transforms complex datasets into clear, actionable insights. Focused on usability, clarity, information hierarchy, and accessibility to help users quickly identify key data points and track year-over-year trends, empowering them to make data-driven decisions efficiently while ensuring a seamless experience.
Designed an intuitive card-based layout to present essential information, including data names, descriptions, current values, user-specific metrics, and methodology updates.
Structured data into industry and overall columns to enhance readability and comparison.
Integrated a ranking system with a weighted color scale to help users instantly gauge data significance and relevance.
Boosted user engagement by linking each data point to Leading Practices, providing direct access to actionable insights.
Performance highlights
This page offers a straightforward and visually intuitive design, allowing users to quickly grasp key performance metrics through color-coded comparisons of top and bottom data points. Each highlighted metric is presented as a CTA, giving users easy access to leading practices related to those data points. Additionally, the page features. It allows leadership recognition, showcasing key achievements and rankings.
Best & Lowest Performance
The metrics are color-coded in green and red to highlight the best and lowest values easily. Each card displays the metric's name, rank, the number of companies tied, and the total number of companies, for both overall and industry data. The design incorporates a simple CTA interaction, allowing users to access leading practice information related to each metric.
Scorecard
The Scorecard serves a unique purpose and targets a different audience compared to the other tools featured on this page. It provides an in-depth analysis at the datapoint level, utilizing specific methods for benchmarking, datapoint values, and scoring metrics. Furthermore, the Scorecard offers a peer comparison feature, enabling users to evaluate their values and scores against those of their peers.
Topic Card
The Topic Card highlights top-performing companies and industry leaders, providing a high-level overview of scores across all topics. Designed for quick insights, it allows users to grasp key performance metrics at a glance before diving into more detailed information.
Datapoints & Score metrics
Each datapoint is evaluated using distinct scoring metrics and definitions, with a maximum score of 4. To enhance clarity and usability, we implemented a color-coded system that visually differentiates score levels at a glance. Users can seamlessly toggle between “My Company,” “Industry,” and “All Companies” views, enabling intuitive comparisons and deeper insights into performance benchmarks.
Peer Comparison for Scorecard
Users can customize their peer comparison by selecting up to three peers directly within the Scorecard page. This feature enables a more tailored benchmarking experience, allowing users to compare scores and performance metrics against their chosen peers for deeper insights.
Click image to go to live site
Read more about the Phase 2 of the JUST Job Scorecard
Your Peers
Peer Comparison
This tool was developed through multiple design iterations to effectively manage and present a large volume of data. It enables users to compare their data points and rankings against those of their selected peers. The user interface is simplified and intuitive, allowing for easy navigation. By focusing on usability, the tool ensures users can quickly access and interpret key metrics, providing a smooth and efficient comparison experience that supports informed decision-making.
Tooltips
Given the tool’s vast amount of over 100 raw data points each year, tooltips were implemented to optimize space while providing detailed descriptions of each data point. This ensures users can access essential information without cluttering the interface, enhancing usability and helping users quickly understand key metrics as they navigate the tool.
Data Hierarchy
The Comparison Rankings feature delves into five levels: stakeholder, issue, metrics, data points, and raw data points. These levels are visually distinguished by distinct colors, allowing users to easily differentiate each category without the need for verbal explanations, streamlining the user experience and enhancing clarity.
Leading Practice
This tool highlights all leading practices for each datapoint, sourced directly from the Performance Explorer. Users can explore showcase company examples, methodology changes, disclosure practices, and industry-leading standards. It also provides insights into their position within the industry and overall distribution for a comprehensive benchmarking experience. To ensure consistency while handling repeated content with varying data, the design was structured as a flexible card template. This allows data teams to seamlessly update information while maintaining the visual integrity and usability of the page.
Analysis
Scenario
The Analysis feature allows users to simulate changes in their data to hypothesize potential outcomes. By adjusting key metrics and raw data points, users can explore different scenarios and assess their impact on rankings and performance, supporting data-driven decision-making.
Create New Scenario
Users can modify values within the tool based on valid and adjustable data, allowing for scenario-based analysis. The page provides a clear view of overall and industry rankings across stakeholders, issues, and metrics, streamlining the comparison process and making it easier to assess performance at multiple levels.
View Scenario Result
The Results Page highlights only the stakeholders, issues, and metrics affected by ranking changes, providing a focused view rather than displaying the full dataset. Users can also see the specific value changes they made compared to the original data, ensuring transparency in how modifications impact overall and industry rankings.
Rankings
The Phase 2 peer comparison scorecard now offers unlimited peer options for comparison. To enhance the user experience, we've introduced tooltips that provide easy access to definitions for categories, topics, data points, and scoring logic, simplifying the analysis and interpretation of peer data.
Click image to go to live site
This main site has the similar treatment and content of the rankings to Intelligence Rankings as well.
2025
Jinju Park