https://amyleeportfolio.com Amy Lee Portfolio Wed, 30 Jul 2025 23:09:19 +0000 https://amyleeportfolio.com en https://amyleeportfolio.com/AMY-DONGEUN-LEE Mon, 08 Apr 2024 02:26:20 +0000 Amy Lee Portfolio https://amyleeportfolio.com/AMY-DONGEUN-LEE Welcome to you, and thank you for visiting! I have experience in various fields, such as news, media, and fintech, as well as company-wide UX/UI, visual leading, and people management. As a product design lead, I understand the user's needs and provide them with the right time and place to deliver a design that enhances usability. To achieve the goals, I collaborate closely with product partners to understand customers, identify their pain points, and develop strategies to address them. I also conduct research in order to strategically design and understand users. Relying on these considerations, I collaborate closely with developers to deliver optimal service, thereby facilitating the refinement of my designs and ensuring seamless user experience. &nbsp; As a creative director, I am a creative problem solver with a strong sensibility for typography and high-end creative design skills. I have experience in Web, Mobile (iOS/Android), Wearable (Apple Watch), TV (Apple TV), Publications, Branding / Corporate Identity, and Advertisement Design. &nbsp; Highlights based on my experience - UX/UI strategy establishment and scenarios planning- Experience in UX/UI, visual implementation directing and product build/release- Operation roadmap establishment and operation plan proposal after product launch;- UI/Visual identity and design language establishment, content creation guide establishment- Usability testing, the planning and execution of user research- Data-based insights derivation and the application plan proposal- Marketing strategy establishment and execution- Branding/Visual strategy and direction establishment- Experience in off-line design performance and directing such as Branding, Editorial, Advertising etc.- Organizational goal setting, performance management, and human resource development- Career vision suggestion, career track management, and mentoring For any inquiries, please contact via email or phone design.amylee@gmail.com https://amyleeportfolio.com/Agentic-AI Wed, 30 Jul 2025 23:09:19 +0000 Amy Lee Portfolio https://amyleeportfolio.com/Agentic-AI Agentic AIPurposeChase currently offers a chatbot within its banking app that responds to customer inquiries. This project aims to evolve that functionality by leveraging AI to develop a more agentic experience—one that actively assists users by drawing on a rich set of customer data and Chase’s diverse content. The goal is to deepen the understanding of customer needs and proactively help them complete tasks. It also enables users to easily manage past conversations and integrates these interactions with their banking activities, ultimately enriching not just their financial management but also their daily lives. Roll &amp; Challenges As the design lead for this project, I was responsible for deeply understanding the product vision and translating it into a design direction that aligned with Chase’s brand identity. My goal was to convey a sense of sophistication and trust—core values of the Chase brand—while also introducing a premium and intelligent experience that reflects the capabilities of Agentic AI. I developed a design strategy that balanced reliability with innovation, ensuring that customers felt both secure and empowered by this next-generation service, and applied this vision consistently across the product experience. Project VisionWe envisioned a smarter, always-on Chase experience—powered by AI agents that anticipate user needs and act seamlessly on their behalf. Through ambient, multimodal, and contextual interactions, Chase empowers users to reach their financial goals with clarity, confidence, and a true sense of partnership.Key Goals Deliver a personalized, intelligent system that evolves with each userEliminate friction in financial decision-making through proactive guidanceBuild trust through transparency, consistency, and human-centered designSupport multi-modal interaction (visual, conversational, predictive)Reflect the Chase North Star aesthetic through elevated data visualization and design tokenization <img width="3840" height="1340" width_o="3840" height_o="1340" data-src="https://freight.cargo.site/t/original/i/f952ceffe2c1aa5e250188602955f8c4b253488cb823d485bd673e9058b4facb/agentic2.jpg" data-mid="243616921" border="0" src="https://freight.cargo.site/w/1000/i/f952ceffe2c1aa5e250188602955f8c4b253488cb823d485bd673e9058b4facb/agentic2.jpg" /> Operating Principles To realize our Agentic AI vision, we defined key operating principles to ensure a seamless and proactive customer experience aligned with JPMC’s CX standards. 1. Multi-modal interactionUsers can fluidly switch between voice and touch interfaces, based on their context.2. Proactive intelligenceAI agents handle tasks, learn from user behavior, and act ahead of time to reduce effort and support financial goals.3. Always-on, ambient supportAgents continuously work in the background, remembering preferences and offering timely assistance. <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/9bcb085f86e91b75cac6c43543ea25ce2a5338050b30a81c7458ebed4ecddd82/agentic3.jpg" data-mid="243616922" border="0" src="https://freight.cargo.site/w/1000/i/9bcb085f86e91b75cac6c43543ea25ce2a5338050b30a81c7458ebed4ecddd82/agentic3.jpg" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/c8955f61f86854d456acffd3e2c7fdec13cc68bda47a17e0ca949410816d202a/agentic1.jpg" data-mid="243616903" border="0" src="https://freight.cargo.site/w/1000/i/c8955f61f86854d456acffd3e2c7fdec13cc68bda47a17e0ca949410816d202a/agentic1.jpg" /> Design PrinciplesCreating a trustworthy, seamless, and intelligent user experience through design 1. Multi-modal interactionSupport voice, text, and other engagement methods based on user context and preference. Enabling flexible and natural interaction pathways.2. Seamless ContinuityAllow conversations to span across time with smooth transitions and context memory. Building persistent, cohesive experiences.3. Trust &amp; ReliabilityBuild confidence through consistent, accurate responses. Delivering dependable service aligned with Chase’s brand of trust.4. Proactive IntelligenceAnticipate user needs with ambient and context-aware support. Delivering meaningful guidance before users even ask. Chase's Visual Philosophy: Premium by DesignAt Chase, our design philosophy centers on delivering premium services to premium customers. This design direction explores a concept where Chase Advisors provide a high-touch, personalized experience through direct, elevated assistance—blending trust, sophistication, and service excellence into every interaction. <img width="3856" height="2168" width_o="3856" height_o="2168" data-src="https://freight.cargo.site/t/original/i/3a283f48adc72c6ebfd48b1978a98523ccf915faae8d02ecda5162f10c4de0c7/mood-board.jpg" data-mid="236468959" border="0" src="https://freight.cargo.site/w/1000/i/3a283f48adc72c6ebfd48b1978a98523ccf915faae8d02ecda5162f10c4de0c7/mood-board.jpg" /> Rather than relying on uniform text sizes and colors for information delivery, I used display typography and gold accents to draw attention to key messages, creating a sense of hierarchy and focus. To help users better understand complex financial and lifestyle data, I designed custom data visualizations that simplified information at a glance. I also developed a consistent card-based layout system to present various options and insights in a digestible, visually appealing format. Lastly, by incorporating dynamic visual responses for both voice and text-based queries, I enhanced the overall user experience with a more engaging, responsive interaction model. https://amyleeportfolio.com/Data-visualization Mon, 08 Apr 2024 02:26:21 +0000 Amy Lee Portfolio https://amyleeportfolio.com/Data-visualization Chase Visualization PurposeUsers rely on financial data to make important decisions, yet complex data is often difficult to interpret quickly and confidently. Existing experiences lacked clear visual hierarchy, making it challenging for users to understand relationships between values, trends, and context at a glance. At the same time, Chase’s growing ecosystem required data-visual components that could scale seamlessly across products while maintaining consistency with the Design North Star and preserving a premium brand experience. SolutionWe redesigned the data visualization system to present financial information in a more intuitive, legible, and visually structured way. By introducing tile-based and contextual layout patterns, we established stronger visual hierarchy and improved scannability across data-dense surfaces. All components were fully tokenized to support Chase’s multi-brand color system and ensure consistency across platforms. While the foundational elements were intentionally simplified for scalability, carefully crafted visual details were added to retain Chase’s distinct data-visual identity and elevate the overall aesthetic.ImpactThe redesigned system significantly improved clarity and usability, enabling users to understand key financial insights more quickly and with greater confidence. The tokenized framework now supports flexible application across multiple products and brand color themes, reducing design and engineering overhead while improving consistency. Most importantly, the enhanced data visualization experience reinforces Chase’s premium brand perception—delivering financial information that feels not only accurate, but clear, intuitive, and trustworthy. Design principles1. Emphasize customer data Prioritize key customer data by increasing visual prominence, enabling users to quickly scan, recognize, and understand the most important information at a glance.2. Modernize visual assetsSimplify containers and remove unnecessary decorative elements. Introduce modern design treatments such as gradients and refined border radii to create a cleaner, more contemporary experience.3. Improve legibility Enhance readability through intentional use of white space, strengthening visual hierarchy while reducing cognitive load, visual noise, and data overload. 4. Design for scalability across layouts Enable flexible adoption across products by offering a range of layout variants that support our partners’ diverse use cases and platform requirements. <img width="3646" height="1030" width_o="3646" height_o="1030" data-src="https://freight.cargo.site/t/original/i/4eb550f01e6055d5d45884cf9e1b081bc47638e2d4a1ce6074016d15b520ea0b/data_im1.jpg" data-mid="243574458" border="0" src="https://freight.cargo.site/w/1000/i/4eb550f01e6055d5d45884cf9e1b081bc47638e2d4a1ce6074016d15b520ea0b/data_im1.jpg" /> Introducing Glanceable DataMost customers interact with digital experiences at a surface level—occasionally seeking additional context, but rarely exploring deeply. To support this behavior, data skim charts present information that is easy to scan at a glance while still communicating what matters most. They prioritize clarity, relevance, and hierarchy to help users understand key information quickly and confidently. <img width="3646" height="1464" width_o="3646" height_o="1464" data-src="https://freight.cargo.site/t/original/i/ba998a8bb60c820b3a79a0dbda2f4d89dae76c8a498859787f804a40a65713fb/data_granced-layout.jpg" data-mid="243590341" border="0" src="https://freight.cargo.site/w/1000/i/ba998a8bb60c820b3a79a0dbda2f4d89dae76c8a498859787f804a40a65713fb/data_granced-layout.jpg" /> Skim Data-Viz chartsA skim chart tile is a compact asset that communicates high-level relevance by highlighting crucial data with simplified visual charts. It provides users with essential information at a glance and acts as an entry point for delving into more detailed insights. Micro interactionIntroduces micro-interactions that enhance loading states and enable users to experience data dynamically within charts, improving clarity and perceived responsiveness. Light &amp; Dark modeSupports both light and dark color modes with carefully defined color tokens, ensuring accessibility standards are met through appropriate contrast ratios. <img width="3646" height="1392" width_o="3646" height_o="1392" data-src="https://freight.cargo.site/t/original/i/c38c678ec04e53628accf2d9fb1ad61c8d2ba85c7fced3a99f5b4763eb1f3ffe/light-mode.jpg" data-mid="243580622" border="0" src="https://freight.cargo.site/w/1000/i/c38c678ec04e53628accf2d9fb1ad61c8d2ba85c7fced3a99f5b4763eb1f3ffe/light-mode.jpg" /> <img width="3646" height="1392" width_o="3646" height_o="1392" data-src="https://freight.cargo.site/t/original/i/92c5e7b48ff019a5419768497042c4a66fae09bef7ee66935055b96852ff2926/dark-mode.jpg" data-mid="243580621" border="0" src="https://freight.cargo.site/w/1000/i/92c5e7b48ff019a5419768497042c4a66fae09bef7ee66935055b96852ff2926/dark-mode.jpg" /> Dynamic layout OptionProvides flexible layout options that include only essential elements, enabling users to quickly scan and clearly understand information even within limited space. Composition Guidelines When utilizing multiple skim tiles, consider overall product context and see the following guide on how to combine them in a section. <img width="3646" height="1296" width_o="3646" height_o="1296" data-src="https://freight.cargo.site/t/original/i/cd5d76613137d4ce1976b2af030e7ee0f556e83d308f6e6b77ccc94de5299cd3/data_layouts.jpg" data-mid="243592909" border="0" src="https://freight.cargo.site/w/1000/i/cd5d76613137d4ce1976b2af030e7ee0f556e83d308f6e6b77ccc94de5299cd3/data_layouts.jpg" /> ColorsColor usage in skim charts is established from on MDS semantic color tokens - Colors/Dataviz - to reflect the most crucial number from the full chart experience. <img width="2800" height="1440" width_o="2800" height_o="1440" data-src="https://freight.cargo.site/t/original/i/c2c656ac72547325018ea7d27e28f4e9eeaef90b7910e1397bd5084ef3171e2f/Frame.jpg" data-mid="243599778" border="0" src="https://freight.cargo.site/w/1000/i/c2c656ac72547325018ea7d27e28f4e9eeaef90b7910e1397bd5084ef3171e2f/Frame.jpg" /> <img width="2800" height="1440" width_o="2800" height_o="1440" data-src="https://freight.cargo.site/t/original/i/4263bfbd9675f079aca2cf09b740233530382cff20d64b8809577c4874b9bb4f/Frame-1.jpg" data-mid="243599773" border="0" src="https://freight.cargo.site/w/1000/i/4263bfbd9675f079aca2cf09b740233530382cff20d64b8809577c4874b9bb4f/Frame-1.jpg" /><img width="2800" height="2784" width_o="2800" height_o="2784" data-src="https://freight.cargo.site/t/original/i/e7139968ab575424dae13e4c3f07fc08bf6f934e54df4d0e7ce8f9568e618ddd/Frame-2.jpg" data-mid="243599775" border="0" src="https://freight.cargo.site/w/1000/i/e7139968ab575424dae13e4c3f07fc08bf6f934e54df4d0e7ce8f9568e618ddd/Frame-2.jpg" /> https://amyleeportfolio.com/Message-Eco-system Tue, 24 Sep 2024 01:41:16 +0000 Amy Lee Portfolio https://amyleeportfolio.com/Message-Eco-system Message SystemPurposeThe Message Eco-system project aimed to redefine how users interact with in-app messaging by improving clarity, efficiency, and contextual relevance across user journeys. Our focus was to make critical information more accessible, reduce cognitive load, and enhance overall user satisfaction through intuitive design and data visualization.Roll &amp; ChallengesI led this project as the UX/Product Designer, responsible for strategic vision, design research, and hands-on implementation. My work included defining user needs, creating interaction models, designing visual systems, prototyping key experiences, and collaborating closely with cross-functional partners to ensure alignment with business goals and technical feasibility. Aware of the problemIdentifying the user pain points that a design solution seeks to address. BackgroundLet me introduce the background that led to the project. Chase has 63M Digitally active users. And we need to make the Digital Platforms easy and safe for our customers. However, we faced three servicing experience gaps contribute to poor CX and We focused on Relevancy <img width="3646" height="1004" width_o="3646" height_o="1004" data-src="https://freight.cargo.site/t/original/i/ce26204b5b87ba6ea2fd51b8b8fcc2cb06fc38266bbfa1cfd3f288dc21208c09/message_1.jpg" data-mid="243698212" border="0" src="https://freight.cargo.site/w/1000/i/ce26204b5b87ba6ea2fd51b8b8fcc2cb06fc38266bbfa1cfd3f288dc21208c09/message_1.jpg" /> Alignment and collaborationIdentify the needs of the Line of Business (LoB) and align with stakeholders on the definitions of Messaging Patterns. <img width="3646" height="838" width_o="3646" height_o="838" data-src="https://freight.cargo.site/t/original/i/89218b4544b95981894c3cc86a94d885b0bca9021f647c09f54d0d8448b44968/message_2.jpg" data-mid="243698444" border="0" src="https://freight.cargo.site/w/1000/i/89218b4544b95981894c3cc86a94d885b0bca9021f647c09f54d0d8448b44968/message_2.jpg" /> Define the problems Lack of proactive communication regarding account activities leads to customer dissatisfaction and increased operational costs.&nbsp; Servicing and promotional messages are delivered in the same format, causing users to ignore them due to “banner blindness.” Approach to the SolutionsWe need to optimize user flow and message placement&nbsp;to ensure essential service communications reach customers at the right time and in the right context.Improving message structure and delivery patterns&nbsp;is essential for achieving effective and meaningful customer communication. <img width="3646" height="1114" width_o="3646" height_o="1114" data-src="https://freight.cargo.site/t/original/i/8985af9dbf8ba03558edca9f8b98a1dc3b00d0e96565c064ba3869a6f82ee944/message_3.jpg" data-mid="243698450" border="0" src="https://freight.cargo.site/w/1000/i/8985af9dbf8ba03558edca9f8b98a1dc3b00d0e96565c064ba3869a6f82ee944/message_3.jpg" /> Establishing a clear structure We needed a well-defined message taxonomy to serve as the foundation of our messaging framework.A structured taxonomy is essential for clearly categorizing messages based on the type of information being communicated to customers.To achieve this, we conducted a comprehensive audit of all message inventory and carefully reviewed existing use cases. This allowed us to define the framework and identify meaningful sub-categories that align with both customer needs and business goals.It helps set the right customer expectations and prevents issues such as banner blindness. <img width="3646" height="1210" width_o="3646" height_o="1210" data-src="https://freight.cargo.site/t/original/i/0fa91feaa20f134dce4ffea814bbabd4cb2668e42bdacddc5baf65d133df96cd/message_4.jpg" data-mid="243701311" border="0" src="https://freight.cargo.site/w/1000/i/0fa91feaa20f134dce4ffea814bbabd4cb2668e42bdacddc5baf65d133df96cd/message_4.jpg" /> Inventory realignment proposal Create a realignment proposal to map out the appropriate pattern for each messaging component in our inventory.Baseline and DirectionUse distinct components for Service, System, and Deepening to avoid banner blindness.Only interrupt the user when necessary and valuable.Take control and minimize deepening patterns.Combine components with similar functionality and visuals.Remove legacy components no longer in use. Severity levels and visual indicatorsVisual indicators are essential for conveying the urgency or priority of alerts or messages within a user interface. These indicators typically consist of predefined colors and icons designed to capture user attention and emphasize the location of the alert or message within the experience. Each severity level (critical, aware, neutral, and success) is represented by a specific prominence on the interface surface. The icons and colors associated with each severity level are standardized and must not be modified. It is imperative to adhere to the designated colors as specified in the guidelines.
 <img width="3646" height="462" width_o="3646" height_o="462" data-src="https://freight.cargo.site/t/original/i/5311b02f048766f90b2e357a7c1639d64df02260ed2b8ae0abc6cd9736380340/message_5.jpg" data-mid="243699237" border="0" src="https://freight.cargo.site/w/1000/i/5311b02f048766f90b2e357a7c1639d64df02260ed2b8ae0abc6cd9736380340/message_5.jpg" />Research Analysis &amp; Insights We developed a framework that is designed to help capture all types of messaging opportunities that can live System, Servicing, and Deepening patterns based on the users’ need and desired interaction we would like them to take.&nbsp; <img width="3646" height="1210" width_o="3646" height_o="1210" data-src="https://freight.cargo.site/t/original/i/d3fba5bc235522235e8b72114301a11bb80c4a9084dc69216518aefe323c11b2/message_6.jpg" data-mid="243700803" border="0" src="https://freight.cargo.site/w/1000/i/d3fba5bc235522235e8b72114301a11bb80c4a9084dc69216518aefe323c11b2/message_6.jpg" /> <img width="3646" height="1210" width_o="3646" height_o="1210" data-src="https://freight.cargo.site/t/original/i/06518a4aa5ed259760a58a577c7b950f531e9b2d799593a91bc143a71fdbdf5c/message_7.jpg" data-mid="243944618" border="0" src="https://freight.cargo.site/w/1000/i/06518a4aa5ed259760a58a577c7b950f531e9b2d799593a91bc143a71fdbdf5c/message_7.jpg" /> <img width="3646" height="1210" width_o="3646" height_o="1210" data-src="https://freight.cargo.site/t/original/i/de753852ba7d6cd7377fb49ba6a3bc72aa0ae642c1ac34857a570857eca28376/message_8.jpg" data-mid="243700805" border="0" src="https://freight.cargo.site/w/1000/i/de753852ba7d6cd7377fb49ba6a3bc72aa0ae642c1ac34857a570857eca28376/message_8.jpg" /> Level of disruptionDisruption is defined by where and how long a message appears. Some components are more intrusive, while others are passive, allowing users to view messages when needed. Visual cues like color, icons, and urgent content tone can also increase disruption. For example, a high disruption level is a dialog notifying users of a critical update is necessary to continue using the platform. The dialog interrupts the user experience, blocking further progress until the user takes action. <img width="3646" height="690" width_o="3646" height_o="690" data-src="https://freight.cargo.site/t/original/i/aebf64de9c2d2c23ea86a017667dfe7a9b611131776967fc228e48ba96b3c4a0/message_9.jpg" data-mid="243700817" border="0" src="https://freight.cargo.site/w/1000/i/aebf64de9c2d2c23ea86a017667dfe7a9b611131776967fc228e48ba96b3c4a0/message_9.jpg" /> Proposal new pattern map Mapping prominence level and severity level together ensures that each component serves its purpose systematically. The pattern map is designed to help teams easily identify the optimal component usage based on demand. <img width="3320" height="1498" width_o="3320" height_o="1498" data-src="https://freight.cargo.site/t/original/i/e7fb5596ce3c83f7227f646d75f65d014bf267e091c6173782d2f1de97c9f059/pattern-map-1.jpg" data-mid="243695798" border="0" src="https://freight.cargo.site/w/1000/i/e7fb5596ce3c83f7227f646d75f65d014bf267e091c6173782d2f1de97c9f059/pattern-map-1.jpg" /> Design DirectionTo ensure all types of&nbsp; messages are noticed, understood, and trusted, we established a clear design strategy and solution that strengthens visual clarity, accessibility, and hierarchy across all message types. Design strategy&nbsp;Clearly differentiate the visual treatment of servicing messages, system messages, and deep-dive messages to prevent banner blindness.Establish strong visual hierarchy&nbsp;to help users easily recognize different levels of message severity.Ensure accessibility&nbsp;by conveying message severity in ways that remain clear for users with color blindness or other visual impairments. Design Solution Assign distinct colors to each severity level&nbsp;to support intuitive recognition.Use standardized iconography&nbsp;to clearly communicate the urgency and intent of each message.Define a clear hierarchy of size, spacing, and placement&nbsp;to visually emphasize message severity and importance. <img width="3292" height="1554" width_o="3292" height_o="1554" data-src="https://freight.cargo.site/t/original/i/ed2924cf981344362ea816a0476cc38d250f82512ae710fee60c44121173c0a3/component1.jpg" data-mid="243944619" border="0" src="https://freight.cargo.site/w/1000/i/ed2924cf981344362ea816a0476cc38d250f82512ae710fee60c44121173c0a3/component1.jpg" /> <img width="3292" height="1554" width_o="3292" height_o="1554" data-src="https://freight.cargo.site/t/original/i/3649dfb918f7b4646b89242f7bc0e8c9388322b7c19ce8a89d689ea6a61b9013/component2.jpg" data-mid="243944620" border="0" src="https://freight.cargo.site/w/1000/i/3649dfb918f7b4646b89242f7bc0e8c9388322b7c19ce8a89d689ea6a61b9013/component2.jpg" /> <img width="3292" height="1570" width_o="3292" height_o="1570" data-src="https://freight.cargo.site/t/original/i/6cfce67105b114542409efb9c80e9e74348c004aaa66d93ecee8011e43262ba5/component3.jpg" data-mid="243944621" border="0" src="https://freight.cargo.site/w/1000/i/6cfce67105b114542409efb9c80e9e74348c004aaa66d93ecee8011e43262ba5/component3.jpg" /> <img width="3292" height="1570" width_o="3292" height_o="1570" data-src="https://freight.cargo.site/t/original/i/ef5c233e295301168f663fa57a03f25c968beb07e1e95062ae3209ca42c5363f/component4.jpg" data-mid="243944622" border="0" src="https://freight.cargo.site/w/1000/i/ef5c233e295301168f663fa57a03f25c968beb07e1e95062ae3209ca42c5363f/component4.jpg" /> <img width="3292" height="1554" width_o="3292" height_o="1554" data-src="https://freight.cargo.site/t/original/i/381e07e3282a452686c8780caffb4fd3422f7efa13628a34b0e9ddaced1a495c/component5.jpg" data-mid="243944623" border="0" src="https://freight.cargo.site/w/1000/i/381e07e3282a452686c8780caffb4fd3422f7efa13628a34b0e9ddaced1a495c/component5.jpg" /> <img width="3292" height="1554" width_o="3292" height_o="1554" data-src="https://freight.cargo.site/t/original/i/5d9cbdf1ff1696cd6bc6a716ce920cc440aaaf973d28b720eb003a2a1f443601/component6.jpg" data-mid="243944627" border="0" src="https://freight.cargo.site/w/1000/i/5d9cbdf1ff1696cd6bc6a716ce920cc440aaaf973d28b720eb003a2a1f443601/component6.jpg" /> Enhanced system &amp; pattern The upgraded messaging system helps customers quickly identify and resolve service or system issues while using digital banking. Placement hierarchy for messages. When service/system issues happen, the placement of the banner or the alert is determined by the options based on the scope of the issue's impact. The issue is expressed as critical, aware, neutral, or success depending on its severity level and status. <img width="3646" height="1534" width_o="3646" height_o="1534" data-src="https://freight.cargo.site/t/original/i/f1f5536a26f2295ba9c817c126146cf83d22345e29eaf988b4fea09ccc872bcd/message_10.jpg" data-mid="243703385" border="0" src="https://freight.cargo.site/w/1000/i/f1f5536a26f2295ba9c817c126146cf83d22345e29eaf988b4fea09ccc872bcd/message_10.jpg" /> <img width="3646" height="1534" width_o="3646" height_o="1534" data-src="https://freight.cargo.site/t/original/i/43b6cf59e8ff839564210a7bb06ce941d0e4f5dc69acea5cf7df6b97deb1cb0a/message_11.jpg" data-mid="243703386" border="0" src="https://freight.cargo.site/w/1000/i/43b6cf59e8ff839564210a7bb06ce941d0e4f5dc69acea5cf7df6b97deb1cb0a/message_11.jpg" /> <img width="3646" height="1534" width_o="3646" height_o="1534" data-src="https://freight.cargo.site/t/original/i/f456483b1cdc958e1be1c03cb1132394808fe149fe2d471a19dc1d32ddf26962/message_12.jpg" data-mid="243703387" border="0" src="https://freight.cargo.site/w/1000/i/f456483b1cdc958e1be1c03cb1132394808fe149fe2d471a19dc1d32ddf26962/message_12.jpg" /> Decision tree <img width="3613" height="1260" width_o="3613" height_o="1260" data-src="https://freight.cargo.site/t/original/i/e0c95cf064d72a3b416b6ba3c6e60f439ef8c3e35f0a27fa20b18c334e817257/map.jpg" data-mid="243703820" border="0" src="https://freight.cargo.site/w/1000/i/e0c95cf064d72a3b416b6ba3c6e60f439ef8c3e35f0a27fa20b18c334e817257/map.jpg" /> Final output<img width="3574" height="1320" width_o="3574" height_o="1320" data-src="https://freight.cargo.site/t/original/i/f349e1aefa91c5ac5bc83a64e427298de68b97048fa41db9b015d8793977928a/final.jpg" data-mid="243703819" border="0" src="https://freight.cargo.site/w/1000/i/f349e1aefa91c5ac5bc83a64e427298de68b97048fa41db9b015d8793977928a/final.jpg" /> Simulation example on the screens<img width="1801" height="599" width_o="1801" height_o="599" data-src="https://freight.cargo.site/t/original/i/95cc90363cfa9a00ce2060dc60936756e0b107889d29e3ab220a30cd6fd21be1/image-6344815.png" data-mid="243703834" border="0" src="https://freight.cargo.site/w/1000/i/95cc90363cfa9a00ce2060dc60936756e0b107889d29e3ab220a30cd6fd21be1/image-6344815.png" /> Proof of results&nbsp;We tested it in various ways before applying the strong background. We expected that the strong color would be off-putting to users, but they liked the clear distinction between the service message and the promotional message, and it increased engagement, and they said it made them feel more trusting.<img width="2140" height="866" width_o="2140" height_o="866" data-src="https://freight.cargo.site/t/original/i/7b9cde31d63fbd0901433fef993c1ba65b3b3164751bccc162e95db01a70b4c6/Screenshot-2024-11-03-at-6.03.58AM.png" data-mid="221087137" border="0" src="https://freight.cargo.site/w/1000/i/7b9cde31d63fbd0901433fef993c1ba65b3b3164751bccc162e95db01a70b4c6/Screenshot-2024-11-03-at-6.03.58AM.png" />Research result With the result from toast, I'm happy to share that the Toast uplift results in a 64.62% increase in engagement post launch. Till this day I continue to reach out to my former data partner and monitor the data dashboard, because capturing long term results is crucial for refining my designs. <img width="2240" height="460" width_o="2240" height_o="460" data-src="https://freight.cargo.site/t/original/i/2fded9c48756ebf4f84ca1271a3c4a33fd967eedf1289376aa91b432dcdadeb8/Screenshot-2024-11-03-at-6.02.18AM.png" data-mid="221087126" border="0" src="https://freight.cargo.site/w/1000/i/2fded9c48756ebf4f84ca1271a3c4a33fd967eedf1289376aa91b432dcdadeb8/Screenshot-2024-11-03-at-6.02.18AM.png" />Final Result&nbsp; The fundamental problem of communication effectiveness. We are bridging the gap between internal design processes and external customer experiences. Chase’s messaging is not only consistent and efficient to produce but also resonates with and serves the needs of our customers. <img width="2270" height="548" width_o="2270" height_o="548" data-src="https://freight.cargo.site/t/original/i/33eab29853fc3201dbbe1f77993f7fa5c49da93d3a465b4e9442340c82dbb005/Screenshot-2024-11-03-at-5.30.50AM.png" data-mid="221086622" border="0" src="https://freight.cargo.site/w/1000/i/33eab29853fc3201dbbe1f77993f7fa5c49da93d3a465b4e9442340c82dbb005/Screenshot-2024-11-03-at-5.30.50AM.png" /><img width="2276" height="636" width_o="2276" height_o="636" data-src="https://freight.cargo.site/t/original/i/17b1bf5bd8c8a85fe2190db336da8c808cc6c38ea144f90fff3ceecbe62c6d62/Screenshot-2024-11-03-at-5.32.00AM.png" data-mid="221086628" border="0" src="https://freight.cargo.site/w/1000/i/17b1bf5bd8c8a85fe2190db336da8c808cc6c38ea144f90fff3ceecbe62c6d62/Screenshot-2024-11-03-at-5.32.00AM.png" /> https://amyleeportfolio.com/Chase-1 Mon, 08 Apr 2024 02:26:21 +0000 Amy Lee Portfolio https://amyleeportfolio.com/Chase-1 Chase+PurposeChase has 63M active users. And since we have users of all ages and genders, we need to make it easy and safe for everyone to use the app. Therefore, Chase updates the app sequentially so that all different customer groups do not have difficulty using the app. Chase conducted a project called Chase+ to determine the North Star, the final direction of the design. As we approach this step by step, we are upgrading our design while looking at the North Star to avoid getting lost.&nbsp; Roll &amp; Challenges As the channels team design leader who considers the entire app's design, I had to provide design direction for Chase. Chase tokenizes all design elements, so colors, lines, icons, and all components are tokens. Therefore, the design had to be proposed considering this system. Project direction<img width="3122" height="660" width_o="3122" height_o="660" data-src="https://freight.cargo.site/t/original/i/b545737367025aa558d21568e551fb5633b01c2eac803e709545e5ec90b2af11/Screenshot-2024-10-28-at-1.00.56PM.png" data-mid="220430567" border="0" src="https://freight.cargo.site/w/1000/i/b545737367025aa558d21568e551fb5633b01c2eac803e709545e5ec90b2af11/Screenshot-2024-10-28-at-1.00.56PM.png" /> Essential characteristics for the design direction- Saturated colors / imagery across HUBs feel unified and in harmony - Conversational design conveys the idea that the bank is speaking directly to me- Most important information to customer is most prominent- Differentiated visual treatment based on segment enrolled vs prospect UI- Persistent use of Octagon strengthens branding <img width="5332" height="4452" width_o="5332" height_o="4452" data-src="https://freight.cargo.site/t/original/i/4a08054483c800854af6713c8da57783d9f3a7b506b2a85b09495327198c8be7/all.jpg" data-mid="208481895" border="0" src="https://freight.cargo.site/w/1000/i/4a08054483c800854af6713c8da57783d9f3a7b506b2a85b09495327198c8be7/all.jpg" />Expanding our tile ecosystemOur goal is to provide more tile options to improve the overall esthetics of our digital experiences. By stacking tiles in different configurations it assists customers to scan and identify the of hierarchy of priorities quicker. Mix &amp; match variants and sizes assists customers to scan and identify the of hierarchy of priorities quicker. <img width="4722" height="1840" width_o="4722" height_o="1840" data-src="https://freight.cargo.site/t/original/i/c37f20b065798bc1359f5a2bf6da1806d34e0d2aacf33aa06d722608f8f0a588/tile-ecosystem.jpg" data-mid="208481898" border="0" src="https://freight.cargo.site/w/1000/i/c37f20b065798bc1359f5a2bf6da1806d34e0d2aacf33aa06d722608f8f0a588/tile-ecosystem.jpg" /> Consistent button ecosystem hase has been adding styles as needed for a long time, so there are many versions of Butt and icon styles. The style of the button, which is the entry point that helps customers enter a new screen, has been unified into one consistent design. This helps increase its intuitiveness and usability so that customers can easily access it. <img width="4722" height="1224" width_o="4722" height_o="1224" data-src="https://freight.cargo.site/t/original/i/6fd7094d7a4f6bae6d64f553b0a5d75add2ec669a2702a7a5a845dfb5b560a97/button.jpg" data-mid="208481900" border="0" src="https://freight.cargo.site/w/1000/i/6fd7094d7a4f6bae6d64f553b0a5d75add2ec669a2702a7a5a845dfb5b560a97/button.jpg" /> How do you achieve the goals?In order to tokenize all design elements, reflect them in the system, and then apply them to the screen, we are taking a long-term plan and taking steps one by one. <img width="1710" height="1766" width_o="1710" height_o="1766" data-src="https://freight.cargo.site/t/original/i/9863e3c50bb1c8d830305b3e1855b2b81d847824076818b09afc0e6cc50478f3/history.jpg" data-mid="226364191" border="0" src="https://freight.cargo.site/w/1000/i/9863e3c50bb1c8d830305b3e1855b2b81d847824076818b09afc0e6cc50478f3/history.jpg" /> https://amyleeportfolio.com/Delivery-Dealer Mon, 08 Apr 2024 02:26:23 +0000 Amy Lee Portfolio https://amyleeportfolio.com/Delivery-Dealer <img width="4000" height="2072" width_o="4000" height_o="2072" data-src="https://freight.cargo.site/t/original/i/d9733a79a72e30854393ab1e5d57d9d1c59b8f717e0fadfe3409a6fd4644708e/BMW_delivery_hero-image.jpg" data-mid="208481951" border="0" src="https://freight.cargo.site/w/1000/i/d9733a79a72e30854393ab1e5d57d9d1c59b8f717e0fadfe3409a6fd4644708e/BMW_delivery_hero-image.jpg" />Delivery DealerBMW created this app to deliver vehicles to customers who placed orders online. Delivery specialists can check customer information, order details, and vehicles through this app.&nbsp;Through this app, specialties can support customers’ membership registration and provide a flow to register additional services. Roll and ChallengesI participated in the project for tablet and mobile applications. I was responsible for detecting the UI/UX/Visual design of this project and provided the registration process and order flow.&nbsp;<img width="2560" height="1664" width_o="2560" height_o="1664" data-src="https://freight.cargo.site/t/original/i/dd3d8b940a9a410dde82bd04dbc5f578520762cf1b6c847dfe7f54c3d4d5810d/MacBook-Air---46.jpg" data-mid="208481953" border="0" src="https://freight.cargo.site/w/1000/i/dd3d8b940a9a410dde82bd04dbc5f578520762cf1b6c847dfe7f54c3d4d5810d/MacBook-Air---46.jpg" /> <img width="2560" height="1664" width_o="2560" height_o="1664" data-src="https://freight.cargo.site/t/original/i/dd3d8b940a9a410dde82bd04dbc5f578520762cf1b6c847dfe7f54c3d4d5810d/MacBook-Air---46.jpg" data-mid="208481953" border="0" src="https://freight.cargo.site/w/1000/i/dd3d8b940a9a410dde82bd04dbc5f578520762cf1b6c847dfe7f54c3d4d5810d/MacBook-Air---46.jpg" /> <img width="2560" height="1664" width_o="2560" height_o="1664" data-src="https://freight.cargo.site/t/original/i/3d3779193cbfe836fa50993846091058d5f5f5597f6a96d7f32e39b21ab8132c/MacBook-Air---47.jpg" data-mid="208481955" border="0" src="https://freight.cargo.site/w/1000/i/3d3779193cbfe836fa50993846091058d5f5f5597f6a96d7f32e39b21ab8132c/MacBook-Air---47.jpg" /> <img width="2560" height="1664" width_o="2560" height_o="1664" data-src="https://freight.cargo.site/t/original/i/77aa4d6d32da1dc6e82d814f240420bad7510f5f8b7ba5c478b8f43299077bcb/MacBook-Air---48.jpg" data-mid="208481957" border="0" src="https://freight.cargo.site/w/1000/i/77aa4d6d32da1dc6e82d814f240420bad7510f5f8b7ba5c478b8f43299077bcb/MacBook-Air---48.jpg" /> <img width="2560" height="1664" width_o="2560" height_o="1664" data-src="https://freight.cargo.site/t/original/i/9f39601afd180d2ae461f127bb6d8575fe32fffade3f380c6b3925c9614c6be9/MacBook-Air---54.jpg" data-mid="208481963" border="0" src="https://freight.cargo.site/w/1000/i/9f39601afd180d2ae461f127bb6d8575fe32fffade3f380c6b3925c9614c6be9/MacBook-Air---54.jpg" /> For the mobility of Delivery Specialty, a mobile app was provided to support customers anytime, anywhere. It is designed to ensure that all processes proceed smoothly even in a small mobile environment. Through interviews with specialties who would actually use this app, we understood their needs and reflected this in the design. <img width="750" height="1624" width_o="750" height_o="1624" data-src="https://freight.cargo.site/t/original/i/8e7d03ea01d94f259f75d72c607d53ae524dabcb3f0cca2eaa6017ec93d26892/Group-51679.jpg" data-mid="208481970" border="0" src="https://freight.cargo.site/w/750/i/8e7d03ea01d94f259f75d72c607d53ae524dabcb3f0cca2eaa6017ec93d26892/Group-51679.jpg" /> <img width="750" height="1624" width_o="750" height_o="1624" data-src="https://freight.cargo.site/t/original/i/5fbdcdd12755c734e288064cd9f875bfee3ac98c265cc2a8e5e13b631d268567/Group-51680.jpg" data-mid="208481973" border="0" src="https://freight.cargo.site/w/750/i/5fbdcdd12755c734e288064cd9f875bfee3ac98c265cc2a8e5e13b631d268567/Group-51680.jpg" /> <img width="750" height="1624" width_o="750" height_o="1624" data-src="https://freight.cargo.site/t/original/i/9df9b5c824aa5fb356d8a0b30d2a9dc470e42c7d14c08f9b0073bcf553221429/Group-51681.jpg" data-mid="208481975" border="0" src="https://freight.cargo.site/w/750/i/9df9b5c824aa5fb356d8a0b30d2a9dc470e42c7d14c08f9b0073bcf553221429/Group-51681.jpg" /> <img width="750" height="1624" width_o="750" height_o="1624" data-src="https://freight.cargo.site/t/original/i/d1235f76c9488b6670413a0134b96383be1d7d59f45247b2afd1f9c712116ed1/01-Today.jpg" data-mid="208481968" border="0" src="https://freight.cargo.site/w/750/i/d1235f76c9488b6670413a0134b96383be1d7d59f45247b2afd1f9c712116ed1/01-Today.jpg" /> <img width="750" height="1624" width_o="750" height_o="1624" data-src="https://freight.cargo.site/t/original/i/953041b690cd1239039a17baca0d482c1609c147efbf5c920b2b762c926baecf/Group-51690.jpg" data-mid="208481977" border="0" src="https://freight.cargo.site/w/750/i/953041b690cd1239039a17baca0d482c1609c147efbf5c920b2b762c926baecf/Group-51690.jpg" /> <img width="750" height="1624" width_o="750" height_o="1624" data-src="https://freight.cargo.site/t/original/i/01beea36014c123e0671b0210914ee798057bf581f124300db88a7c656715064/Group-51691.jpg" data-mid="208481979" border="0" src="https://freight.cargo.site/w/750/i/01beea36014c123e0671b0210914ee798057bf581f124300db88a7c656715064/Group-51691.jpg" /> https://amyleeportfolio.com/AI-Projects Mon, 08 Apr 2024 02:26:24 +0000 Amy Lee Portfolio https://amyleeportfolio.com/AI-Projects <img width="4996" height="2588" width_o="4996" height_o="2588" data-src="https://freight.cargo.site/t/original/i/6b3455fc5d8b7aaa22156d80abd092902816af3ea39b9f38ce26b810ab5bcc72/BMW_AI_hero-image.jpg" data-mid="208481984" border="0" src="https://freight.cargo.site/w/1000/i/6b3455fc5d8b7aaa22156d80abd092902816af3ea39b9f38ce26b810ab5bcc72/BMW_AI_hero-image.jpg" />BMW AI ProjectBMW continues to release electric vehicles and is expanding its business in various ways.And they are utilizing AI technology and data and introducing it into their business in various ways. They use AI technology to communicate with external customers and help internal employees with marketing strategies. Roll and ChallengesI participated in two projects and directed and produced future-oriented UI/UX/Visual design for each project's purpose and users. The whole concept is futuristic, a fresh and new approach that has never been tried in the industry, and I couldn't find an example anywhere else and it sets the whole paradigm anew. BMW Ultimate AI AdvisorThis app is the virtual AI assistant that recommends the car the customer wants based on BMW's AI data and even helps them purchase the car they choose.The most significant advantage is that customers can select the options they want directly through the existing website or app, but through the 'BMW Ultimate AI Advisor' app, they have a conversation with an AI agent through a video call and select not only the vehicle type they want but also the options, and this allows the customer to choose the option of the vehicle. It even helps with ordering. <img width="2390" height="1380" width_o="2390" height_o="1380" data-src="https://freight.cargo.site/t/original/i/7ee87000ce5b8d7d9ce04a0504f6752d35410abd02790cd4331f1d760b80cdd3/Assistant1.jpg" data-mid="208481985" border="0" src="https://freight.cargo.site/w/1000/i/7ee87000ce5b8d7d9ce04a0504f6752d35410abd02790cd4331f1d760b80cdd3/Assistant1.jpg" /> <img width="2390" height="1380" width_o="2390" height_o="1380" data-src="https://freight.cargo.site/t/original/i/7ee87000ce5b8d7d9ce04a0504f6752d35410abd02790cd4331f1d760b80cdd3/Assistant1.jpg" data-mid="208481985" border="0" src="https://freight.cargo.site/w/1000/i/7ee87000ce5b8d7d9ce04a0504f6752d35410abd02790cd4331f1d760b80cdd3/Assistant1.jpg" /> <img width="2390" height="1380" width_o="2390" height_o="1380" data-src="https://freight.cargo.site/t/original/i/237f18126c806e417335ade9a8bf323c9cf89b6e8a5703daa8b5fbed52096689/Assistant2.jpg" data-mid="208481987" border="0" src="https://freight.cargo.site/w/1000/i/237f18126c806e417335ade9a8bf323c9cf89b6e8a5703daa8b5fbed52096689/Assistant2.jpg" /> <img width="2390" height="1380" width_o="2390" height_o="1380" data-src="https://freight.cargo.site/t/original/i/d81b9248ab3dbbec12238e0f29c3e84970d27f5a525662e72741e36540c8220e/Assistant3.jpg" data-mid="208481989" border="0" src="https://freight.cargo.site/w/1000/i/d81b9248ab3dbbec12238e0f29c3e84970d27f5a525662e72741e36540c8220e/Assistant3.jpg" /> <img width="2390" height="1380" width_o="2390" height_o="1380" data-src="https://freight.cargo.site/t/original/i/baceedf773af23ee9738c7c0f0f5ee14554d5e7c351d462146b3a5efbc3377d0/Assistant4.jpg" data-mid="208481991" border="0" src="https://freight.cargo.site/w/1000/i/baceedf773af23ee9738c7c0f0f5ee14554d5e7c351d462146b3a5efbc3377d0/Assistant4.jpg" /> <img width="2390" height="1380" width_o="2390" height_o="1380" data-src="https://freight.cargo.site/t/original/i/941b7adf83eef9145512068ef6b0cfeb345557e6c8e59560e5f6e089a96de578/Assistant5.jpg" data-mid="208481993" border="0" src="https://freight.cargo.site/w/1000/i/941b7adf83eef9145512068ef6b0cfeb345557e6c8e59560e5f6e089a96de578/Assistant5.jpg" /> <img width="2390" height="1380" width_o="2390" height_o="1380" data-src="https://freight.cargo.site/t/original/i/dcbcb639ac8006e8c015fb236ae402314adf5468dec9943b7cae9ee817d3dfb1/Assistant6.jpg" data-mid="208481994" border="0" src="https://freight.cargo.site/w/1000/i/dcbcb639ac8006e8c015fb236ae402314adf5468dec9943b7cae9ee817d3dfb1/Assistant6.jpg" /> <img width="2390" height="1380" width_o="2390" height_o="1380" data-src="https://freight.cargo.site/t/original/i/d060b20b655fae41a6338ddc2de4a02d175390cc3a52a42d5b936edd0f9f121b/Assistant7.jpg" data-mid="208481996" border="0" src="https://freight.cargo.site/w/1000/i/d060b20b655fae41a6338ddc2de4a02d175390cc3a52a42d5b936edd0f9f121b/Assistant7.jpg" /> <img width="2390" height="1380" width_o="2390" height_o="1380" data-src="https://freight.cargo.site/t/original/i/1412a8a106aba0f271af73633c9ee8cd52cf48939cfeef51e13370740b107020/Assistant8.jpg" data-mid="208481998" border="0" src="https://freight.cargo.site/w/1000/i/1412a8a106aba0f271af73633c9ee8cd52cf48939cfeef51e13370740b107020/Assistant8.jpg" /> Person AI Chat Research Based on BMW's AI data, personas were set based on the customer's age, region, occupation, and personality, and avatars were set for each persona. This is an application created to reduce the cost and time of conducting customer research to hear customer opinions. This was created to help employees understand customer preferences before meeting customers and support successful business. If you ask a question to one or multiple personas, you can immediately hear the answer from each persona. <img width="3357" height="2073" width_o="3357" height_o="2073" data-src="https://freight.cargo.site/t/original/i/fb12d39a80a47884df3bf376e10b6ca3cea802c859910c3108a7a728a94b6590/Multi-personas.png" data-mid="208482004" border="0" src="https://freight.cargo.site/w/1000/i/fb12d39a80a47884df3bf376e10b6ca3cea802c859910c3108a7a728a94b6590/Multi-personas.png" /> <img width="3357" height="2073" width_o="3357" height_o="2073" data-src="https://freight.cargo.site/t/original/i/fb12d39a80a47884df3bf376e10b6ca3cea802c859910c3108a7a728a94b6590/Multi-personas.png" data-mid="208482004" border="0" src="https://freight.cargo.site/w/1000/i/fb12d39a80a47884df3bf376e10b6ca3cea802c859910c3108a7a728a94b6590/Multi-personas.png" /> <img width="3411" height="2145" width_o="3411" height_o="2145" data-src="https://freight.cargo.site/t/original/i/d58a1a23392f9007221162feeb48d0cc29d92b9aaf14ba14a476dcd7343394bc/Create-your-own-personas.png" data-mid="208482002" border="0" src="https://freight.cargo.site/w/1000/i/d58a1a23392f9007221162feeb48d0cc29d92b9aaf14ba14a476dcd7343394bc/Create-your-own-personas.png" /> <img width="3411" height="2145" width_o="3411" height_o="2145" data-src="https://freight.cargo.site/t/original/i/98a1fa77af753013eed89b090e95c7cb157a93c47ba9dd9d312e7ead26aa069e/View-saved-history.png" data-mid="208482006" border="0" src="https://freight.cargo.site/w/1000/i/98a1fa77af753013eed89b090e95c7cb157a93c47ba9dd9d312e7ead26aa069e/View-saved-history.png" /> <img width="3357" height="2073" width_o="3357" height_o="2073" data-src="https://freight.cargo.site/t/original/i/aab16bf65f9a8229e3c30f749ae12a002da82200aab67b08ec107e114a8ca9c8/Ask-me-anything.png" data-mid="208482000" border="0" src="https://freight.cargo.site/w/1000/i/aab16bf65f9a8229e3c30f749ae12a002da82200aab67b08ec107e114a8ca9c8/Ask-me-anything.png" /> https://amyleeportfolio.com/EV-Myth-Buster Mon, 08 Apr 2024 02:26:25 +0000 Amy Lee Portfolio https://amyleeportfolio.com/EV-Myth-Buster EV Myth Busters BMW has created an app for first-time electric vehicle buyers. They conducted preliminary research on what customers were curious about or worried about before purchasing an electric vehicle and created this application based on these findings.It tells you how much money you can save by comparing existing gasoline cars and electric cars. It also tells you how long it takes to charge electricity and how long you can drive after one charge. It also tells us how much carbon emissions we have made for the environment, emphasizing that we are protecting the environment. Roll and ChallengesAs the design director for this project, I participated in the visual and strategic aspects. All information was explained clearly and easily for those who have concerns and fears about electric vehicles. In order to convey the image of electric vehicles positively, the advantages of electric vehicles were emphasized. <img width="750" height="1624" width_o="750" height_o="1624" data-src="https://freight.cargo.site/t/original/i/bc903b0768760f2c9c10ae14ae3eb8608b79822357d72ed0fea8e6a42e83c14a/permissions.png" data-mid="208482023" border="0" src="https://freight.cargo.site/w/750/i/bc903b0768760f2c9c10ae14ae3eb8608b79822357d72ed0fea8e6a42e83c14a/permissions.png" /> <img width="750" height="1624" width_o="750" height_o="1624" data-src="https://freight.cargo.site/t/original/i/b37b6541deb80e590dde6508e970f33cca66e08f942d0f265b851626a9318b32/Select-EV.png" data-mid="208482025" border="0" src="https://freight.cargo.site/w/750/i/b37b6541deb80e590dde6508e970f33cca66e08f942d0f265b851626a9318b32/Select-EV.png" /> <img width="750" height="1624" width_o="750" height_o="1624" data-src="https://freight.cargo.site/t/original/i/3be934a733e06e440843a2eb0dc58d9ed9fe8d848690d97741b62c9fc467f617/Charging.png" data-mid="208482014" border="0" src="https://freight.cargo.site/w/750/i/3be934a733e06e440843a2eb0dc58d9ed9fe8d848690d97741b62c9fc467f617/Charging.png" /> <img width="750" height="1624" width_o="750" height_o="1624" data-src="https://freight.cargo.site/t/original/i/32e64b2e8828c5a0fe50d0623b1ed2b811911d546a32c6a4b74f5d751bc809bc/Long-Drive-1.png" data-mid="208482020" border="0" src="https://freight.cargo.site/w/750/i/32e64b2e8828c5a0fe50d0623b1ed2b811911d546a32c6a4b74f5d751bc809bc/Long-Drive-1.png" /> <img width="750" height="1624" width_o="750" height_o="1624" data-src="https://freight.cargo.site/t/original/i/18648f5e910cdf04e1a324b1dafefcc03173f2bf40ab855f09f5396be891f2a1/Dashboard-1.png" data-mid="208482016" border="0" src="https://freight.cargo.site/w/750/i/18648f5e910cdf04e1a324b1dafefcc03173f2bf40ab855f09f5396be891f2a1/Dashboard-1.png" /> <img width="750" height="1624" width_o="750" height_o="1624" data-src="https://freight.cargo.site/t/original/i/3449126e27545af1556a33f6f6a5046a574cc275d47d141ab992efc3967952e3/Dashboard-2.png" data-mid="208482018" border="0" src="https://freight.cargo.site/w/750/i/3449126e27545af1556a33f6f6a5046a574cc275d47d141ab992efc3967952e3/Dashboard-2.png" /> Mystery Box&nbsp;We created a design for a special event for customers who love the BMW brand. BMW allowed limited quantities of special editions to be purchased only through events in which customers participated. As an event targeting the young and wealthy generation, it was designed with a luxurious and mysterious concept as an event to be announced on social media. <img width="750" height="1624" width_o="750" height_o="1624" data-src="https://freight.cargo.site/t/original/i/396689f9a54470259061cfd9104085504119925907ea8a68f714ce00835d60a2/Frame-56.png" data-mid="208482029" border="0" src="https://freight.cargo.site/w/750/i/396689f9a54470259061cfd9104085504119925907ea8a68f714ce00835d60a2/Frame-56.png" /> <img width="750" height="1624" width_o="750" height_o="1624" data-src="https://freight.cargo.site/t/original/i/239ab0ee11dee59af0643ddcfa7b256c4154f3fb249d604910dcb894a37436ed/Frame-46.png" data-mid="208482031" border="0" src="https://freight.cargo.site/w/750/i/239ab0ee11dee59af0643ddcfa7b256c4154f3fb249d604910dcb894a37436ed/Frame-46.png" /> <img width="750" height="1624" width_o="750" height_o="1624" data-src="https://freight.cargo.site/t/original/i/e5e468e364202a7356f0215d238722297a0127378bbafa2e49723b0e0c694a0b/Frame-47.png" data-mid="208482033" border="0" src="https://freight.cargo.site/w/750/i/e5e468e364202a7356f0215d238722297a0127378bbafa2e49723b0e0c694a0b/Frame-47.png" /> <img width="750" height="1624" width_o="750" height_o="1624" data-src="https://freight.cargo.site/t/original/i/ab65be170acfc057b6e32c1fdeceb0bb195891d5d237edb1f7d093205dae32c1/Frame-49.png" data-mid="208482035" border="0" src="https://freight.cargo.site/w/750/i/ab65be170acfc057b6e32c1fdeceb0bb195891d5d237edb1f7d093205dae32c1/Frame-49.png" /> <img width="750" height="1624" width_o="750" height_o="1624" data-src="https://freight.cargo.site/t/original/i/35da0b3641670fbae9a1d6772d911e7f14cb2130f821876af96289b4ac39bc83/Frame-50.png" data-mid="208482036" border="0" src="https://freight.cargo.site/w/750/i/35da0b3641670fbae9a1d6772d911e7f14cb2130f821876af96289b4ac39bc83/Frame-50.png" /> https://amyleeportfolio.com/Snack-Design-Style-Guid Mon, 08 Apr 2024 02:26:26 +0000 Amy Lee Portfolio https://amyleeportfolio.com/Snack-Design-Style-Guid Snack-Design GuidePurposeTo effectively manage and create various digital services of Samsung Card and maintain consistency and speedy production when new projects are carried out to reduce time and cost.Challenges Established the team for researching and testing to reflect continuously changing and evolving UX/UI trends. Provided the toolkits to create layouts and manage consistent end product files quickly and consistently. Provided the publishing sources to update structures quickly and handle errors in advance. Ran training on how to use the toolkit and source code at the kickoff meeting of the new projects.Result Carried out more than 2.4 times the operating project compared to the previous year after launching Snack. Publishing errors caused by different sources and forms were reduced by 62%. The production period was reduced by 71% for new projects. What is Snack?It launched PC/Mobile Web in May 201. Samsung Card has about 230 services and 3000 screens and eight native applications are produced and updated daily. It consists of the elements necessary to quickly and consistently carry out large-scale projects with limited resources. SNACK aids in digital product design and development of apps or websites. Snack not only maintains the consistency of various projects that are produced simultaneously but also makes it easy and convenient to create UX/UI. It contains pattern libraries, design languages, style guides, coded components, brand languages, and documentation. <img width="1800" height="900" width_o="1800" height_o="900" data-src="https://freight.cargo.site/t/original/i/0620388200ce52f70cda8fc07f951e4fb7ead7a5bf0c262c678d8074f44c5890/snack_1.png" data-mid="208482045" border="0" src="https://freight.cargo.site/w/1000/i/0620388200ce52f70cda8fc07f951e4fb7ead7a5bf0c262c678d8074f44c5890/snack_1.png" /> <img width="1800" height="900" width_o="1800" height_o="900" data-src="https://freight.cargo.site/t/original/i/0620388200ce52f70cda8fc07f951e4fb7ead7a5bf0c262c678d8074f44c5890/snack_1.png" data-mid="208482045" border="0" src="https://freight.cargo.site/w/1000/i/0620388200ce52f70cda8fc07f951e4fb7ead7a5bf0c262c678d8074f44c5890/snack_1.png" /> <img width="1800" height="900" width_o="1800" height_o="900" data-src="https://freight.cargo.site/t/original/i/aa7e195b056e8d5c72a4bcc81a00f4cb5f339bbad73b932dbac93116285cdaf3/snack_0.png" data-mid="208482051" border="0" src="https://freight.cargo.site/w/1000/i/aa7e195b056e8d5c72a4bcc81a00f4cb5f339bbad73b932dbac93116285cdaf3/snack_0.png" /> <img width="1800" height="900" width_o="1800" height_o="900" data-src="https://freight.cargo.site/t/original/i/d127250afd670949cff4ea3d0ea85db95f39149469648b3f190d129860b7d464/snack_2.png" data-mid="208482047" border="0" src="https://freight.cargo.site/w/1000/i/d127250afd670949cff4ea3d0ea85db95f39149469648b3f190d129860b7d464/snack_2.png" /> <img width="1800" height="900" width_o="1800" height_o="900" data-src="https://freight.cargo.site/t/original/i/30b25605eea5bb5fd6d3f3f68468b6f214abdd1d97c7773b0010a8c206e4c5e1/snack_3.png" data-mid="208482049" border="0" src="https://freight.cargo.site/w/1000/i/30b25605eea5bb5fd6d3f3f68468b6f214abdd1d97c7773b0010a8c206e4c5e1/snack_3.png" /> What's in Snack?First, the design policy is introduced, and the screen is designed and planned based on it. Basic information is necessary for screen composition, such as screen size, grid, font, color, and components. Design components necessary for quick screen production are provided as sketches and Photoshop files, and the source code for essential elements is also provided to ensure consistency and easy update. <img width="1800" height="900" width_o="1800" height_o="900" data-src="https://freight.cargo.site/t/original/i/e7a6c3fa54be11919e0390066e1ed61bc6dcefc60e46683e60a6f284f14f3be6/snack_4.png" data-mid="208482066" border="0" src="https://freight.cargo.site/w/1000/i/e7a6c3fa54be11919e0390066e1ed61bc6dcefc60e46683e60a6f284f14f3be6/snack_4.png" /> <img width="1800" height="900" width_o="1800" height_o="900" data-src="https://freight.cargo.site/t/original/i/e7a6c3fa54be11919e0390066e1ed61bc6dcefc60e46683e60a6f284f14f3be6/snack_4.png" data-mid="208482066" border="0" src="https://freight.cargo.site/w/1000/i/e7a6c3fa54be11919e0390066e1ed61bc6dcefc60e46683e60a6f284f14f3be6/snack_4.png" /> <img width="1800" height="900" width_o="1800" height_o="900" data-src="https://freight.cargo.site/t/original/i/caf44ca2c20a9d532a343ee31af9bf5646f8580040f963285e5d6bec7db5d8ca/snack_5.png" data-mid="208482052" border="0" src="https://freight.cargo.site/w/1000/i/caf44ca2c20a9d532a343ee31af9bf5646f8580040f963285e5d6bec7db5d8ca/snack_5.png" /> <img width="1800" height="900" width_o="1800" height_o="900" data-src="https://freight.cargo.site/t/original/i/431171577ae0aa62acafefc0df072705f491d1451e96dad261f645c8def6dbf9/snack_6.png" data-mid="208482054" border="0" src="https://freight.cargo.site/w/1000/i/431171577ae0aa62acafefc0df072705f491d1451e96dad261f645c8def6dbf9/snack_6.png" /> <img width="1800" height="900" width_o="1800" height_o="900" data-src="https://freight.cargo.site/t/original/i/edf35e8b5b1deffe88098f1abacfada002710cb1e8082644ab7cf585451e9054/snack_7.png" data-mid="208482056" border="0" src="https://freight.cargo.site/w/1000/i/edf35e8b5b1deffe88098f1abacfada002710cb1e8082644ab7cf585451e9054/snack_7.png" /> <img width="1800" height="900" width_o="1800" height_o="900" data-src="https://freight.cargo.site/t/original/i/bdd96865e935cc34cb49dbfd5348eee601f7eecc850ac4d411809ea20c39b24b/snack_8.png" data-mid="208482058" border="0" src="https://freight.cargo.site/w/1000/i/bdd96865e935cc34cb49dbfd5348eee601f7eecc850ac4d411809ea20c39b24b/snack_8.png" /> <img width="1800" height="900" width_o="1800" height_o="900" data-src="https://freight.cargo.site/t/original/i/b43e60619de4acfe0fdd6ecd9629b6f48ab0c835349af8e37a51902876929dc0/snack_9.png" data-mid="208482060" border="0" src="https://freight.cargo.site/w/1000/i/b43e60619de4acfe0fdd6ecd9629b6f48ab0c835349af8e37a51902876929dc0/snack_9.png" /> <img width="1800" height="900" width_o="1800" height_o="900" data-src="https://freight.cargo.site/t/original/i/84a5e9c13efd2e0420aca2baddf680176aa6b076728cc7f3924ad3be6ea665d6/snack_11.png" data-mid="208482064" border="0" src="https://freight.cargo.site/w/1000/i/84a5e9c13efd2e0420aca2baddf680176aa6b076728cc7f3924ad3be6ea665d6/snack_11.png" /> <img width="1800" height="900" width_o="1800" height_o="900" data-src="https://freight.cargo.site/t/original/i/c472c947126b6a894a22e0ddd01195bd66512636eed1fce897a51f62c3ede322/snack_10.png" data-mid="208482062" border="0" src="https://freight.cargo.site/w/1000/i/c472c947126b6a894a22e0ddd01195bd66512636eed1fce897a51f62c3ede322/snack_10.png" /> &nbsp; https://amyleeportfolio.com/Issuing-Card Mon, 08 Apr 2024 02:26:27 +0000 Amy Lee Portfolio https://amyleeportfolio.com/Issuing-Card <img width="2212" height="931" width_o="2212" height_o="931" data-src="https://freight.cargo.site/t/original/i/aab7a6f3b6310575d9c5c39d02213b62358af7d45c61fb7e6bced6b2de3b3899/issuingcard_main.png" data-mid="208482079" border="0" src="https://freight.cargo.site/w/1000/i/aab7a6f3b6310575d9c5c39d02213b62358af7d45c61fb7e6bced6b2de3b3899/issuingcard_main.png" />Issuing CardsNeedsWhen issuing a card, people applied through agents in Korea, but nowadays, people prefer to do it digitally. A growing number of consumers in their 20s and 30s tend to refuse unnecessary interpersonal relationships and prefer using digital. Credit card companies needed a process (applying for cards-&gt; reviewing applications and qualifications -&gt; issuing cards) for issuing cards digitally.&nbsp; PurposeOur goal was to provide a seamless user experience by understanding users' journeys from applying for a card, being issued, and using the card.&nbsp;ChallengesAll steps were made easy and minimized so that a lot of information required for card issuance could be entered. To this end, we made the screen easy to understand and improved intuition and convenience through micro-interaction.ResultThe card application completion rate increased by 32% After applying for the card, the online qualification completion rate increased by 27%. After card issuance approval, the success rate of the first online payment increased by 45%. Customer Journey MapFrom the service entry stage to decision-making, we understand the user's behavioral process and seek answers from the voices of numerous users. <img width="2976" height="1908" width_o="2976" height_o="1908" data-src="https://freight.cargo.site/t/original/i/14a35ceb2da9c6f8091d834fb2035ef7f2ee56e6dc50dd48b18cfce7c44ce24b/Customer-Journey.png" data-mid="208482075" border="0" src="https://freight.cargo.site/w/1000/i/14a35ceb2da9c6f8091d834fb2035ef7f2ee56e6dc50dd48b18cfce7c44ce24b/Customer-Journey.png" /> Application Process Flow<img width="3082" height="1146" width_o="3082" height_o="1146" data-src="https://freight.cargo.site/t/original/i/453c07e17a0ae13c0c55af186f070e31f3dba007581dd5a3acea594c4f90bb2e/flow.png" data-mid="208482073" border="0" src="https://freight.cargo.site/w/1000/i/453c07e17a0ae13c0c55af186f070e31f3dba007581dd5a3acea594c4f90bb2e/flow.png" /> UI/Visual <img width="1773" height="905" width_o="1773" height_o="905" data-src="https://freight.cargo.site/t/original/i/4f97fab8d8d5aeab30470cfaf73c5b983de0640cfb9856f8928218e5098533dd/Issuing-Cards.png" data-mid="208482077" border="0" src="https://freight.cargo.site/w/1000/i/4f97fab8d8d5aeab30470cfaf73c5b983de0640cfb9856f8928218e5098533dd/Issuing-Cards.png" /> UX/Interaction Experience after applying for a card&nbsp; Simple version for the younger generationIt was a version that can focus on one task and helps perform tasks quickly through a simple layout and interaction. It showed a high completion rate in the 20s and 30s, although the total user's task completion rate was lower than other versions.