https://www.keatteoh.com/mirror daily 0.75 2017-09-19 https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505452563865-LNPD0SDNLFRLU24DDPGI/imac-animation-mirror.gif Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505338120254-GUC517IZPK0AB4RASXI3/mirror-on-imac.gif Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505451563067-6AJBLVQN2IJ88QA05450/imac-animation-mirror.gif Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505453205464-W2LMJQHNJXWLIMDEU1GP/Mirror+Case+Study.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505453223603-M3TFMUTYGPN1Y31UDZEM/Mirror+Case+Study1.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505324638197-D7LUY78BZ8CMV6A9LLZT/home-imac1.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505453245176-R06VW69W6UVFTWFVD39Z/Mirror+Case+Study3b.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505453648850-H0DA7IVC9SFRDY01XWW0/Mirror+Case+Study6.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505338578651-W2YNU2ZJXJG2FIFZVEWO/imac-mirror.gif Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505453594313-7MHP86LP9SARYM6YBEAI/Mirror+Case+Study4.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505453674454-RAD4ULSG316O30KQWJEL/Mirror+Case+Study7.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505453603268-WB52YS96KLXDHGENPFC3/Mirror+Case+Study5.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505453692717-5TN1SSY95IJ6XV1DX0IU/Mirror+Case+Study8.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505454653812-J8JGM1VXUYHSH3OZQDSV/Mirror+Case+Study9.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505454673621-BA0DI5W0HGDQ3XDKNMT5/Mirror+Case+Study13.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505454694017-4TZPV1HES0KKU8KKC5YW/Mirror+Case+Study10a.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505454705295-LK792BG7HEXO440QNA63/Mirror+Case+Study11.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505454737849-1ES6BWD3V5UU0SVWI2M0/Mirror+Case+Study12.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505454807954-J5Z9LB6JJ2NEYPW2PS6Q/Mirror+Case+Study14.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505454855277-XX5A90F9ECNHV9J3EV7A/Mirror+Case+Study15.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505454862781-EIXPYU422WH9ZVJREUKT/Mirror+Case+Study16.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505454874028-42I9EL5CAAD06H40TA6M/Mirror+Case+Study17.png Mirror Apparel https://www.keatteoh.com/visuals daily 0.75 2025-05-19 https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1516910568936-GDHXCK0W5NJQMTS1W5WL/tumblr_owg9fxdHHX1vg09kxo1_1280.jpg Visual Design https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1743872277301-YMSAG8CPSW6DORWDW7OP/Apr26+IG+story.jpg Visual Design https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1595552674157-W09UDZD360WB9DRI74WC/tumblr_osbaob30Bq1vg09kxo1_640.jpg Visual Design - The Rinse poster Promo poster for The Rinse, a DJ night at Friends and Lovers bar. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1743872283724-5BBNYRQTF0R3EW3O403J/Oct12+IG+story.jpg Visual Design https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1743872283819-NOM2FWAH1NMCKTQ0XO46/keat+sweat+Instagram+story+-+2.jpg Visual Design https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1743872285029-SGBU2OMONCZBM9LCTT7T/product+images.png Visual Design https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1743872279827-PDB2IL9AZK63N710PKNK/juicebox+oct8+IG+story.jpg Visual Design https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1595553828902-9NHB4MFBO0EOGNKH2Z1G/banner+plants+only.jpeg Visual Design - VISSEN.co splash banner Commission for VISSEN.co’s website and mailing list. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1538688456700-T4YUJ3ZBARZ2U7WM6QD3/tumblr_pfkz3dzjUy1vg09kxo1_1280.jpg Visual Design - Friends and Lovers Promo artwork for Friends and Lovers bar in Brooklyn NY. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1516910531382-41SP8SNJCAZIKLP8P93V/tumblr_onhho3BA4w1vg09kxo1_1280.jpg Visual Design - The heart wants what it wants, or else it does not care Personal piece https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1516910517052-2495NX7VSZ349NWLEZX8/tumblr_okz54rUAjk1vg09kxo1_1280.png Visual Design - Lady Liberty https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1595552658834-U5F33D6PFKICL24VGY3Z/tumblr_odiazz58Ha1vg09kxo3_540.jpg Visual Design - From the Turntable of... A set of rubber stamp designs for record collectors, designed and handmade by me. https://www.turntablelab.com/products/beast-quality-record-stamp-inkpad-set-turntable https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1516910513624-133L689MSU5EJIO4DOXY/tumblr_ol2uk8IjrD1vg09kxo1_1280.jpg Visual Design - Water Your Talents Promo artwork done for So Very Skilled Variety Show event, at Trophy Bar, Brooklyn NY. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1516910515699-58M0BW1VRMPUKLV03AYY/tumblr_olen6r3S0F1vg09kxo1_1280.jpg Visual Design - Through the Looking Glass personal piece https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1516910535904-AEG10MY6YXDYOK72I0KX/tumblr_oolw5m2c791vg09kxo1_1280.jpg Visual Design - Nightclubbing Personal piece https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1516910522102-O5U73BVZXABMN0H0HEOF/tumblr_oln1jdljQB1vg09kxo3_1280.jpg Visual Design - Untitled Personal piece https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1516910518262-NMCSMTOMFVLGDKN19UAD/tumblr_oln0v30tGO1vg09kxo1_1280.jpg Visual Design - Late Night Snack Personal piece https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1595552652357-L5E2F04LGZ6G3JICMIS7/tumblr_odi8gnejGu1vg09kxo3_540.png Visual Design - Meat Processor Commission piece done for Meat Paper magazine. https://www.keatteoh.com/humannature daily 0.75 2020-12-12 https://images.squarespace-cdn.com/content/v1/56d9b7181d07c0cd16df5f11/1457113279941-A1CRP6J19GVEW72VBGDN/man-nature-82.65.227_PS2.jpg Human/Nature - Sable Fusce odio velit, rutrum vitae velit vitae, dignissim varius neque. Donec nec justo sed mi ultrices suscipit. Phasellus at arcu arcu. In non vestibulum magna. Morbi eu tempor. https://images.squarespace-cdn.com/content/v1/56d9b7181d07c0cd16df5f11/1457113279954-5ON9WM0ZV4PCRHXP8MZO/man-nature-82.65.340_PS2.jpg Human/Nature - The Shed Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam tempor eleifend diam, nec rutrum turpis gravida at. https://images.squarespace-cdn.com/content/v1/56d9b7181d07c0cd16df5f11/1457123294241-020YTEUPKBS81FMT6B58/man-nature-82.65.102_PS2-top.jpg Human/Nature - Reflections Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam tempor eleifend diam, nec rutrum turpis gravida at. Sed viverra suscipit mi, consequat leo tristique sed. Proin vestibulum egestas metus in convallis. Nunc non massa quis libero mattis sollicitudin eget. https://images.squarespace-cdn.com/content/v1/56d9b7181d07c0cd16df5f11/1457122527761-TZ5BDSG7WS9NSRA9NS8D/man-nature-82.65.2256_PS1.jpg Human/Nature - Flight Sed viverra suscipit, eget consequat leo tristique sed. Proin vestibulum convallis egestas metus in. Nunc non massa quis libero mattis sollicitudin mi. https://images.squarespace-cdn.com/content/v1/56d9b7181d07c0cd16df5f11/1457113453842-MY9KGAH4EV6UL5Y8UU3W/man-nature-82.65.26_PS2.jpg Human/Nature https://images.squarespace-cdn.com/content/v1/56d9b7181d07c0cd16df5f11/1457122571151-I9P6YTZ3EJUG59TGBU8A/man-nature-82.65.404_PS2.jpg Human/Nature https://images.squarespace-cdn.com/content/v1/56d9b7181d07c0cd16df5f11/1457113545553-OR4I4HI4B1A5FW9GFK64/man-nature-82.65.283_PS2.jpg Human/Nature https://images.squarespace-cdn.com/content/v1/56d9b7181d07c0cd16df5f11/1457113459029-NLJ0IHCN78T88I2RVHZO/man-nature-82.65.353_PS1.jpg Human/Nature https://images.squarespace-cdn.com/content/v1/56d9b7181d07c0cd16df5f11/1457123087416-IZMF9FIRHIR3AKDW29GS/man-nature-82.65.220_PS2.jpg Human/Nature https://images.squarespace-cdn.com/content/v1/56d9b7181d07c0cd16df5f11/1457123294247-6OB4FMNDC5TCQWFII9NI/man-nature-82.65.102_PS2-bottom.jpg Human/Nature https://images.squarespace-cdn.com/content/v1/56d9b7181d07c0cd16df5f11/1457122485911-F5MHHQ9ASK25B0GWGGDP/man-nature-82.65.112_PS2.jpg Human/Nature https://images.squarespace-cdn.com/content/v1/56d9b7181d07c0cd16df5f11/1457123152800-FM1JEQ741X029EF3RVYO/man-nature-82.65.277_PS2.jpg Human/Nature https://www.keatteoh.com/contact daily 0.75 2021-01-05 https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505325296795-87X434JDYWOU04BF36E1/postcard+keat1.jpeg Contact https://www.keatteoh.com/about daily 0.75 2025-06-12 https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/030e397a-ba10-46c8-87d8-db6180fb256a/keats+process.png About Keat - 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/59b952da64b05fc68d990857/1595547535893-YOY8V8G2ALC3ZEZKFS7I/keat+teoh+portrait About Keat - Like 'Meat', with a K As a creative, I’m drawn to projects that invite exploration, invention, and a bit of subversion—work that’s attuned to nuance, coincidence, and occasionally, humor. I love diving into the unknown to discover, learn, and unpack insights. The most rewarding outcomes are those that challenge assumptions and shift perspectives. With over a decade of operational and management experience, I thrive on optimizing workflows, building robust design systems, learning new tools, and turning abstract ideas into tangible products. These experiences have equipped me to lead interdisciplinary teams, align around shared goals, and visualize complex concepts to drive informed design and business decisions. When I’m not working, you might find me spinning vinyl at a dance party, casting spells at a Magic: The Gathering tournament, or embracing the joy of doing absolutely nothing. I'm currently seeking bold, meaningful projects that energize me (and cue up the house music on Saturday mornings). I’m especially excited to collaborate with thoughtful, open teams on work that’s impactful, human-centered, and—ideally—disruptive in all the right ways. If that sounds like your team or project, let’s connect. [Resume] & [Illustration Work] https://www.keatteoh.com/mirror-v2 daily 0.75 2021-01-05 https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505836735154-M9MVHISRWZVN4RU77GKF/next+steps.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505833658018-E6N42W3STJG6HCFVNVRR/competitor+analysis.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505836178035-TW0AIBEUWD3DZ23MMAY7/image-asset.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505834518644-VB2F22JQHKEG3BUP685P/biz+user+goals.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505833567021-9S638IVMIQHYOOIZZ4HL/primary+persona.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505834552861-YOTWOBQIXB98CGWLCEZG/userflow.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505834028586-OQ0L0NND3GB2HA83CEKI/empathy+map.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510362254258-LHSXCEAGRH5HBRNC326R/cardsort.png Mirror Apparel Card Sorting Five participants were asked to sort 50 clothing items into categories as they see fit by using Trello as a live card sorting tool. How a user categorizes the items helped define a pattern of information architecture that will help with mapping how the website’s products. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505834712250-AWP0358BD1O8ITLE2XYM/Task+flow.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505836613967-CTV15VS5T2V6DYFFK0YZ/testing.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505836077825-U3LHJG93NWUU6ZXNO1O1/Logos.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505836677962-EE8PBGNYMKI8OTYUGVAU/affinity+map.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505832421102-MDNN1TD2ZKVHEY6YBK46/imac-animation-mirror.gif Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505836332948-RFH3UD3STP2KZBZQFZ29/UI+kit.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505836305261-1IIGI5HTLUFVFZZ0NF97/responsive+wireframes.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505835994837-H8LYYZNWOZT41TW78O3X/lo+fi+prototype.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505836787886-474OERSG3PU1VOX3QTVA/keat-imac1.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505835485271-V7XISG2GRBLZ7JANT115/sketches.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505834557225-YC18UYIT8YRJDOQG0A44/sitemapping.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505836443173-5A7GVFW47MJLIBYEB26Q/hifi+prototype.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505833907667-FD8F9WCSIEETG2JHWX1I/research+process.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505835920901-UC7QPQQ3F90VRI99HIVJ/wireframes.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505833947868-UTSVSQN2ZJMK34CC4NLJ/interviewees.png Mirror Apparel https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510116377292-XH4WO2A0PFREECOSUWZW/Screen+Shot+2017-11-07+at+11.45.09+PM.png Mirror Apparel https://www.keatteoh.com/resume daily 0.75 2026-01-06 https://www.keatteoh.com/the-rinse daily 0.75 2017-09-20 https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1505853260891-HOWBYD2E5QYO571KLYF2/Rinse+DJs.png The Rinse https://www.keatteoh.com/beast-quality-stamps daily 0.75 2021-01-05 https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509571312842-QD6EX87XR3MFUN65I7YK/beast+research+methods.png Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509849708913-YF5G8I80M5MIBCQPEU4E/Screen+Shot+2017-11-04+at+10.40.43+PM.png Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509849708917-YGLVZ3BZU299JSE36O8R/Screen+Shot+2017-11-04+at+10.40.48+PM.png Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509849709040-3GKDF3CUEHL0KDYPXKG0/Screen+Shot+2017-11-04+at+10.40.53+PM.png Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509851649904-D6WJH9RDNFY8LNOK79TF/Screen+Shot+2017-11-04+at+10.50.18+PM.png Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509561963979-KBK09TSFLJN56VD2BNRG/Affinity+Map Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509945856423-UPYN5ZX9LVU6ZSXKIIMW/Screen+Shot+2017-11-06+at+12.23.31+AM.png Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509943639470-2GVYUSLYWSKSHW0GAGRI/Screen+Shot+2017-11-05+at+9.03.42+PM.png Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509856161545-JW69EPIRGYAO9T8J42ER/Screen+Shot+2017-11-05+at+12.25.47+AM.png Beast Quality Stamps A moodboard (consisting of UI designs of other websites, Beast Quality's existing designs, and stationery supplies) is used as a jumping-off point for Beast Quality's. UI design. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509567056289-TTLW5JNSH7O8W2UCYKBB/Screen+Shot+2017-11-01+at+4.10.32+PM.png Beast Quality Stamps What is Beast Quality Stamps? https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509825500079-5CL58XTPSQVG5E6TBCHZ/Beast+Quality+Empathy+Map+V3.png Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509825500212-OQ0SNHFUVLZUWWPT1ST3/Primary+Persona+V3.png Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509944493826-8II95X9ZSRI9RMT98R4O/Style+Tile+v3.png Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509943832138-M90ZB5NK2NMJ85B8PU1S/Screen+Shot+2017-11-05+at+11.49.59+PM.png Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509980646633-4O540693W96GLTRZHB73/Screen+Shot+2016-11-14+at+12.59.27+PM.png Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510153199872-B3RVL0NQL3D8N2ZWY29L/IMG_2965.JPG Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510153202570-C9P0EPCF932UY0249LAX/IMG_3018.JPG Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509931465386-623HOQE9OQ0W98X6ZOHH/logo+design+BQ.png Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509576195603-V6Z3NZGZ0H8FGLWE073K/Screen+Shot+2017-11-01+at+6.38.09+PM.png Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509558732500-SC92CHDCBTXS5W8PBIPL/Screen+Shot+2017-11-01+at+1.51.05+PM.png Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509558728623-E8QTJBD9HCUT1SJJDD4T/Screen+Shot+2017-11-01+at+1.51.23+PM.png Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509944204987-R276BNNPCM65GBXP7S52/Screen+Shot+2017-11-05+at+8.45.31+PM.png Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509944204804-VCL0S66FV9J0ZQX1SR4H/Screen+Shot+2017-11-05+at+8.45.59+PM.png Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509854764557-RW8QYL0SHD6RW765CKJH/Screen+Shot+2017-11-05+at+12.05.43+AM.png Beast Quality Stamps Test Plan Lorem IpumLorem Ipumsadadada Lorem Ipum Test Goals Lorem IpumLorem Ipumsadadada Lorem Ipu https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509552877137-9WRB2H3GM57WJFX6N3H0/Screen+Shot+2017-11-01+at+12.13.28+PM.png Beast Quality Stamps Taskflow Using the How Might Questions as a jump off point, I brainstormed for solutions for each problem space, and prioritized the solutions based on implementability based on constraints of timeline and budget. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509553624904-TZ3P55C1S4WAJUWQDK5M/Screen+Shot+2017-11-01+at+12.13.13+PM.png Beast Quality Stamps Sitemapping Using the How Might Questions as a jump off point, I brainstormed for solutions for each problem space, and prioritized the solutions based on implementability based on constraints of timeline and budget. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1609812529959-BQ8WF8UEYSKWL1Q2IBRK/beastquality1.jpg Beast Quality Stamps - Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509934036421-0ZUXKVO0K0TV3V2X6Z1S/Screen+Shot+2017-11-05+at+8.48.20+PM.png Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509934082548-2GPLOO886GXFQN7IAGO4/Screen+Shot+2017-11-05+at+8.44.35+PM.png Beast Quality Stamps https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509553179923-9AIG15Z54FPLJWH4I8QY/Screen+Shot+2017-04-25+at+11.03.11+PM.png Beast Quality Stamps https://www.keatteoh.com/bostongov daily 0.75 2021-01-05 https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510119047981-Z6S8IYTJ7CBQIYLOWXY3/usability+tests.png Boston.Gov Test Plan Lorem IpumLorem Ipumsadadada Lorem Ipum Test Goals Lorem IpumLorem Ipumsadadada Lorem Ipu https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510114897958-O9LVACS7T30TVXRY7Z1G/prototyping.png Boston.Gov https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510160134703-QTYLGSZGLWWGQPVFTT5P/Artboard.png Boston.Gov https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509993675554-R7GSB0HR52MLCD7TXNKU/Screen+Shot+2017-11-06+at+1.40.19+PM.png Boston.Gov https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510061583754-4MQWW1J5V3NPQQD7AV0R/audit.png Boston.Gov The site audit provided me with ideas and references for building the logged in enviroment and certificate request process. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510153825630-D5GRP87ZIDWMN8VCZ7HN/Screen+Shot+2017-11-08+at+10.10.06+AM.png Boston.Gov https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510113747777-L6LQ8F9LGMS6EIGBQX0Q/Annotations1.png Boston.Gov - Fully online certificate request service https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510113747773-LK1DQVX9V3OZR6IRA0LR/Annotations2.png Boston.Gov - Logged in environment https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510113748162-0ZJ88AN07OR6QK47Y2TQ/Annotations3.png Boston.Gov - Creating an account https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1509982806498-5HSJYQZEQY7GA0KVU4GO/2380972090_5586c2d724_o.jpg Boston.Gov - Boston.gov https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510159282331-LXM33SJ276DHSW64HLPW/OhMA3iGUogpMkZFq-QxjiaTpU1x5Rv4Y1.png Boston.Gov The added feature of requesting for a birth certificate can be tested on this prototype. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510005766098-PCML6TI7P7RVZY6JNCSE/Screen+Shot+2017-11-06+at+3.37.13+PM.png Boston.Gov https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510005231283-5S6U5KJ64EZSMGJCOU0A/Screen+Shot+2017-11-06+at+4.52.55+PM.png Boston.Gov https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510003782410-ZCJTKJ8U08ILQXTX0SLF/Screen+Shot+2017-11-06+at+4.29.19+PM.png Boston.Gov https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510016659145-OBM9W5DP14ZS8EUR2S4K/Screen+Shot+2017-11-06+at+7.52.27+PM.png Boston.Gov https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510114424345-5QGWW0B88NQYTBFEJLJB/image-asset.png Boston.Gov https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510004576775-XW9KI24ER3DK9TX5V5JL/Screen+Shot+2017-11-06+at+4.34.56+PM.png Boston.Gov https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510004578498-SETXTIZNW0S80YH0PYH0/Screen+Shot+2017-11-06+at+4.35.02+PM.png Boston.Gov https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510154218968-NLD7ZMT65ELP2PQADGBY/Screen+Shot+2017-11-08+at+10.15.41+AM.png Boston.Gov https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510062700533-Z2ZRXN0YXRLJACGZOX48/Screen+Shot+2017-11-07+at+8.51.12+AM.png Boston.Gov https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510110287835-9HHFYW1GWWQKOKZJP3EV/Screen+Shot+2017-11-07+at+10.03.24+PM.png Boston.Gov - Boston.Gov Sitemap https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510016182775-BKPB6IZLX8BBFHKSCLYY/Screen+Shot+2017-11-06+at+7.51.59+PM.png Boston.Gov - MyGov Portal Sitemap https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510111727138-FTIQ3ZFBMIIQ89PALJ3N/Screen+Shot+2017-11-07+at+10.19.43+PM.png Boston.Gov https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510115737756-WKDI7OPSXPP3TLRHXZXG/2380972090_5586c2d724_o.jpg Boston.Gov https://www.keatteoh.com/google-aria daily 0.75 2021-01-05 https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510335700224-77X4PATAVJFTANF5TEBG/Screen+Shot+2017-11-10+at+1.46.22+AM.png Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510961744590-7PMB122JYCLXYB3LOZAD/Screen+Shot+2017-11-17+at+6.17.28+PM.png Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510333022573-WTQUVWPHWK61XEULNWLD/Screen+Shot+2017-11-10+at+11.56.38+AM.png Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510340354643-WZ3XP4RT1VZOY0D23C2G/sketches.png Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510340372736-515CSPKAQ51B6GHZNJFF/mid+fi+prototype.png Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510335773058-83T442014JIFEVA9B5HK/Screen+Shot+2017-11-10+at+12.26.24+AM.png Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510335772922-PMQWFYP9YPLML5E34K7Q/Screen+Shot+2017-11-10+at+12.26.29+AM.png Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510950433699-9FZM8021SFHRM9RQP6O3/Screen+Shot+2017-11-17+at+3.26.44+PM.png Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510948371643-92KDIQFF5GZVAKSSU4G5/Screen+Shot+2017-11-17+at+2.52.31+PM.png Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510340409813-VGPBSELHYN6ZMHEPDPQW/Screen+Shot+2017-11-10+at+1.22.29+AM.png Google Aria Using iOS 11's new screen recording feature, I managed to record both screen interactions and conversation audio. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510346933311-4NIUBVRWBA0V63SOCQH8/Screen+Shot+2017-11-10+at+3.48.38+PM.png Google Aria Taskflow Using the How Might Questions as a jump off point, I brainstormed for solutions for each problem space, and prioritized the solutions based on implementability based on constraints of timeline and budget. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510340590315-31HUUOAUA0GERD6YVQK7/Affinity+Map Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510340087176-2UKKFSUZMYLTF4LKBAA3/Screen+Shot+2017-11-10+at+12.51.08+AM.png Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510340181155-833TF5W6E7OL0VRMVOCN/Goals.png Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510340180258-TZYR0GG11317V82YLIYU/Product+Roadmap.png Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510340751339-YHVZNGY2LDZ8ETAI2RKI/Screen+Shot+2017-11-10+at+1.24.14+AM.png Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510340751555-2W9D4ZYQ81P7JHZN57XJ/Screen+Shot+2017-11-10+at+1.25.00+AM.png Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510349015034-J0FIHMT57HTE0BBXI0WX/Screen+Shot+2017-11-09+at+8.14.41+AM.png Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510344327044-VXQHEASBFUUC29OLUNLB/Screen+Shot+2017-11-10+at+1.43.10+AM.png Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510344332789-11QCNTF0JVB8N2OB63TV/Screen+Shot+2017-11-10+at+3.02.21+PM.png Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510348998380-D05Y397FQDTT2QTZGVN0/Screen+Shot+2017-11-08+at+7.07.42+PM.png Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1609812475896-RQFHNRS3IVXIMEF55ONI/Screen%2BShot%2B2017-11-08%2Bat%2B7.02.13%2BPM.jpg Google Aria - Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510331203392-BY65Y0XBA8PXUDBHX1LH/Screen+Shot+2017-11-10+at+11.26.25+AM.png Google Aria What is Beast Quality Stamps? https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510335636433-RZD54OAS9G0O9Q4T4P0L/Screen+Shot+2017-11-10+at+1.45.54+AM.png Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510950031366-L538T6POBBVQSJ2GRUJD/Screen+Shot+2017-11-17+at+3.19.40+PM.png Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510340850241-55Y4LAWW7IDI12QIYPA9/style+tile.png Google Aria https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510340307867-AEC8NK9CQMPMOWYMMNBZ/Screen+Shot+2017-11-01+at+12.13.13+PM.png Google Aria Sitemapping Using the How Might Questions as a jump off point, I brainstormed for solutions for each problem space, and prioritized the solutions based on implementability based on constraints of timeline and budget. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1510349429876-AVAX8LU02PFF9J5ZLGWR/Screen+Shot+2017-11-10+at+4.30.13+PM.png Google Aria https://www.keatteoh.com/my-process daily 0.75 2017-11-29 https://www.keatteoh.com/home daily 0.75 2020-07-24 https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1595554278330-CYLWGR0O77ZJ5LXN5800/unnamed+copy.png Home - Visual Design https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1595554241342-U4P9NAUMDMGPPJG5KGTT/prod3.png Home - Product Design https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1595554266713-C1O7XU091DGOPQJ6JL5Z/unnamed+copy+2.png Home - UX Design https://www.keatteoh.com/product daily 0.75 2022-08-21 https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1619116232225-PPR37WLPLOT7YOXSLAKV/Design+System+parts.png Product Design @ GreenSlate https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1619116303185-38U52QZURR5880AYID2R/visual+audit.png Product Design @ GreenSlate https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1619116231412-UPDR5W6FI633TGAMM4PH/Input+Types.png Product Design @ GreenSlate https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1619116231574-50EAQVPJ4GGEA951BB2K/Color+Palette.png Product Design @ GreenSlate https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1619116231861-9SY8HHKFGW47K9VFL82U/Webfonts.png Product Design @ GreenSlate https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1619116232045-P5YLK8XEA56I2A6V18L5/Understanding+Codebase.png Product Design @ GreenSlate https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1595556510828-KTNC7PO556K0CW4MGE9M/personas1.png Product Design @ GreenSlate Personas of both internal and external users https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1595545567772-LJ3DF5M3ODRSBURYEXUJ/incentives.png Product Design @ GreenSlate https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1619117969178-UYMVWC6RZL1FUESWDK6O/Screen+Shot+2021-04-22+at+2.59.05+PM.png Product Design @ GreenSlate https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1619117969493-NL2FG57L98BJDCVPC1I4/Screen+Shot+2021-04-22+at+2.58.48+PM.png Product Design @ GreenSlate https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1619117969862-PK9BJPJIN4FZQUNODL9G/Screen+Shot+2021-04-22+at+2.58.41+PM.png Product Design @ GreenSlate https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1619117970096-RWP2GBYIWYRXNJH8SD9Q/Screen+Shot+2021-04-22+at+2.58.13+PM.png Product Design @ GreenSlate https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1595566342710-E00AQRAU1DFSFZSDKE6M/greenslate%2Bsplash2.jpg Product Design @ GreenSlate - GreenSlate Enterprise business solutions for media productions https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1595535901380-REN60FCDGAUE70F4ICXQ/Accounting+reports2.png Product Design @ GreenSlate The UI for the legacy software (top) and the new web application (bottom). https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1595546136175-AWGPUJ3HMQMEZZOE0Q7X/tax+docs.png Product Design @ GreenSlate https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1595545214624-9EV2J6XDGYA0D00962PD/pcards3.png Product Design @ GreenSlate GreenSlate’s card management feature https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1595546830188-E11Z9LU26B3V6NOTRVN5/left+nav.png Product Design @ GreenSlate https://www.keatteoh.com/404 daily 0.75 2020-07-24 https://www.keatteoh.com/homepage daily 1.0 2022-07-19 https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/da1f9ecc-cc8f-429a-ac5e-73d7d8f40633/keat+splash.png Home - Keat is a Product Designer, and Visual Thinker. Human based in MA who’s passionate about crafting seamless and impactful experiences, delightful aesthetics, and doing great work with awesome people. Also infographic nerd, Magic the Gathering spellslinger, and funk & soul deejay. https://www.keatteoh.com/home2 daily 0.75 2022-07-08 https://www.keatteoh.com/beyond-the-breakdown daily 0.75 2022-08-21 https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1614043182369-JSNLQUYYOJBCN1061VOM/Screen+Shot+2021-02-02+at+1.48.53+PM.png Beyond the Breakdown https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1614043182628-I5EN061V8FOWANVJ15UR/Screen+Shot+2021-02-02+at+1.49.05+PM.png Beyond the Breakdown https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1614043187743-O9OXLRAJ89GSAIEEJI4R/Screen+Shot+2021-02-02+at+10.32.31+PM.png Beyond the Breakdown https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1614043188408-LC2ZAHYOBKQZ6MB97SND/Screen+Shot+2021-02-02+at+10.32.38+PM.png Beyond the Breakdown https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1614043194513-JLPYA5QYUXQU0RLMJJRD/Screen+Shot+2021-02-02+at+10.32.53+PM.png Beyond the Breakdown https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1614043193646-8W22GMS3ZU0J8DTI9W7C/Screen+Shot+2021-02-02+at+10.46.29+PM.png Beyond the Breakdown https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1614043196739-Z1XQZ2VJPPBO1YI6P0HJ/Screen+Shot+2021-02-02+at+10.46.46+PM.png Beyond the Breakdown https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1614043198534-3QJH1CQT5TZVQYWCR94N/Screen+Shot+2021-02-02+at+11.24.32+PM.png Beyond the Breakdown https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1614043203173-C1LA9XDE85QD1EFVTY92/Screen+Shot+2021-02-02+at+11.24.54+PM.png Beyond the Breakdown https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1614043203214-5MUYST4O3V3AISCVITK1/Screen+Shot+2021-02-02+at+11.30.47+PM.png Beyond the Breakdown https://www.keatteoh.com/distru daily 0.75 2024-12-04 https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657060745327-3UNYXO4HRTZEYO26A8L9/analysis+of+feedback.png Distru - Live Menu: User Research and Analysis Reviewed the backlog of customer feedback and requests with Lucas, Product Manager. Created a chart to prioritize various enhancements based on impact, need and complexity. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657060775541-AN3VXYV3667T490BR1TH/UI%2BUX+Audit.png Distru - UX / UI Audit Conducted an audit of the existing Live Menu feature, as part of the process to fully understand user workflows and pain points. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657060800896-H90PHMWAWFM7Q2HFMLIB/live+menu+Design+and+Iterations.png Distru - Ideation & Iterations Despite having different priorities of enhancements, it was best to present the design solutions in its final form. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657060784587-ZZDX4R682V1NRWTRJJ80/live+menu+Designs2.png Distru - Design Reviews Design solutions are iterated upon by reviewing with PM, Engineers and Customer Success teams, in order to ensure the design was solid for both business and user, and technically feasible. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657060782959-BU8FE8R8PZAGX8MEQG1K/shipped+product.png Distru - Shipping the product Working with Andrew the engineer, we were able to ship the new and improved Live Menu within a month. With the updates, clients were able to save time and effort creating a robust and efficient sales menu. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657142736827-3TDFLDJD7JM47OYC8IMY/Cultivation+analytics.png Distru - In-App Advertising Illustrations created for landing to promote Cultivation Analytics, an upcoming product. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657142737171-RD7WO7OQOFKVVTXN8T4B/Label+Printing.png Distru - Marketing Site Layout and Illustrations In conjunction with the release of the Label Printing feature, Alex and I designed the layout and illustrations for marketing page https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657142737464-YB2XLITBLA877KFNOMZ7/product+images.png Distru - Placeholder Images End users who create ‘products’ within their inventory don’t always upload images of their products. Instead of one boring icon, we created placeholder images that matches the products’ categories. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657142736161-RN7STNC0RUHH35X3SFGX/404+page.png Distru - 'Under Construction' page Illustration for the app’s error page when pages are down for development. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657142736359-OZ5OD71OWBEKXK87QXXI/Blog+n+social.png Distru - Blog and Social Media Promo materials created for social media and Distru blog. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657058769841-HXQC0A5G44IHA8V74JV7/dynamic+BOMs.png Distru - Scoping the project Through white-boarding sessions with the PM and CTO, scope of the project was defined by the ‘Dynamic BOM’ functionality, and how it affects three existing Distru feature pages, and required a design update for each workflow. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657058768219-A9UVL5DLZKSRQBVJI963/dynamic+BOMs+audit.png Distru - Immersion and visual audit Before ideation of possible solutions, immersing myself in the existing workflows provided guidelines on how re-use or adapt existing components for the new UI / UX, while also resolving pain points found along the way. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657058769499-97R7BCO5D8Z789PU32KF/dynamic+BOMs+flows.png Distru - Ideation and Iteration A few of the UI designs required feedback from end users and subject matter experts to inform the design decision, which we resolved by creating 2-3 design options for each UX puzzle, and discussed the pros and cons of each. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657058768440-071YITLQ814LWXNYJ6D2/dynamic+BOMs+design.png Distru - PRD and Handoff Once the design had been iterated to a final form, I prepared the Product Requirement Document and Design Wireframes for handoff to engineering team. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657216150867-6HP4OP735NVYL2FA312M/Design+system-audit.png Distru - Site Mapping & Visual Audit While creating a site map, I also collected screenshots of UI components by scanning every page within the app. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657143259840-DOP2RVSW0TO4IQ6TQWBB/Design+system-analysis.png Distru - Analysis document Using the data gathered from the audit, I synthesized my findings and suggestions into a document to be shared and reviewed with the product team. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657143259206-I0CZOMH7Z99RCF3EIHPX/Design+system-adoption+plan.png Distru - Adopting a MUI pattern library A pattern library is just one aspect of the design system, but a necessary starting point. Since most components used in the app were already from MUI, instead of building the pattern library from scratch, we compared different Figma MUI kits and adapted the library to fit Distru’s existing components. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657143259283-JZQNQA1NUJX6U9CWHKOO/Design+system-+maintenance.png Distru - Workflows and Maintenance Once we had a working pattern library, we met weekly to prioritize various UI updates, and established a workflow involving the engineering team, so component rules and logics are documented in Storybook. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657216692698-XCYFE7DZDYANJR8WL9NG/Design+system-+releaseses.png Distru - UI Update Release With each incremental update, we were able to consolidate the components and create a more consistent UI style throughout the app. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/906c8cf7-2454-41ca-9d1b-6d59f73e4693/splash1.png Distru - 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/59b952da64b05fc68d990857/1657138951467-HMGROS50AKZORGJFKUYV/Tasks+-+cloning.png Distru - Scoping and research In discussions with the Product Manager Lucas, task cloning being a more straightforward workflow than recurring tasks, the functionalities were treated as separate updates. Conducted a visual audit to understand the UI that will be affected by the new updates. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657138951532-C7L879D8BW7F04CFJANL/Tasks+-+compt+analysis.png Distru - Competitive Analysis Looking to other platforms that have been successful with creating a task management application, I compared each one’s workflows to inform the UI design for Distru’s own. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657138952257-M6C66YSINUKAVRPBU4IE/Tasks+-+wireframes.png Distru - Ideation and Iterations Along the process of designing the new UI, opportunities to consolidate UI components across features were found. All features that interacted with the new functions were mapped out as a wireframe flowchart, for handoff to engineers. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657052805015-Y8AKINS2N5CKTE5T1T2Q/onboarding1.png Distru - Walkthrough and Sit-Ins Demo walkthroughs with Distru’s Customer Success team, and sitting in on client onboarding calls are a great way to gain insight into the current user experience. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657052815188-W5LLER74BMFK3X6X6SKT/onboarding+-+visual+audit.png Distru - Visual Audit Immersing myself into the step by step of onboarding also allows me to spot pain points and areas of improvement for the UI / UX. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657052826898-GH991ZPMDGU38LU9IAP0/onboarding+-+synthesis+and+info+architectuere.png Distru - Data Analysis & Synthesis Creating a mapping of the user flow, plus all the different data types being entered into Distru’s platform, I was able to break down information hierarchy and re-imagine what the end user need and can perform at each stage of the onboarding process. https://images.squarespace-cdn.com/content/v1/59b952da64b05fc68d990857/1657052839294-LDG5FHXJY8E3NX8U0O8Z/onboarding+-+PRD+and+designs.png Distru - Ideation and Iterations Working with engineers and PM, I iterated on UI updates for the onboarding forms, and also designing an ‘onboarding dashboard’ that helps the user have a more self guided user experience.