http://kierawestphal.com/infographics daily 0.75 2025-10-13 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760345849128-6K4LNAZEAN4SFLZFF7MY/Infographics06.png Infographics - Chicago Tribune graphic, 2007 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760345849128-6K4LNAZEAN4SFLZFF7MY/Infographics06.png Infographics - Chicago Tribune graphic, 2007 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1521525767387-N8M7YMFG7IRV8S2C23PZ/Lalapalooza.png Infographics - Chicago Tribune, full page map and illustration, 2006 The Lalapalooza festival was one of the largest festivals in Grant Park of Chicago. I conceptualized the layout with the surrounding skyline, illustrated buildings of surrounding landmarks, and designed details within the map (trees, color palette, stage design, and patterns) to emphasize the transformation the festival brought to the location. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1521708843012-0TIZ1W6PFFDLBLLKPYAS/report0102.png Infographics - Printed Reports for Charles Schwab, 2016 Designed multiple printed reports for Charles Schwab that coordinated with their internal dashboard. Also created a style guide to bring cohesiveness to the UI framework. See more of the Charles Schwab project. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760345726265-OEF2ASKIUBQA0SLM1HEI/ProcessMap.png Infographics - System Process Map As part of a growing startup, there was a need to understand their internal production process while communicating it to various partners and stakeholders. The role each person contributed to the final product throughout the software production process was integral in viewing the entirety of their contribution. This process map helped facilitate executive leadership to agree on the process. Independently, I facilitated meetings with upper management, the head of engineering, and illustrated the diagram to accurately represent the flow of work. See more samples of Experience Mapping. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1521524808818-T7APX736P2VVN53MR9YA/2018-02-18_13-44-12.gif Infographics - University of Chicago Press, 2007 Presentation of elements from The Deep, a book documenting the unexplored deep sea creatures. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1521528290321-E4GH5VIO3P898YNBTWWL/Infographics07.png Infographics - Chicago Tribune, Illustration, 2005 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1550345854880-C4A8Q6R7QE67XT6A7WW4/Infographics03.png Infographics https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1521525763722-995CQL0LBGG8WRUCB6VR/artInstitute.png Infographics - Chicago Tribune, Page One Graphic, 2004 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1554844950772-HQ3G26Y890T5I8575DAA/2018-02-16_10-48-14.gif Infographics - Chicago Tribune, Interactive Graphic 2006 One of the first data visualizations created in Flash. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1521525766668-IKF1Q86VP5E2JDPWDN4B/IntonationFestival.png Infographics - Chicago Tribune, map graphic, 2005 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760345946660-Q33YEGXNT64GVE6QOGT0/serviceDesign_GSX2013.png Infographics - 2013 Google Shopping Express Under contract for an agency, I worked with the team at Google to develop Shopping Express. Together, we explored the journey as I created a service design map to illustrate the process of the customers and the opportunities the business would employ. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1521673780063-GKUY5Q2T0FO0Z6BU70V1/detail_Mies.png Infographics - Chicago Tribune, 2004 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760117325165-IN28YJDH2YEKHHQ5B0X5/Collections101_p1p3.png Infographics - Content Planning and Creation Guide for Intel 2011 As a consultant for Razorfish, I contributed this content planning and creation guide to help the client understand the process of creating content for the CMS platform we were building for them. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1521423407616-03D44QHDLQAT6PA46TXW/silouettes.png Infographics https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1521437244164-3I59NSPNL1OSB6WZR935/2018-02-16_11-26-42.gif Infographics - Chicago Tribune, Interactive Graphic, 2005 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1528950560018-Q2OVQQAEL4Z55IRTVYIX/cutThroughs.png Infographics https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1522311706118-1K2NB3ATT8NZEW4PKZF6/graphicsShadow.png Infographics - Chicago Tribune, 2006 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1521525763269-QXARUL4RN59H3ZZLO5OV/Arena.png Infographics - Chicago Tribune, full-page graphic, 2006 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1521673957973-GGI1HRF5GMR0A2DXB0HG/adoption.png Infographics - Chicago Tribune, 2005 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1552025521239-BCOPBBU4PWKQI73ZDLQ4/SarahLee.png Infographics - Graphics for Sarah Lee Sales Brochure, 2008 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1521525769588-DOPLVBELE5I3SIEM87XY/upHigh.png Infographics https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1521525765175-XAJV2N7B6YF2KTBZQFSC/FineDay.png Infographics https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1521525764802-ZX8ZTPN5LUTZ0OLPI447/dogParks.png Infographics https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1521706764067-SKA0LV545PA5M4TUGXZ5/bikeLane.png Infographics - Chicago Tribune, 2005 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760117569793-HFXD244CEL3Q8MBKKBNB/Collections101_p4p3.png Infographics - Content Planning and Creation Guide for Intel 2011 As a consultant for Razorfish, I contributed this content planning and creation guide to help the client understand the process of creating content for the CMS platform we were building for them. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1521588801425-FPK91NXCUJUEATEDHU2F/CELLLOTS.png Infographics - Chicago Tribune, 2005 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1550203854619-302G8H81XN4BLLMN598P/Infographics02.png Infographics http://kierawestphal.com/data-aesthetics daily 0.75 2026-02-24 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761082923428-0EB1TU8UWQFIN1PPECHG/fill_pattern_cover_big.png WD_Design Systems - Chart Feature for Accessibility Workday needed to make charts accessible for users. This project aimed to design a pattern library to assist people with color blindness. In two months, I audited the current framework, conceptualized an approach for the patterns, executed the designs, and tested the patterns internally. I enjoy making the internet more accessible and was thrilled to work on this project. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761082923428-0EB1TU8UWQFIN1PPECHG/fill_pattern_cover_big.png WD_Design Systems - Chart Feature for Accessibility Workday needed to make charts accessible for users. This project aimed to design a pattern library to assist people with color blindness. In two months, I audited the current framework, conceptualized an approach for the patterns, executed the designs, and tested the patterns internally. I enjoy making the internet more accessible and was thrilled to work on this project. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761082936327-627FATM9VSBG7UZLWIA4/fill_pattern_before.png WD_Design Systems - Audit of Existing Fill Patterns At the project's start, I researched fill patterns in our current pattern library and found that the visualizations did not align with the design system colors and were unclear at small scales. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761082958602-PV5T3KGL0KYHW3HK2ICZ/basic_elements.png WD_Design Systems - Elements to Examine Density I adopted a clean slate approach to design the fill patterns. I began by selecting basic elements to examine the density in space. As I explored options from less dense to denser patterns, the foreground and background unveiled new shapes to work with. For instance, crossed lines formed diamonds in the negative space. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761082970019-58QW5AQV5TASGLK8CEPQ/image-asset.png WD_Design Systems - Search for the Correct Density The chart system needed to support a wide variety of chart sizes. The biggest challenge involved finding fill patterns that suited small spaces. I collaborated closely with the developer, iterating through multiple prototypes to select patterns that fit well in those confined areas. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760372818177-KUT4A27CE1H4WBR5GPZS/density_context.png WD_Design Systems - Examine Patterns in Context When selecting the pattern, I placed them in the context of the smallest bar chart to ensure legibility at a small scale. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761082982248-BLW3WY7JVCZ96EIKB7LR/chart_colors.png WD_Design Systems - Working with Color Once I selected black-and-white patterns, I began incorporating colors from Workday's design system. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761082993488-C1YYXTHWHCCITLD4D429/pattern_modes.png WD_Design Systems - Modes of Color Selection Defining the logic for using the solid colors in the fill pattern mode was the next step in determining the appropriate level of legibility. How might we determine the right level of fidelity in our patterns? https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761083011828-K76WP6X68P3T4KE784WO/WEBaim.png WD_Design Systems - Referencing Legibility Standards I worked with the developer to create a tool that evaluates the contrast levels between charting colors and the fill patterns to calculate a score based on legibility standards. It used color interpolation methods for blending between the two values. I used this tool to generate a set of high contrast color and fill pattern pairs. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761083018074-XTR8HUDK9IXWIE3XMPOU/Color_Interpolate.png WD_Design Systems - Testing Values of Interpolation After several iterations, I selected a version of the interpolated color for each fill pattern. We shipped this first version with limited internal testing, primarily based on the internal team's feedback. I normally would want to test the selection with users and with different screens, but we were working under intense time constraints and shipped my recommendations for the first release. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761083033852-81KQP2F59PIR8FWQ9CVC/UI_test.png WD_Design Systems - Incorporated into the Pattern Library The new color schemes and fill patterns significantly improved accessibility across the platform, making it easier for a wider range of individuals to navigate and interact with charts in the Workday enterprise. http://kierawestphal.com/product-design daily 0.75 2025-11-02 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760350640104-DLKQ39XYJVRC99VL38SH/WD_PA_MainImg.png Workday_B2B_Product Design - Custom Dashboards for People Analytics On a custom dashboard, you can surface Business Intelligence data with AI alongside Workday data and build dashboards useful to different business functions, such as People Analytics. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265632274-8NPS6E0RXLO2N3SOJ34A/3colMock_cover_Netflix.png Workday_B2B_Product Design - From Idea to Product I transformed a product strategy into a tangible product by defining it with Personas and a Storyboard, selecting a supporting framework, and refining it to address missing features. The product was launched successfully in 2019. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760350640104-DLKQ39XYJVRC99VL38SH/WD_PA_MainImg.png Workday_B2B_Product Design - Custom Dashboards for People Analytics On a custom dashboard, you can surface Business Intelligence data with AI alongside Workday data and build dashboards useful to different business functions, such as People Analytics. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265751150-VB9VPS7F66ESE5NX1Z07/Persona_PA_WD.png Workday_B2B_Product Design - Defining Personas From the start of this project, I worked directly with a Business Analyst and defined the users of the product. Together, we defined the actions each user would take and how they would interact with each other when using the People Analytics platform. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265773529-IGD2E21YNEVM3GAEHR29/storyboard_whiteboard.png Workday_B2B_Product Design - Product Definition I developed personas and refined the core functionality to prioritize features and functionality that would ensure our design met the user needs. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265805835-A94LN3FI40N8YER3LNC2/Persona_Actions_PA_WD.png Workday_B2B_Product Design - Artifacts to Build Alignment As a result of our newly acquired company, Stories.bi, one of the main challenges was our highly distributed team around the world. I created artifacts that helped us all agree on the same meanings, allowing us to uncover different viewpoints earlier in the process. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265816535-OQYNV7CUIB5GXMO7KPDN/AnalyticsStages03.png Workday_B2B_Product Design - Framework Selection We needed to build upon one of the multiple internal frameworks available within Workday. I evaluated them by building a proof of concept and working with the development teams. We needed to find a flexible framework that could be rearranged by end-users. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265825477-F0CED88M2M9M8LYNQI1Z/discoveryBoard_Center2.jpg Workday_B2B_Product Design - Turn a Data Tool Into a Web Based Platform The Discovery Boards framework had the fewest functional gaps and would support the look and feel that we desired. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1762123577331-5E9K6TQJLU8TAVXLQXZM/DragHandlesIterations.png Workday_B2B_Product Design - Feature Addition to the Design System The workday pattern library had drag handles, but they did not provide the bi-directional functionality that we required. I iterated on new variants of the drag handles to create a new component and interactions to support the application. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265878717-K39L95LQENUTOKL0CAQO/Platfora_PrismBreakdown.png Workday_B2B_Product Design https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265890255-SGFVBPJ8B5Q1LMNJZE7K/WorkdayProcess.png Workday_B2B_Product Design http://kierawestphal.com/scalable-vector-graphics daily 0.75 2026-02-24 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760351848355-Z9QPT17WFQWT2THHX2L6/streamingTVService_LGwebpage_mock.png Scalable Vector Graphics - Visualizing Data for Research The Global Investment Research division of Goldman Sachs wanted to add interactivity to its research reports in the fall of 2019. Previously, they had focused on printed reports for clients. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760351848355-Z9QPT17WFQWT2THHX2L6/streamingTVService_LGwebpage_mock.png Scalable Vector Graphics - Visualizing Data for Research The Global Investment Research division of Goldman Sachs wanted to add interactivity to its research reports in the fall of 2019. Previously, they had focused on printed reports for clients. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1616799669321-B6AGHPUJB9AUZ325UNS4/image-asset.png Scalable Vector Graphics - streamingTVService https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760345074980-YJRC13NVSYJ1D9M66VC5/Construction_Mockup.png Scalable Vector Graphics - SVG for Custom Design Solutions Due to the sensitive nature of the data within reports, I found Scalable Vector Graphics as a custom solution to design and develop interactive graphics. This would assist with visually explaining our investment analysts’ concepts for Goldman Sachs clients. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1616799240022-JX98IKMX1ALP44P8HHOV/streamingTVService_webpage_mock.png Scalable Vector Graphics https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760345282343-QZ4YRMF7K20XZ1GMBP72/hybridCloud_Mock.png Scalable Vector Graphics - Evergreen Content Creation In addition to creating individual exhibits, I worked with the Core UX team to standardize icons and create evergreen content that would support future exhibits and add consistency among our production. http://kierawestphal.com/increase-product-engagement daily 0.75 2026-02-24 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1700458237471-2OT3XBH4F0H8B5ZYPRZE/Cover_CustomerInsights_B-C.png Chase - Increase Engagement https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760713454000-7XFRLJL89J0PJ6F3XI4H/Cover_EndScreen.png Chase - Increase Engagement - Enhanced Engagement with the Platform In the Offers and Shopping division of JP Morgan Chase, I enhanced a product that helps merchants monitor and promote their businesses to the bank's customers. My leadership in this project resulted in a 400% increase in user engagement in 2022. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760695563812-7OT8ZPYGTBYP4X2SW5WK/CustomerInsightJourney.png Chase - Increase Engagement - Examine the Competitive Market and Frame Research Through competitive market research, I created a map to identify gaps and opportunities that could enhance the product and improve the customer experience. This map helped researchers frame their inquiries into the product space. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1700448806334-594JX1GXYJ8OCNSM5DIZ/Cover_CustomerInsights_B-C.png Chase - Increase Engagement https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1744642471063-3P6LDZ8NJ6FF1B7XI3MY/Component_Building.png Chase - Increase Engagement - Creation of Efficient Delivery Files I introduced a library of subcomponents tailored to our line of business. This method helped us reuse components and produce efficient delivery files for our developers. These sub-libraries improved our workflow and supported an object-oriented design, which helped maintain consistent standards and practices within our team. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1744643075956-MW0K1DSKQ6YL0PEH81V7/beforeAfter_ChaseCI.png Chase - Increase Engagement - Design System Alignment I introduced a tab structure that allowed our customers to access insights into their business. Additionally, I guided the development team to incorporate the design system and ensure alignment with Chase Business Banking. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760713380137-GN5ZZSKI6UJU4YYM1ZZ2/Cover_EndScreen.png Chase - Increase Engagement - Increased Engagement of Customers Changes went live in October of 2022 and we saw a 400% increase in user engagement! http://kierawestphal.com/case-studies daily 0.75 2026-02-24 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/76f03c95-102b-4fd6-bb66-1c549a7275b2/WD_PA_MainImg03.png Case Studies https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265805835-A94LN3FI40N8YER3LNC2/Persona_Actions_PA_WD.png Case Studies - Make it stand out Defined Workflow https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265773529-IGD2E21YNEVM3GAEHR29/storyboard_whiteboard.png Case Studies - Make it stand out Workflow Sketch https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265751150-VB9VPS7F66ESE5NX1Z07/Persona_PA_WD.png Case Studies - Make it stand out Persona Definition https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/76f03c95-102b-4fd6-bb66-1c549a7275b2/WD_PA_MainImg03.png Case Studies - Make it stand out Built concepts based on Stories.bi technology using AI within the Workday Framework. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760350640104-DLKQ39XYJVRC99VL38SH/WD_PA_MainImg.png Case Studies - Custom Dashboards for People Analytics On a custom dashboard, you can surface Business Intelligence data with AI alongside Workday data and build dashboards useful to different business functions, such as People Analytics. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265751150-VB9VPS7F66ESE5NX1Z07/Persona_PA_WD.png Case Studies - Defining Personas From the start of this project, I worked directly with a Business Analyst and defined the users of the product. Together, we defined the actions each user would take and how they would interact with each other when using the People Analytics platform. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265773529-IGD2E21YNEVM3GAEHR29/storyboard_whiteboard.png Case Studies - Product Definition I developed personas and refined the core functionality to prioritize features and functionality that would ensure our design met the user needs. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265805835-A94LN3FI40N8YER3LNC2/Persona_Actions_PA_WD.png Case Studies - Artifacts to Build Alignment As a result of our newly acquired company, Stories.bi, one of the main challenges was our highly distributed team around the world. I created artifacts that helped us all agree on the same meanings, allowing us to uncover different viewpoints earlier in the process. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265816535-OQYNV7CUIB5GXMO7KPDN/AnalyticsStages03.png Case Studies - Framework Selection We needed to build upon one of the multiple internal frameworks available within Workday. I evaluated them by building a proof of concept and working with the development teams. We needed to find a flexible framework that could be rearranged by end-users. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265825477-F0CED88M2M9M8LYNQI1Z/discoveryBoard_Center2.jpg Case Studies - Turn a Data Tool Into a Web Based Platform The Discovery Boards framework had the fewest functional gaps and would support the look and feel that we desired. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1762123577331-5E9K6TQJLU8TAVXLQXZM/DragHandlesIterations.png Case Studies - Feature Addition to the Design System The workday pattern library had drag handles, but they did not provide the bi-directional functionality that we required. I iterated on new variants of the drag handles to create a new component and interactions to support the application. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265878717-K39L95LQENUTOKL0CAQO/Platfora_PrismBreakdown.png Case Studies https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265890255-SGFVBPJ8B5Q1LMNJZE7K/WorkdayProcess.png Case Studies https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/4daf1b79-8bc6-4f0e-9689-387533a269f9/streamingTVService_webpage_mock.png Case Studies This interactive graphic categorizes online streaming services by genre, content, and subscription type, highlighting the complexity consumers face. It helps users understand options and make informed choices. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760351848355-Z9QPT17WFQWT2THHX2L6/streamingTVService_LGwebpage_mock.png Case Studies - Visualizing Data for Research The Global Investment Research division of Goldman Sachs wanted to add interactivity to its research reports in the fall of 2019. Previously, they had focused on printed reports for clients. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760345074980-YJRC13NVSYJ1D9M66VC5/Construction_Mockup.png Case Studies - SVG for Custom Design Solutions Due to the sensitive nature of the data within reports, I found Scalable Vector Graphics as a custom solution to design and develop interactive graphics. This would assist with visually explaining our investment analysts’ concepts for Goldman Sachs clients. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760345282343-QZ4YRMF7K20XZ1GMBP72/hybridCloud_Mock.png Case Studies - Evergreen Content Creation In addition to creating individual exhibits, I worked with the Core UX team to standardize icons and create evergreen content that would support future exhibits and add consistency among our production. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760387765557-J8OGM0VSJTO3X7OXNC3Y/Trib_MidwayGraphic.png Case Studies https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760364194831-21ZAJO0YIW1D1SSA7QSB/Emmi_ProductProcess.png Case Studies https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760387766382-AU2TJYODKPEVY5WI7MKW/ArtInst_TribGraphic.png Case Studies https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760364196705-UPAH5KK058WA1E8FRAJF/Valimail_documentation.png Case Studies https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760388419245-7S7KHVM1B3A339PMQBEM/Intel_diagrams_CMS.png Case Studies https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/3fb668e7-89ac-4883-b240-b5a36a775c07/fill_pattern_cover_big.png Case Studies Fill patterns I designed were implemented into the Workday Design System Library https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/8ccc4ca5-2bbb-4948-9868-e11799ac5f9f/Before_FillPattern_WD.png Case Studies - Make it stand out The previous patterns lacked logic and coordination with the design system colors. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/82b78ebb-b305-4fcf-a599-aaa0447d3218/FillPattern_processMap.png Case Studies - Make it stand out The framework I built used size, density, thickness, and rotation to determine the correct fidelity. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/5be86bb0-0526-4bc8-8fff-3fd78cc13a3c/FP_InContext.png Case Studies - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761052237725-TFPWXOFF17SCBI7A3BQ9/colorsPatterns.png Case Studies - Existing Color Pallate After the patterns in black and white were clear, I incorporated colors from the design system into the process. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761052256437-Y23E8DLAMPVV5JPC1B9O/FillPattern_logic.png Case Studies - Finding the Best Contrast I looked at both Normal and Reversed options to compare contrast levels. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761060847735-VZ5IER1KBZFVUBNKBLJO/FP_Interpolation.png Case Studies - Interpolated the Colors To determine the appropriate contrast level, I estimated color values from the Workday Design System. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/3f2d3b06-9a56-4c8d-a634-2a7b7dcf9996/FinalReversedMode.png Case Studies - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/db33503c-59d5-4fb4-917a-dc3b83d539fc/FinalNormalMode_02.png Case Studies - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761082923428-0EB1TU8UWQFIN1PPECHG/fill_pattern_cover_big.png Case Studies - Chart Feature for Accessibility Workday needed to make charts accessible for users. This project aimed to design a pattern library to assist people with color blindness. In two months, I audited the current framework, conceptualized an approach for the patterns, executed the designs, and tested the patterns internally. I enjoy making the internet more accessible and was thrilled to work on this project. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761082936327-627FATM9VSBG7UZLWIA4/fill_pattern_before.png Case Studies - Audit of Existing Fill Patterns At the project's start, I researched fill patterns in our current pattern library and found that the visualizations did not align with the design system colors and were unclear at small scales. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761082958602-PV5T3KGL0KYHW3HK2ICZ/basic_elements.png Case Studies - Elements to Examine Density I adopted a clean slate approach to design the fill patterns. I began by selecting basic elements to examine the density in space. As I explored options from less dense to denser patterns, the foreground and background unveiled new shapes to work with. For instance, crossed lines formed diamonds in the negative space. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761082970019-58QW5AQV5TASGLK8CEPQ/image-asset.png Case Studies - Search for the Correct Density The chart system needed to support a wide variety of chart sizes. The biggest challenge involved finding fill patterns that suited small spaces. I collaborated closely with the developer, iterating through multiple prototypes to select patterns that fit well in those confined areas. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760372818177-KUT4A27CE1H4WBR5GPZS/density_context.png Case Studies - Examine Patterns in Context When selecting the pattern, I placed them in the context of the smallest bar chart to ensure legibility at a small scale. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761082982248-BLW3WY7JVCZ96EIKB7LR/chart_colors.png Case Studies - Working with Color Once I selected black-and-white patterns, I began incorporating colors from Workday's design system. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761082993488-C1YYXTHWHCCITLD4D429/pattern_modes.png Case Studies - Modes of Color Selection Defining the logic for using the solid colors in the fill pattern mode was the next step in determining the appropriate level of legibility. How might we determine the right level of fidelity in our patterns? https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761083011828-K76WP6X68P3T4KE784WO/WEBaim.png Case Studies - Referencing Legibility Standards I worked with the developer to create a tool that evaluates the contrast levels between charting colors and the fill patterns to calculate a score based on legibility standards. It used color interpolation methods for blending between the two values. I used this tool to generate a set of high contrast color and fill pattern pairs. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761083018074-XTR8HUDK9IXWIE3XMPOU/Color_Interpolate.png Case Studies - Testing Values of Interpolation After several iterations, I selected a version of the interpolated color for each fill pattern. We shipped this first version with limited internal testing, primarily based on the internal team's feedback. I normally would want to test the selection with users and with different screens, but we were working under intense time constraints and shipped my recommendations for the first release. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761083033852-81KQP2F59PIR8FWQ9CVC/UI_test.png Case Studies - Incorporated into the Pattern Library The new color schemes and fill patterns significantly improved accessibility across the platform, making it easier for a wider range of individuals to navigate and interact with charts in the Workday enterprise. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760201816983-50N75MQJKV7FMRIQF3MR/CampaignProcessFlow.png Case Studies https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760215164915-RQHTPR5ZNIE2JP0TFD95/Untitled.png Case Studies - Make it stand out The Campaign Process Map that the Marketing team made. I began with this and workshopped what was missing from the bigger picture. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760365506167-AW6DRW353CM0WI4ZDP21/Chase_SD_Process03.png Case Studies - Make it stand out After analyzing the existing map, I created new documentation that delineates all teams involved in the process and the interactive touchpoints. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760228869177-M6RM3O0TV0HQE6UIQA6L/Chase_SD_Process.png Case Studies - Make it stand out The new map outlined space for external partners, different teams at Chase, Merchants, and our customers. This map also included a timeline and opportunities to brainstorm ways to improve the workflow. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760223460300-VHYWJQMQXFX4OBOY4SW5/HowMightWe_CampaignFlow.png Case Studies - Make it stand out I led workshops with the team to brainstorm opportunities. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760230315414-I0ESRZQMW8TI8HYVA5FI/Chase_SD_Process02.png Case Studies - Make it stand out After we had a list of opportunities, themes of those opportunities became clear. Engagement came up often. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760352231633-OTAT92WZL4TB2QFJPNG5/Service_Poster.png Case Studies - Finding Engagement Opportunities When there was a decrease in engagement when building a campaign for JPMorgan Chase offers, Design stepped in to align with the Marketing team. I built this service design map to look at the problem holistically and strategize opportunities. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760215164915-RQHTPR5ZNIE2JP0TFD95/image-asset.png Case Studies - Analysis of the Current Map To better understand the Campaign process, I asked the Marketing team numerous detailed questions and compiled their responses. With this information, I created a new map to structure and visualize the answers clearly. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760365549804-PZENN8W6NEBGOM77973W/02_Process_ServiceDesign.png Case Studies - Categories Become a Legend for a New Map Categorized the existing map's data to reveal key patterns and relationships, then used this to create a clearer, more organized map with improved hierarchy and visualization for better usability. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760228869177-M6RM3O0TV0HQE6UIQA6L/Chase_SD_Process.png Case Studies https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760223460300-VHYWJQMQXFX4OBOY4SW5/HowMightWe_CampaignFlow.png Case Studies https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760230315414-I0ESRZQMW8TI8HYVA5FI/image-asset.png Case Studies - Themes Based on Opportunites found https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/5bde5b28-e44d-4a09-b261-736b72f7a6fb/Cover_EndScreen03.png Case Studies https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/26b54f2e-23f1-47c2-8a24-cb420aac6a7e/Small_Features.png Case Studies - Make it stand out Small feature updates in the data space of the dashboard. Design joined the product triad to lead the design process and look at the problem holistically. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/bcb71068-0b63-4a98-94e2-06e667367d49/Cover_BeforeScreen.png Case Studies - Make it stand out The dashboard cover page I started with showed that customers were not accessing the data below. I workshopped this with my team so we could strategize ways to https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/4f317c45-8523-490e-9f0f-8353d702032d/Dashboard_Analysis.png Case Studies - Make it stand out My team conducted an analysis of the existing page while considering “how might we” increase engagement? https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/7bda21c4-d3c2-4966-9df4-59408ed2e331/Customer_Journey_competition.png Case Studies - Make it stand out In this map of the Customer Insights Journey, I placed the team’s competitive research alongside potential questions we might ask our customers and opportunities for Chase. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/68027f79-0067-49b7-a774-3b6507fb6256/Sketches.png Case Studies - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1744642471063-3P6LDZ8NJ6FF1B7XI3MY/Component_Building.png Case Studies - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760713454000-7XFRLJL89J0PJ6F3XI4H/Cover_EndScreen02.png Case Studies - Make it stand out In the six months since our pages went live, we saw a 400% increase in user engagement. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760713454000-7XFRLJL89J0PJ6F3XI4H/Cover_EndScreen.png Case Studies - Enhanced Engagement with the Platform In the Offers and Shopping division of JP Morgan Chase, I enhanced a product that helps merchants monitor and promote their businesses to the bank's customers. My leadership in this project resulted in a 400% increase in user engagement in 2022. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760695563812-7OT8ZPYGTBYP4X2SW5WK/CustomerInsightJourney.png Case Studies - Examine the Competitive Market and Frame Research Through competitive market research, I created a map to identify gaps and opportunities that could enhance the product and improve the customer experience. This map helped researchers frame their inquiries into the product space. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1744642471063-3P6LDZ8NJ6FF1B7XI3MY/Component_Building.png Case Studies - Creation of Efficient Delivery Files I introduced a library of subcomponents tailored to our line of business. This method helped us reuse components and produce efficient delivery files for our developers. These sub-libraries improved our workflow and supported an object-oriented design, which helped maintain consistent standards and practices within our team. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1744643075956-MW0K1DSKQ6YL0PEH81V7/beforeAfter_ChaseCI.png Case Studies - Design System Alignment I introduced a tab structure that allowed our customers to access insights into their business. Additionally, I guided the development team to incorporate the design system and ensure alignment with Chase Business Banking. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760713380137-GN5ZZSKI6UJU4YYM1ZZ2/Cover_EndScreen.png Case Studies - Increased Engagement of Customers Changes went live in October of 2022 and we saw a 400% increase in user engagement! http://kierawestphal.com/service-design daily 0.75 2026-02-24 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760352231633-OTAT92WZL4TB2QFJPNG5/Service_Poster.png Chase_ServiceDesign - Finding Engagement Opportunities When there was a decrease in engagement when building a campaign for JPMorgan Chase offers, Design stepped in to align with the Marketing team. I built this service design map to look at the problem holistically and strategize opportunities. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760113145887-NXA57T6WV65PU3CQL14X/00_Process_ServiceDesign.png Chase_ServiceDesign https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760352231633-OTAT92WZL4TB2QFJPNG5/Service_Poster.png Chase_ServiceDesign - Finding Engagement Opportunities When there was a decrease in engagement when building a campaign for JPMorgan Chase offers, Design stepped in to align with the Marketing team. I built this service design map to look at the problem holistically and strategize opportunities. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760215164915-RQHTPR5ZNIE2JP0TFD95/image-asset.png Chase_ServiceDesign - Analysis of the Current Map To better understand the Campaign process, I asked the Marketing team numerous detailed questions and compiled their responses. With this information, I created a new map to structure and visualize the answers clearly. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760365549804-PZENN8W6NEBGOM77973W/02_Process_ServiceDesign.png Chase_ServiceDesign - Categories Become a Legend for a New Map Categorized the existing map's data to reveal key patterns and relationships, then used this to create a clearer, more organized map with improved hierarchy and visualization for better usability. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760228869177-M6RM3O0TV0HQE6UIQA6L/Chase_SD_Process.png Chase_ServiceDesign https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760223460300-VHYWJQMQXFX4OBOY4SW5/HowMightWe_CampaignFlow.png Chase_ServiceDesign https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760230315414-I0ESRZQMW8TI8HYVA5FI/image-asset.png Chase_ServiceDesign - Themes Based on Opportunites found https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760112696620-OA7IMB8M7FJYN77QVINT/01_Process_ServiceDesign.png Chase_ServiceDesign http://kierawestphal.com/colorpatterns daily 0.75 2025-11-16 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761052237725-TFPWXOFF17SCBI7A3BQ9/colorsPatterns.png DS_ColorPatterns - Existing Color Pallate After the patterns in black and white were clear, I incorporated colors from the design system into the process. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761052237725-TFPWXOFF17SCBI7A3BQ9/colorsPatterns.png DS_ColorPatterns - Existing Color Pallate After the patterns in black and white were clear, I incorporated colors from the design system into the process. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761052256437-Y23E8DLAMPVV5JPC1B9O/FillPattern_logic.png DS_ColorPatterns - Finding the Best Contrast I looked at both Normal and Reversed options to compare contrast levels. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761060847735-VZ5IER1KBZFVUBNKBLJO/FP_Interpolation.png DS_ColorPatterns - Interpolated the Colors To determine the appropriate contrast level, I estimated color values from the Workday Design System. http://kierawestphal.com/digital-product-designer daily 1.0 2026-03-19 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760713454000-7XFRLJL89J0PJ6F3XI4H/Cover_EndScreen.png Digital Product Designer - Enhanced Engagement with the Platform In the Offers and Shopping division of JP Morgan Chase, I enhanced a product that helps merchants monitor and promote their businesses to the bank's customers. My leadership in this project resulted in a 400% increase in user engagement in 2022. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760695563812-7OT8ZPYGTBYP4X2SW5WK/CustomerInsightJourney.png Digital Product Designer - Examine the Competitive Market and Frame Research Through competitive market research, I created a map to identify gaps and opportunities that could enhance the product and improve the customer experience. This map helped researchers frame their inquiries into the product space. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1744642471063-3P6LDZ8NJ6FF1B7XI3MY/Component_Building.png Digital Product Designer - Creation of Efficient Delivery Files I introduced a library of subcomponents tailored to our line of business. This method helped us reuse components and produce efficient delivery files for our developers. These sub-libraries improved our workflow and supported an object-oriented design, which helped maintain consistent standards and practices within our team. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1744643075956-MW0K1DSKQ6YL0PEH81V7/beforeAfter_ChaseCI.png Digital Product Designer - Design System Alignment I introduced a tab structure that allowed our customers to access insights into their business. Additionally, I guided the development team to incorporate the design system and ensure alignment with Chase Business Banking. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760713380137-GN5ZZSKI6UJU4YYM1ZZ2/Cover_EndScreen.png Digital Product Designer - Increased Engagement of Customers Changes went live in October of 2022 and we saw a 400% increase in user engagement! https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761082923428-0EB1TU8UWQFIN1PPECHG/fill_pattern_cover_big.png Digital Product Designer - Chart Feature for Accessibility Workday needed to make charts accessible for users. This project aimed to design a pattern library to assist people with color blindness. In two months, I audited the current framework, conceptualized an approach for the patterns, executed the designs, and tested the patterns internally. I enjoy making the internet more accessible and was thrilled to work on this project. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761082936327-627FATM9VSBG7UZLWIA4/fill_pattern_before.png Digital Product Designer - Audit of Existing Fill Patterns At the project's start, I researched fill patterns in our current pattern library and found that the visualizations did not align with the design system colors and were unclear at small scales. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761082958602-PV5T3KGL0KYHW3HK2ICZ/basic_elements.png Digital Product Designer - Elements to Examine Density I adopted a clean slate approach to design the fill patterns. I began by selecting basic elements to examine the density in space. As I explored options from less dense to denser patterns, the foreground and background unveiled new shapes to work with. For instance, crossed lines formed diamonds in the negative space. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761082970019-58QW5AQV5TASGLK8CEPQ/image-asset.png Digital Product Designer - Search for the Correct Density The chart system needed to support a wide variety of chart sizes. The biggest challenge involved finding fill patterns that suited small spaces. I collaborated closely with the developer, iterating through multiple prototypes to select patterns that fit well in those confined areas. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760372818177-KUT4A27CE1H4WBR5GPZS/density_context.png Digital Product Designer - Examine Patterns in Context When selecting the pattern, I placed them in the context of the smallest bar chart to ensure legibility at a small scale. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761082982248-BLW3WY7JVCZ96EIKB7LR/chart_colors.png Digital Product Designer - Working with Color Once I selected black-and-white patterns, I began incorporating colors from Workday's design system. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761082993488-C1YYXTHWHCCITLD4D429/pattern_modes.png Digital Product Designer - Modes of Color Selection Defining the logic for using the solid colors in the fill pattern mode was the next step in determining the appropriate level of legibility. How might we determine the right level of fidelity in our patterns? https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761083011828-K76WP6X68P3T4KE784WO/WEBaim.png Digital Product Designer - Referencing Legibility Standards I worked with the developer to create a tool that evaluates the contrast levels between charting colors and the fill patterns to calculate a score based on legibility standards. It used color interpolation methods for blending between the two values. I used this tool to generate a set of high contrast color and fill pattern pairs. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761083018074-XTR8HUDK9IXWIE3XMPOU/Color_Interpolate.png Digital Product Designer - Testing Values of Interpolation After several iterations, I selected a version of the interpolated color for each fill pattern. We shipped this first version with limited internal testing, primarily based on the internal team's feedback. I normally would want to test the selection with users and with different screens, but we were working under intense time constraints and shipped my recommendations for the first release. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1761083033852-81KQP2F59PIR8FWQ9CVC/UI_test.png Digital Product Designer - Incorporated into the Pattern Library The new color schemes and fill patterns significantly improved accessibility across the platform, making it easier for a wider range of individuals to navigate and interact with charts in the Workday enterprise. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760352231633-OTAT92WZL4TB2QFJPNG5/Service_Poster.png Digital Product Designer - Finding Engagement Opportunities When there was a decrease in engagement when building a campaign for JPMorgan Chase offers, Design stepped in to align with the Marketing team. I built this service design map to look at the problem holistically and strategize opportunities. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760215164915-RQHTPR5ZNIE2JP0TFD95/image-asset.png Digital Product Designer - Analysis of the Current Map To better understand the Campaign process, I asked the Marketing team numerous detailed questions and compiled their responses. With this information, I created a new map to structure and visualize the answers clearly. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760365549804-PZENN8W6NEBGOM77973W/02_Process_ServiceDesign.png Digital Product Designer - Categories Become a Legend for a New Map Categorized the existing map's data to reveal key patterns and relationships, then used this to create a clearer, more organized map with improved hierarchy and visualization for better usability. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760228869177-M6RM3O0TV0HQE6UIQA6L/Chase_SD_Process.png Digital Product Designer https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760223460300-VHYWJQMQXFX4OBOY4SW5/HowMightWe_CampaignFlow.png Digital Product Designer https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760230315414-I0ESRZQMW8TI8HYVA5FI/image-asset.png Digital Product Designer - Themes Based on Opportunites found https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760351848355-Z9QPT17WFQWT2THHX2L6/streamingTVService_LGwebpage_mock.png Digital Product Designer - Visualizing Data for Research The Global Investment Research division of Goldman Sachs wanted to add interactivity to its research reports in the fall of 2019. Previously, they had focused on printed reports for clients. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760345074980-YJRC13NVSYJ1D9M66VC5/Construction_Mockup.png Digital Product Designer - SVG for Custom Design Solutions Due to the sensitive nature of the data within reports, I found Scalable Vector Graphics as a custom solution to design and develop interactive graphics. This would assist with visually explaining our investment analysts’ concepts for Goldman Sachs clients. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760345282343-QZ4YRMF7K20XZ1GMBP72/hybridCloud_Mock.png Digital Product Designer - Evergreen Content Creation In addition to creating individual exhibits, I worked with the Core UX team to standardize icons and create evergreen content that would support future exhibits and add consistency among our production. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760350640104-DLKQ39XYJVRC99VL38SH/WD_PA_MainImg.png Digital Product Designer - Custom Dashboards for People Analytics On a custom dashboard, you can surface Business Intelligence data with AI alongside Workday data and build dashboards useful to different business functions, such as People Analytics. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265751150-VB9VPS7F66ESE5NX1Z07/Persona_PA_WD.png Digital Product Designer - Defining Personas From the start of this project, I worked directly with a Business Analyst and defined the users of the product. Together, we defined the actions each user would take and how they would interact with each other when using the People Analytics platform. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265773529-IGD2E21YNEVM3GAEHR29/storyboard_whiteboard.png Digital Product Designer - Product Definition I developed personas and refined the core functionality to prioritize features and functionality that would ensure our design met the user needs. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265805835-A94LN3FI40N8YER3LNC2/Persona_Actions_PA_WD.png Digital Product Designer - Artifacts to Build Alignment As a result of our newly acquired company, Stories.bi, one of the main challenges was our highly distributed team around the world. I created artifacts that helped us all agree on the same meanings, allowing us to uncover different viewpoints earlier in the process. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265816535-OQYNV7CUIB5GXMO7KPDN/AnalyticsStages03.png Digital Product Designer - Framework Selection We needed to build upon one of the multiple internal frameworks available within Workday. I evaluated them by building a proof of concept and working with the development teams. We needed to find a flexible framework that could be rearranged by end-users. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265825477-F0CED88M2M9M8LYNQI1Z/discoveryBoard_Center2.jpg Digital Product Designer - Turn a Data Tool Into a Web Based Platform The Discovery Boards framework had the fewest functional gaps and would support the look and feel that we desired. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1762123577331-5E9K6TQJLU8TAVXLQXZM/DragHandlesIterations.png Digital Product Designer - Feature Addition to the Design System The workday pattern library had drag handles, but they did not provide the bi-directional functionality that we required. I iterated on new variants of the drag handles to create a new component and interactions to support the application. https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265878717-K39L95LQENUTOKL0CAQO/Platfora_PrismBreakdown.png Digital Product Designer https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1760265890255-SGFVBPJ8B5Q1LMNJZE7K/WorkdayProcess.png Digital Product Designer http://kierawestphal.com/apiture daily 0.75 2026-03-01 https://images.squarespace-cdn.com/content/v1/578802b63e00be7706a69a7c/1c2ee1de-6acf-4d7f-a080-0f4950c3af42/Screenshot+2026-03-01+at+10.48.47.png Apiture Design System - Make it stand out Design system creation in Figma for the Developer Portal at Apiture.com