https://www.serenaux.com/overview daily 1.0 2021-03-07 https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1604270237484-E0YPUR6TN6KPH1IWZ00A/Screener+next+gen+hero.png Overview - Screener: from UX Workshop to Build Role: Lead UX Designer, Workshop Coordinator and Facilitator Facilitated a 5-day intensive collaboration between the design and product teams to examine and evaluate a complex and much-used tool on the SPG Platform: Screener. We sought to evaluate how this tool could evolve into its Next Gen design. https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1604251870464-JI9IYFH4I5CH28SS0X40/CIQ+hero+image2.png Overview - CIQ Modernization Role: Lead UX Designer A rebranding project that also expanded into uncharted territory of the market for Capital IQ. With CIQ Modernization, we defined the platform’s new visual style, established UX patterns, and introduced a new set of pages targeted at a new user base. https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1604260440886-27U68QXSSRLI8Z1LPIJK/Search-Card-Hero4.png Overview - Search Cards: Promote the Most Relevant Contents Role: Lead UX Designer On a platform with high information density, it can be a challenge for users to discover relevant content. Search Cards zoom in and serve up the most relevant content based on the questions users ask. https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1603645385931-I3PRV4FWUN8DECHGMQG5/Design-System-Hero-Image.png Overview - S&P Global Design System Role: Lead UX Designer, Pattern-Setter, Definitions and Guidelines Writer Teamed up with a project manager and a senior frontend dev, we developed a comprehensive pattern library and established design principles to streamline product-building across the organization. https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1603839486810-AJ21YBQ5ON8XFIIRAALF/SaksTumblrDesign.png Overview https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1615139035855-JNWPODROTEO06LA55JPG/Sp_NxGen_AppIcons_HiFi_rev.png Overview https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1605474539302-MBAAQ76Y9LCDO7S7WF8R/SaksBlogHome.png Overview https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1611516124237-S5SIF5PUIQLT77TOZN0T/BookFlixAnimalBookPage.png Overview https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1611516087910-N3XRRB17RTKPIHMHB6KL/SnobSwap.png Overview https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1607892637397-YEYZ8PEB3751GNT56GYV/iRead+Monster+logos.png Overview https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1607896949144-7O6P1WNJRQDUK7ASX6Y6/DTM_TG_Front_AS_A.png Overview https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1607897969710-JOZXOJVY2TGFPXUFL331/E21+Anne+Frank.png Overview https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1608323703456-6YY0UWBS9NWGHLITM70L/S44LogoNGGrayGreen.png Overview https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1607896949083-X9VXTJLAQY0O3X1ZV06L/DTM_TG_Front_DIV_B.png Overview https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1607898635827-DOV5AZXMKXL1Q5KQNICO/E21+call+me+maria.png Overview https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1608323804465-9QVZOVLFW1JZB8Q1Y09L/ReakJobs+Logos.png Overview https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1607896949105-ZFI3AC0FC3P8YFAZM5CA/DTM_TG_Front_FR_B.png Overview https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1607898078886-SIHW7N2L2UL3JQYWTB7X/G7W2s_ER-1.jpg Overview https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1608323574552-YXYB40HEIFR86QHN6Y8D/DTM+Logos.png Overview https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1607896948882-G8428OZF39AW2INA23WC/DTM_TG_Front_MU_A.png Overview https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1608157190862-JWWZGH6GGLHA2L2YX542/RJ+StartEnginSpread3.png Overview https://www.serenaux.com/spg-design-system daily 0.75 2020-12-05 https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1603653544050-CQ4JPPI91QUWP3DTKVX5/Skech-Library-Buttons.png Serena–SPG Design System https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1603657922880-6GT2RTR99YBBR7ZKRDVW/Design+System+Colors.png Serena–SPG Design System https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1603654343774-2V0P6DS1L8OJKMSBWJ5K/Sketch+Library+Icons.png Serena–SPG Design System https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1603657923418-M79AIQH9C2Z9EAOWOV9G/Design+System+Dos+and+Donts.png Serena–SPG Design System https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1603654465665-UF7FCC7C1VN67XRXC7WJ/Sketch+Library+Range+Controls.png Serena–SPG Design System https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1603658096144-5Y714H7SSSXBP6S8F3A2/Design-System-Filterbox.png Serena–SPG Design System https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1603653709464-R12I6UMZHK8F6269P57O/Sketch-Library-Dropdowns.png Serena–SPG Design System https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1603658171980-37A6FCTCIODAXFKBSVA0/Design+System+Responsive.png Serena–SPG Design System https://www.serenaux.com/screener-ux-workshop-to-nextgen daily 0.75 2021-01-24 https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1604091263492-YHRVO0GFASSLOFG19TNK/S1A_painpoints2.png Serena–UX Design Workshop Workshop image: identifying pain points. https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1604091229280-WFNUP923ZZ48IW1KMLQU/Screener+Legacy.png Serena–UX Design Workshop Legacy screener default state with preselected fields. https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1604093977054-C22U978KFM0AU743UDEA/Screener%252Bnovice%252Buser1.jpg Serena–UX Design Workshop Workshop image: novice user workflow https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1604181242259-YZB147687EQ53ZZ3C8S8/Screener+default+view.png Serena–UX Design Workshop Next gen screener default state https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1604093998314-ZE3ACTL5EVUGDVWD7CN5/Screener%2Bnovice%2Buser2.jpg Serena–UX Design Workshop Workshop image: novice user wireframes https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1604096001740-8KZMEEPXSOXTUP63D1KD/Screener+workshop+proto+driverless.png Serena–UX Design Workshop "Novice users" test prototype https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1604099940957-PYP8C87EKDT9BV38QDSW/Screener+design+iteration+wire+1.png Serena–UX Design Workshop Idea: Basic criteria on the left side of the page, users continue to add upon them https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1604180965729-V7FO9N2Z6U444B8CH4WX/Screener+dev+project+view.png Serena–UX Design Workshop Next gen screener populated https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1604094147902-ZW4JMU5OQZU32SVKAQI2/Screener+advanced+user+1.png Serena–UX Design Workshop Workshop image: advanced user workflow https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1604095999709-VNFGRZGCEEPPAGNUQDDR/Screener+workshop+proto+comps.png Serena–UX Design Workshop "Advanced users" test prototype https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1604182508871-64UFOISKWPZNQCVFWHD2/Ownership+Aggregates+wizard.png Serena–UX Design Workshop Next gen screener Investor Targeting entry point https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1604094043592-0MZYH991NFDZEE0C7PO8/Screener%2Badvanced%2Buser%2B2.jpg Serena–UX Design Workshop Workshop image: advanced user wireframes https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1604099941566-VIH0Y32ZB1MUTV2FPEZJ/Screener+design+iteration+wire+2.png Serena–UX Design Workshop Idea: A row of bast criteria line up below the page title with "browse all" panel on the right https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1604182573192-65J4I628YF345XQNSJKB/Screener+browse+criteria+masonry.png Serena–UX Design Workshop Next gen screener proposed customizable framework https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606511106648-1G702GL5IE2LTPWD9K2I/Screener+design+iteration+wire+3.png Serena–UX Design Workshop Idea: One criteria search field with "browse all" panel below it https://www.serenaux.com/spciq daily 0.75 2021-01-24 https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606155905336-E4H3E4EC2KASZH4SF9WY/CIQ+Legacy.png CIQ Modernization https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606157042297-MOU619WHSR31DKLHAJO0/CIQ+Legacy+Responsive.png CIQ Modernization https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606342326514-0DYFFBLC8XJD1O9Z1P9Z/Widget+Library+Modal+1.png CIQ Modernization Users access the library on the upper right hand corner by selecting a widget type https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606342346546-LHRQ774O1FOR1D7LEYYB/Widget+Library+Modal+2.png CIQ Modernization It then opens a modal with available widgets and settings for further customization https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606342372027-HODLJS819SG7V587X188/Widget+Library+Modal+1.png CIQ Modernization The library is situated at the bottom of the screen, collapsed as the default state https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606342388415-6YU84H8YQ4HSRUNMYZBK/Widget+Library+Modal+2.png CIQ Modernization Once expanded, users can drag and drop a widget onto the page https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606342977147-CN9YGHQMB5ERCI2IO8HS/Widget+Library+Modal+1.png CIQ Modernization A more “compact” library design in expanded state https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606342993527-C17689BTC34055ZX1MA3/Widget+Library+Modal+2.png CIQ Modernization Users can drag it and “dock” at any side of the page, the blue lines highlight where the library can be docked https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606343017962-6Q7OZY4CBMFR7D4IRZL3/Widget+Library+Modal+1.png CIQ Modernization The library is docked, users can drag and drop a widget from the library https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606343030887-2PIOFLJ37M9A5IXZ24JP/Widget+Library+Modal+2.png CIQ Modernization It can be collapsed and out of the way https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606343806136-M5591WC7ZDV27QV1LPQI/Widget+Library+Right+2.png CIQ Modernization Expanded state with drag and drop widgets https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606343793940-7AOTQOJRI5QG4QPTJYMS/Widget+Library+Modal+1.png CIQ Modernization Collapsed state of the library on the right side https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606508258998-Y5U8C4VMGFNPSVXE6ZID/CIQ_SM.png CIQ Modernization Strategy Modeler results view with the widget library on the right https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606508285954-CY1EFC7TM68R3XQABORL/CIQ_Estimates.png CIQ Modernization Estimates Dashboard utilizing the same widget library framework https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606509522196-ULSNCW8MO1GE542IDLQX/RT+Light+Mode+DB.png CIQ Modernization Real-Time dashboard in light mode https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606509692847-QZGHZZHB7IBKYJ7ZCKAY/RT+Dark+Mode+DB.png CIQ Modernization Real-Time dashboard in dark mode https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606257098152-ZJDJZHECL7J0JGIV1V4R/PA+Wirefrane+Performance.png CIQ Modernization https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606433503612-HB3TDX0EAZTTIQBPRLWY/CIQ+Style+Guide+Colors.png CIQ Modernization https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606264719613-H77MCO784AQOWDYHOZ2B/PA+Wirefrane+Compositions.png CIQ Modernization https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606433503726-WWVTXSYZD1E80FMNLR59/CIQ+Style+Guide+Search+and+Input.png CIQ Modernization https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606257098153-IM3JU42HR2IBQKFBWEI2/PA+Wirefrane+Characteristics.png CIQ Modernization https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606433503762-M60WOYU49M2EUT3MA10I/CIQ+Style+Guide+Tables+and+Charts.png CIQ Modernization https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606257098016-M0MY7JPKHR2GGMH3LDD1/PA+Wirefrane+Attribution.png CIQ Modernization https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606433503914-68MZ1PNZYMI6WHUV32U8/CIQ+Style+Guide+Iconography.png CIQ Modernization https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606257098004-NLVYFVR9OO2747PSIEHM/PA+Wirefrane+Custom+Report.png CIQ Modernization https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606433503806-HXP2SIMO1ISHZG3MODIJ/CIQ+Style+Guide+Tooltip+Messages.png CIQ Modernization https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606257098003-2EWB7TXAQO2KP2BW2SA4/PA+Wirefrane+Custom+Report2.png CIQ Modernization https://www.serenaux.com/search-cards daily 0.75 2020-12-11 https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606153854625-JPURLEIJ6WT4YWZ3WP1A/Search+card+RD+rev.png Search Cards Same card but displaying information targeted at a ratings analyst https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606153952566-NL5CDEMSDKKVTY5XOIRN/search+card+MI+rev.png Search Cards A Promoted Entity Card for Alphabet Inc. showing relevant information for an investment banker https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1607714722765-QXO7OQIBDVSUGLGQWB9Q/Maps+Card.png Search Cards App Card for the Maps app answers users’ question with a visualization and the ability to open in the app https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1607714813089-GYALK0S4GID13F2Q577R/Chart+Builder+Card.png Search Cards Chart Builder App Card allows users to toggle between different periods https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1607714889754-5K9EM1H8E7A96M1XF5I3/Estimate+page+card.png Search Cards Estimate Highlights Page Card provides high-level answer with linking to the actual page https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1607714925475-GE2O7BVSIKXFMP2OVE4D/promoted+snippet+.png Search Cards Promoted Snippet Card shows keyword highlighted and quick actions users can perform https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1605396633666-804PJ7AF1BALKVDL2WJG/Card+logic+1.png Search Cards Wireframe for placement of cards based on relevancy and general eye pattern https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1605466112291-TUEI6NNCIWLL8L367VI7/Card+logic+2rev.png Search Cards App cards displaying based on the type of question https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1605466076969-XWQOV66SXCXFL85LIQB1/Card+logic+3rev.png Search Cards This question prompt the display of entity, related questions, and map cards https://images.squarespace-cdn.com/content/v1/5f91d361cab5a31309868e6f/1606084630266-1N5NHMMZ76Y8IOGAY01M/Multi+cards+Page.png Search Cards Example of the types of cards that can display for a type of question https://www.serenaux.com/about daily 0.75 2021-01-24