Graphic System
Graphic System
Enhancing Brand Perception Through Visual Design
Enhancing Brand Perception Through Visual Design
Regulatory changes intensified competition in South Korea’s fintech industry. To stand out, we needed a strategy to strengthen brand positioning and attract younger users.
As part of the brand team, I focused on enhancing the app’s visual identity to improve user perception. This led to a revamped graphic system that elevated brand perception and improved the overall visual experience.
Regulatory changes intensified competition in South Korea’s fintech industry. To stand out, we needed a strategy to strengthen brand positioning and attract younger users.
As part of the brand team, I focused on enhancing the app’s visual identity to improve user perception. This led to a revamped graphic system that elevated brand perception and improved the overall visual experience.
Industry
Fintech
Client
Banksalad
Timeline
8 Months
Year
2023
Project Team
Brand Designer(2, including me), Motion Designer(1), Developer(3)
Overview
Goal
Banksalad primarily serves users in their 30s and 40s who are already experienced in asset management. To attract a younger audience, I redefined the service’s visual identity, making financial management more approachable for beginners in their 20s.
Banksalad primarily serves users in their 30s and 40s who are already experienced in asset management. To attract a younger audience, I redefined the service’s visual identity, making financial management more approachable for beginners in their 20s.
What did I work on?
Strengthening UX with a Cohesive Brand Identity
Strengthening UX with a Cohesive
Brand Identity
• Expanded icons and illustrations into interactive UX, leading design for six new services. This approach boosted engagement, retention, and acquisition.
Optimizing Asset Management for Faster Execution
Optimizing Asset Management for
Faster Execution
• Streamlined asset registration, enabling designers to update graphics without developer support, leading to a 94% legacy asset replacement across the product.
Establishing Scalable Graphic Guidelines for Efficiency
Establishing Scalable Graphic
Guidelines for Efficiency
• Developed standardized guidelines for style, size, and layout, ensuring visual consistency and optimizing the design workflow to accelerate production speed by 325%.
Outcome
Outcome
Results in Numbers
Results in Numbers
I built a scalable graphic system to streamline workflows and improve efficiency. Using this system, I designed interactive experiences that lowered financial barriers, driving higher adoption among users in their 20s.
I built a scalable graphic system to streamline workflows and improve efficiency. Using this system, I designed interactive experiences that lowered financial barriers, driving higher adoption among users in their 20s.
Designed a graphic system that enhanced financial accessibility, playing a role in the 6.6% increase in users in their 20s.
Designed a graphic system that enhanced financial accessibility, playing a role in the 6.6% increase in users in their 20s.
Designed a graphic system that enhanced financial accessibility, playing a role in the 6.6% increase in users in their 20s.
6.6%
6.6%
Optimized the design workflow, accelerating production speed by 325%
Optimized the design workflow, accelerating production speed by 325%
Optimized the design workflow, accelerating production speed by 325%
325%
325%
Visual System
Visual System
Crafting a Cohesive and Engaging Visual Experience
Crafting a Cohesive and Engaging Visual Experience
To create a seamless and intuitive user experience, we leverage illustrations and icons that enhance clarity, engagement, and brand personality. By thoughtfully integrating motion, color, and consistency, we ensure every visual element serves both function and aesthetics, making interactions more intuitive and memorable.
To create a seamless and intuitive user experience, we leverage illustrations and icons that enhance clarity, engagement, and brand personality. By thoughtfully integrating motion, color, and consistency, we ensure every visual element serves both function and aesthetics, making interactions more intuitive and memorable.
Maintaining UI Consistency with Monochrome Icons
Maintaining UI Consistency with Monochrome Icons
Monochrome icons are designed for essential system functions like navigation and menus. By minimizing visual hierarchy, they ensure a clean, consistent interface, allowing key content to stand out without distraction.
Monochrome icons are designed for essential system functions like navigation and menus. By minimizing visual hierarchy, they ensure a clean, consistent interface, allowing key content to stand out without distraction.
Enhancing User Engagement with Colour Icons
Enhancing User Engagement with Colour Icons
To create a more intuitive and engaging experience, Banksalad utilizes colour icons to highlight essential UI elements. Inspired by the familiarity of emojis, these icons make financial services feel more accessible and approachable, particularly for younger users. This design choice helps simplify complex information and enhances user engagement.
To create a more intuitive and engaging experience, Banksalad utilizes colour icons to highlight essential UI elements. Inspired by the familiarity of emojis, these icons make financial services feel more accessible and approachable, particularly for younger users. This design choice helps simplify complex information and enhances user engagement.
Enhancing Visual Engagement with Motion Icons
Enhancing Visual Engagement with Motion Icons
To create a more engaging and intuitive user experience, static colour icons are transformed into motion icons based on the service context. This dynamic approach reinforces Banksalad’s core values of friendliness and reliability, making interactions feel more natural and approachable.
To create a more engaging and intuitive user experience, static colour icons are transformed into motion icons based on the service context. This dynamic approach reinforces Banksalad’s core values of friendliness and reliability, making interactions feel more natural and approachable.
Enhancing Engagement with Illustrations
Enhancing Engagement with Illustrations
Illustrations play a key role in marketing and promotional pages, serving as impactful hero visuals. Designed with a vibrant and dynamic color palette, they effectively capture attention, enhance storytelling, and create an engaging visual experience for users.
Illustrations play a key role in marketing and promotional pages, serving as impactful hero visuals. Designed with a vibrant and dynamic color palette, they effectively capture attention, enhance storytelling, and create an engaging visual experience for users.
Design Ops
Design Ops
Streamlining Asset Management for a More Efficient Workflow
Streamlining Asset Management for a More Efficient Workflow
Managing graphic assets shouldn’t be a bottleneck. Previously, designers had to rely on developers to register assets in the design system, causing unnecessary delays. By optimizing this process, we developed a seamless, self-sufficient workflow where designers can independently manage assets, reducing dependency on development resources and improving overall efficiency.
Managing graphic assets shouldn’t be a bottleneck. Previously, designers had to rely on developers to register assets in the design system, causing unnecessary delays. By optimizing this process, we developed a seamless, self-sufficient workflow where designers can independently manage assets, reducing dependency on development resources and improving overall efficiency.
Building a Scalable Design System Through Cross-Team Collaboration
Building a Scalable Design System Through Cross-Team Collaboration
Collaboration is key to a scalable design system. Partnering with the Designer Chapter and Brand Team, we established unified principles and streamlined workflows. By optimizing asset registration within the Design System TFT, we empowered designers to independently manage UI components, reducing reliance on backend processes and enhancing operational efficiency.
Collaboration is key to a scalable design system. Partnering with the Designer Chapter and Brand Team, we established unified principles and streamlined workflows. By optimizing asset registration within the Design System TFT, we empowered designers to independently manage UI components, reducing reliance on backend processes and enhancing operational efficiency.
Scaling Design Efficiency with Modular Graphics
Scaling Design Efficiency with Modular Graphics
Managing a complex product with multiple features requires a scalable design system. By implementing a modular approach to graphic assets, we enabled designers to create consistent visuals faster by reusing foundational elements and making precise adjustments where needed. This optimized workflow reduced redundancy, enhanced consistency, and significantly improved design efficiency.
Managing a complex product with multiple features requires a scalable design system. By implementing a modular approach to graphic assets, we enabled designers to create consistent visuals faster by reusing foundational elements and making precise adjustments where needed. This optimized workflow reduced redundancy, enhanced consistency, and significantly improved design efficiency.
Scaling Illustration Efficiency with Modular Icons
Scaling Illustration Efficiency with Modular Icons
By leveraging modular icons, we transformed the illustration process into a streamlined, scalable workflow. Instead of creating complex graphics from scratch, designers could efficiently assemble icons into structured compositions. This innovation, combined with a robust design system, led to a remarkable 325% increase in graphic production within the same timeframe.
By leveraging modular icons, we transformed the illustration process into a streamlined, scalable workflow. Instead of creating complex graphics from scratch, designers could efficiently assemble icons into structured compositions. This innovation, combined with a robust design system, led to a remarkable 325% increase in graphic production within the same timeframe.
Design Impact
Leveraging Graphic Design to Enhance User Engagement and Service Metrics
Leveraging Graphic Design to Enhance User Engagement and Service Metrics
A well-structured design system transforms graphics from static visuals into strategic assets that drive engagement and usability. By simplifying complex financial features and incorporating intuitive interactions, we create meaningful “Aha moments” that enhance user understanding. This approach seamlessly integrates brand identity into the product experience, strengthening both trust and engagement.
A well-structured design system transforms graphics from static visuals into strategic assets that drive engagement and usability. By simplifying complex financial features and incorporating intuitive interactions, we create meaningful “Aha moments” that enhance user understanding. This approach seamlessly integrates brand identity into the product experience, strengthening both trust and engagement.
Boosting App Retention with Reward-Driven Engagement
Boosting App Retention with Reward-Driven Engagement
To drive user retention, Banksalad leveraged a reward-based engagement strategy, offering cashback coupons for loan transactions. By implementing an interactive UI that highlights these rewards, we enhanced user motivation and increased loan transactions. This initiative resulted in a substantial uplift in both MAU and user conversions.
To drive user retention, Banksalad leveraged a reward-based engagement strategy, offering cashback coupons for loan transactions. By implementing an interactive UI that highlights these rewards, we enhanced user motivation and increased loan transactions. This initiative resulted in a substantial uplift in both MAU and user conversions.
Designing High-Impact, Viral Content in Just One Week
Designing High-Impact, Viral Content in Just One Week
To maximize engagement and shareability, we optimized our design process using existing assets. For a year-end campaign, we created an interactive content page visualizing consumer spending trends. Within a week, we designed over 30 badges, significantly boosting SNS share rates and screenshot capture metrics, making it one of the most viral campaigns of the year.
To maximize engagement and shareability, we optimized our design process using existing assets. For a year-end campaign, we created an interactive content page visualizing consumer spending trends. Within a week, we designed over 30 badges, significantly boosting SNS share rates and screenshot capture metrics, making it one of the most viral campaigns of the year.
Lowering Barriers to Adoption for Emerging Healthcare Services
Lowering Barriers to Adoption for Emerging Healthcare Services
Breaking into the healthcare industry requires more than just innovation—it demands trust and approachability. To reduce the psychological barrier associated with microbiome testing, we crafted an engaging user journey through interactive design and compelling visual storytelling. This strategy drove high virality, significantly increasing adoption among younger audiences.
Breaking into the healthcare industry requires more than just innovation—it demands trust and approachability. To reduce the psychological barrier associated with microbiome testing, we crafted an engaging user journey through interactive design and compelling visual storytelling. This strategy drove high virality, significantly increasing adoption among younger audiences.
