https://www.priscilaencarnacion.com/mamo-project daily 0.75 2024-05-19 https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1590294115145-EAZSK2SWCJ37QI07FH8G/Layout+and+elements+annotations MaMo Project Layout and elements annotations https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1590291655308-8HXO2A9H6U58LA9UKQIH/mamo-sketch.png MaMo Project - Sketch https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1590291705204-XUC6LBXDRDMSXU2AQSW3/Video%2BExplainer%2BGeneral%2BFlow.png MaMo Project - Flow https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1590292194912-EGELZAPFAYQIDN0LLAL7/Screen+Shot+2020-05-23+at+11.49.27+PM.png MaMo Project - Wireframes https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1590266931879-487AHSS5B5US9GKH4IFV/bpmamo.gif MaMo Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1590294190923-NV1I56U3NPGE5ZQGDHH5/Canvas+nodes+behavior MaMo Project Canvas nodes behavior https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1590294250647-4AYMB5XX8UCRIO717V1C/Sound+booth+behavior MaMo Project Sound booth flow https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1590294890589-OKQJJW2FFIBUF2GGM944/Screen+Shot+2020-05-24+at+12.33.58+AM.png MaMo Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1590294894028-REHBMGAQRXY22GMWQ1OJ/Screen+Shot+2020-05-24+at+12.33.45+AM.png MaMo Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1590294893760-8F39HAVS8HS9LJOZGL2P/Screen+Shot+2020-05-24+at+12.33.30+AM.png MaMo Project https://www.priscilaencarnacion.com/design-systems daily 0.75 2024-04-27 https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1601092820956-KZN7IE0LVD34K0SNX1C7/Screen+Shot+2020-09-25+at+11.40.21+PM.png Design Systems - Documentation As part of building our library, we also made sure to document each component. We worked with a front-end developer and QA engineer in naming each component, writing out guiding principles, and making sure our work was accessible. https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1601092867694-998XI5MTGZH8771DDQOX/image-asset.png Design Systems - Design Assets The designers worked together to audit the sites for inconsistencies, debate the merits of certain interactive behaviors, identify improvements, and then build a Sketch library with all of our components in different breakpoints. https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1601092886296-6VF28JPULEOMXK0A8ZFY/Screen+Shot+2020-09-25+at+11.43.38+PM.png Design Systems - Code I worked with the developer and QA engineer a couple of hours weekly to also design and organize our Storybook page. https://www.priscilaencarnacion.com/store-project daily 0.75 2024-05-19 https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1607570774998-PHWMN05KL0AIY31E9CDO/Screen+Shot+2020-12-09+at+10.25.58+PM.png Store Project Email flows and sample email https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1607570982967-5YRO2TII3R6MD8E2XBPV/Screen+Shot+2020-12-09+at+10.29.17+PM.png Store Project Select pages for user flow https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1601169892092-S6TAVJOL08VYUP9JJO5L/Screen+Shot+2020-09-26+at+9.24.14+PM.png Store Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1607571264594-QJFDGBSCU1DH6PMZT2SZ/Screen+Shot+2020-12-09+at+10.33.19+PM.png Store Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1607570485097-ZSZ0RKZEROE5XVDMGU0B/Screen+Shot+2020-12-09+at+10.21.16+PM.png Store Project Old order form (left) vs New order form (right) https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1605387549575-OEINKG4LD9HZCBOJLWFP/flash-store.png Store Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1605331152141-YPE39YH22C7IP23SGC43/Purchasing-Flow.jpg Store Project Purchasing flow when buying a subscription for BrainPOP https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1607571666561-ZTCDSB6I7UM10H5YN2A2/Screen+Shot+2020-12-09+at+10.40.46+PM.png Store Project Two-pager Plans and Pricing PDF https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1597716916408-5DJAYPXVZFCYB8F06ZTR/store-plans.gif Store Project https://www.priscilaencarnacion.com/local-news-app-project daily 0.75 2024-05-28 https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1597792419722-B2A4MK8WLDSWEHWR8DHI/free-app-01.png Local News App Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1597792612716-G0VRUL7GL8JF8CV8GWQE/free-app-03.png Local News App Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1597792759368-NVH8EYKX1PJ77TKYLTMR/free-app-02.png Local News App Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1597792876927-GQTVRN6JSMTB5EA4JR2N/free-app-04.png Local News App Project https://www.priscilaencarnacion.com/bpjr-redesign-project daily 0.75 2024-05-19 https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1588992956974-VU18LVGLHE98N9MU2IBK/Screen+Shot+2020-05-07+at+2.55.33+PM.png BPJR Redesign Project - Design System https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1588993008465-PZ5C3WIIUYMVDCAFS0N1/Group+2.png BPJR Redesign Project - Icons and Illustrations https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1588993028323-PDMBJJMN0Q4M5SKC5NXQ/jr_topics_animation.gif BPJR Redesign Project - Animations https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1612493963952-RYR9SR5P2KDO8HZR4H5G/image-asset.jpeg BPJR Redesign Project - The Problem BrainPOP Jr. circa 1999 https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1589076032149-SAIQW0X3SHM8Y9D8KR6Q/screenshot-nimbus-capture-2020.05.09-21_58_48.png BPJR Redesign Project - Movie Player https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1589076605722-V2OQHD0PJL3825FTZ84S/hard-quiz.gif BPJR Redesign Project - Quiz https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1589077398616-1NY8R64Q1AV7TGR8VDJC/screenshot-nimbus-capture-2020.05.09-22_22_41.png BPJR Redesign Project - Concept Map https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1589078220652-GKWTFLWJZZHZD4M7EIER/bellyup.gif BPJR Redesign Project - Comics To pass accessibility, we added proper alternative texts and transcript to the illustrations. https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1589078481902-1ZAMKTUGLNW0ETF4IFPU/popajoke.gif BPJR Redesign Project - Pop a Joke https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1590550387595-BH01F2PVD7YAT354GOQ7/Screen%2BShot%2B2020-05-26%2Bat%2B11.31.10%2BPM.jpg BPJR Redesign Project - Write About It https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1588866923145-523VZO6KJ4EOZ48XK2T3/Screen+Shot+2020-05-07+at+11.54.02+AM.png BPJR Redesign Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1597548822216-XRNG7CVTAOXKR7S2F2ZI/bpjr_tweets.png BPJR Redesign Project https://www.priscilaencarnacion.com/sf-chron-project daily 0.75 2024-05-19 https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1598391258618-SDZGFJ3VFQKUSGYQA7WR/sfc_art_open.png SF Chron Project - Article List View https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1613937265876-RB5RR9PZWRTDURR3XSLB/old_app_reviews.png SF Chron Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1598391282463-0D8UY5HVEC1I78BVN5N0/sfc_nav.png SF Chron Project - Navigation Our readers also requested that they can customize their app — from what categories they are interested in, to which categories they want to see first. I designed the sections menu to include a “customize” button that allows users to select which categories they want to include, as well as a reordering mechanism on which categories they prefer reading first. https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1613939231587-E3IH1GS7NBMVY9SE1GOE/settings1.png SF Chron Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1613938285692-KYBWL400FZ4GB0CKMTXA/app_fontsColors.png SF Chron Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1613939064548-CDWSGW33QUOE9C3IMRES/ads.png SF Chron Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1598391227002-ZWYD2IC3JDN0902I9GDR/sfc_home.png SF Chron Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1613936588163-9DW2XZUT3GV24RT6R74W/old_hearstapp.png SF Chron Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1613939512381-9KZ2AQ5FNJCXMB9V2RAL/onboard1.png SF Chron Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1613939513059-CZ1II9RK9NQXEXTK0A1H/onboard2.png SF Chron Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1613939513006-ALYD555WNPXS5QCQCUK1/onboard3.png SF Chron Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1613937862493-1ZMY3XLU9RKQB2UQ9QL5/app_hearst_wires.png SF Chron Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1613937718565-MODFOLVPBRR1LHHE5KR7/app_data.png SF Chron Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1613939282087-CE8Z30ZISWJ9BIYKEXTH/settings2.png SF Chron Project https://images.squarespace-cdn.com/content/v1/5c6ae2f57fdcb81f0e8f3903/1613939837557-G46JCLXZ4P40YYZ1PD68/Group.png SF Chron Project