2021 - Present
UX UI Designer | Front-End Developer
In-house UX/UI Designer & Front-end Developer
Approach
As part of my role at JUST Capital, I designed the Index Concept Page, aimed at providing a comprehensive performance overview for potential clients. This project falls under a series of initiatives I have worked on since July 2021, including:
UX/UI Design + Front-End: JUST Gen, JUST Jobs Scorecard, Mission & Impact, JUST Intelligence(Paid Product)
UX/UI Elements: Unique Event (used in rankings), Excel Data Visualization Guidelines/Template.
Objective
The Index Concept Page was crafted to help the target audience navigate complex corporate performance data and proprietary ranking analysis. It highlights market performance and the impact of various ESG-related themes, organized into six distinct categories.
Role & Collaboration
My role involved synthesizing three different data visualizations into a cohesive user experience. This project necessitated extensive collaboration with cross-functional teams, including research, engineering, marketing, and investment, to ensure alignment with stakeholder needs.
Challenges & Solutions
One significant challenge was presenting dense information in an easily digestible format. Initially, the design compared stakeholders directly, but through the design process, I shifted the concept to a non-comparative overview for enhanced clarity.
Landing Page: Designed three grid-based landing page options, each straightforward and user-friendly, focusing on category navigation.
Detail Page: Developed a detail page featuring a performance table, year-on-year graph, sector analysis, and impact graph, accompanied by concise category descriptions.
Wireframe
One significant challenge was presenting dense information in an easily digestible format. Initially, the design compared stakeholders directly, but through the design process, I shifted the concept to a non-comparative overview for enhanced clarity.
Landing Page: Designed three grid-based landing page options, each straightforward and user-friendly, focusing on category navigation.
Detail Page: Developed a detail page featuring a performance table, year-on-year graph, sector analysis, and impact graph, accompanied by concise category descriptions.
Landing page
Detail page
Mid-Fidelity
Images have been incorporated in accordance with the branding guidelines, while interactive semi-prototypes have been developed for internal stakeholders through the addition of hooks, footers, and UI components.
In the detailed pages, an extensive list of stakeholders was provided. One proposed solution involved implementing a dropdown menu in Design 1, while Design 2 sought to foster user interaction and provide visual cues through imagery, employing a tab design for the stakeholders' call-to-action (CTA).
High-Fidelity
I presented three enhanced solutions for accommodating lengthy stakeholder names, while upholding the tab design and exploring diverse layouts suitable for informative content.
Incorporated subtle UI elements to ensure the provision of clear visual cues, thereby facilitating seamless navigation for users across different categories.
Landing page
Detail page
Final Design
Click image to go to live site
After feedback and further iteration, the final design revisited one of the earlier wireframe concepts, resulting in a significantly enhanced internal presentation. (Details are confidential.)
2024
Jinju Park