https://kellymao.com
2026-06-12T07:42:04+00:00
always
0.5
https://freight.cargo.site/t/original/i/N2838701877772859769511475625738/logo.png
https://freight.cargo.site/t/original/i/L2965001365170198278860748308234/km-logo-cream.png
https://freight.cargo.site/t/original/i/H2979027953223547086675259113226/demo-video-short.mp4
https://freight.cargo.site/t/original/i/K2979038108986263147100353543946/picture-studio-video-glass_3.mp4
https://freight.cargo.site/t/original/i/C2979217598610005440241429069578/aidentified-placeholder.png
https://freight.cargo.site/t/original/i/G2979232241635451150883501850378/nypl-linkup.mp4
https://kellymao.com/play
2026-06-10T07:06:32+00:00
always
0.5
https://freight.cargo.site/t/original/i/N2838701877772859769511475625738/logo.png
https://freight.cargo.site/t/original/i/V2939410468579026806613633089290/infinity-mirror-cube.png
<div style="text-align: left"><div class="tag-container"><span class="heading-pill">creative coding</span><span class="heading-pill">AR/VR</span></div><h2><a href="https://kellycmao12.github.io/infinity-mirrors/" target="_blank">Infinity Mirrors</a> <a class="icon-link" href="https://kellycmao12.github.io/infinity-mirrors/" style="--font-scale: 0.8; color: rgba(0, 0, 0, 0.6);" target="_blank"><text-icon icon="north-east-arrow"></text-icon></a></h2><span class="bodycopy">VR experience inspired by Yayoi Kusama, coded with p5.js and A-Frame VR</span></div>
https://freight.cargo.site/t/original/i/V2940352870859643580285012360970/mushroom-bag-2.png
<div style="text-align: left"><div class="tag-container"><span class="heading-pill">digital fabrication</span></div><h2>Mushroom bag</h2><span class="bodycopy">A bag inspired by sustainable fashion and biodesign, fabricated with 3D printing, laser cutting, and crochet</span></div>
https://freight.cargo.site/t/original/i/J2940385021228721046819785096970/chair-builder-transparent-1.png
<div style="text-align: left"><div class="tag-container"><span class="heading-pill">creative coding</span></div><h2><a href="https://kellycmao12.github.io/chair-builder/" target="_blank">Chair builder</a> <a href="https://kellycmao12.github.io/chair-builder/" style="color: rgba(0, 0, 0, 0.6);" target="_blank"><span style="--font-scale: 0.8;"><text-icon icon="north-east-arrow"></text-icon></span></a></h2><span class="bodycopy">Customizable modular chairs, coded with WebGL for my Computer Graphics class</span></div>
https://freight.cargo.site/t/original/i/Y2940413907169733509343756107530/bff-bot-photobooth.png
<div style="text-align: left"><div class="tag-container"><span class="heading-pill">creative coding</span></div><h2><a href="https://kellycmao12.github.io/bff-bot/" target="_blank">BFF Bot</a> <a class="icon-link" href="https://kellycmao12.github.io/bff-bot/" style="--font-scale: 0.8; color: rgba(0, 0, 0, 0.6);" target="_blank"><text-icon icon="north-east-arrow"></text-icon></a></h2><span class="bodycopy">An (unserious) virtual friend chatbot, coded with p5.js, ML5.js, and Rivescript</span></div>
https://freight.cargo.site/t/original/i/G2944293668183638173265477189386/housewarming-poster.png
<div style="text-align: left"><div class="tag-container"><span class="heading-pill">graphic design</span></div><h2>Housewarming Invite</h2><span class="bodycopy">A poster from when I moved into my apartment!</span></div>
https://freight.cargo.site/t/original/i/N2944368991478566446298237976330/100-days-of-lines.png
<div style="text-align: left"><div class="tag-container"><span class="heading-pill">illustration</span></div><h2 target="_blank">100 Days of Lines</h2><span class="bodycopy">Selected works from a project where I drew for 100 days in a row (<a href="https://instagram.com/kellycmao.design" target="_blank">@kellycmao.design</a>)</span>
</div>
https://freight.cargo.site/t/original/i/W2944392858189643660969181134602/moma-chairs-orange.png
<div style="text-align: left"><div class="tag-container"><span class="heading-pill">illustration</span></div><h2>MoMA Chairs</h2><span class="bodycopy">Sketching furniture objects at MoMA</span></div>
https://freight.cargo.site/t/original/i/M2944426039270546246025150414602/trader-joe-s-art.png
<div style="text-align: left"><div class="tag-container"><span class="heading-pill">illustration</span></div><h2>Grocery Sign Art</h2><span class="bodycopy">I worked as a sign artist for Trader Joe's in college where I got to draw shelf signs and product displays!</span></div>
https://freight.cargo.site/t/original/i/R2944444952256076418585683509002/symbiota-big.gif
<div style="text-align: left"><div class="tag-container"><span class="heading-pill">creative coding</span></div><h2><a href="https://kellycmao12.github.io/symbiota/" target="_blank">Symbiota</a> <a class="icon-link" href="https://kellycmao12.github.io/symbiota/" style="--font-scale: 0.8; color: rgba(0, 0, 0, 0.6);" target="_blank"><text-icon icon="north-east-arrow"></text-icon></a></h2><span class="bodycopy">A game simulating the human gut microbiome, aimed at promoting healthy eating, coded with p5.js</span></div>
https://freight.cargo.site/t/original/i/C2944481520472785585968391864074/dear-data-page.png
<div style="text-align: left"><div class="tag-container"><span class="heading-pill">graphic design</span><span class="heading-pill">illustration</span></div><h2>An Asynchronous World</h2><span class="bodycopy">A zine about NYU student experiences during COVID lockdown and remote learning (this spread is based on the <a href="https://www.dear-data.com/theproject" target="_blank">Dear Data project</a>)</span></div>
https://freight.cargo.site/t/original/i/W2944483266770706811830514695946/WSP-Drawing.png
<div style="text-align: left"><div class="tag-container"><span class="heading-pill">illustration</span></div><h2>Washington Square Park Sketch</h2><span class="bodycopy">A colored pencil sketch</span></div>
https://freight.cargo.site/t/original/i/X2944714644355410327031272390410/ceramics-polka-dot.png
<div style="text-align: left"><div class="tag-container"><span class="heading-pill">ceramics</span></div><h2>Ceramics</h2><span class="bodycopy">Polka dot glazed spout bowl and pinch cup</span></div>
https://freight.cargo.site/t/original/i/H2957741972060925359550229856010/dom-kelly-poster.png
<div style="text-align: left"><div class="tag-container"><span class="heading-pill">graphic design</span></div><h2>Dom & Kelly Take On the Big Apple!</h2><span class="bodycopy">Poster + map commemorating my hometown friend's visit to NYC</span></div>
https://freight.cargo.site/t/original/i/L2965001365170198278860748308234/km-logo-cream.png
https://kellymao.com/about
2026-06-10T05:58:33+00:00
always
0.5
https://freight.cargo.site/t/original/i/X2835065385317802718778288979722/ceramics.png
Practicing detachment in the ceramics studio
https://freight.cargo.site/t/original/i/X2835065385336249462851998531338/knitting.png
Knitting in the park on a sunny day
https://freight.cargo.site/t/original/i/O2835065385299355974704579428106/room.png
Decorating my apartment with FB marketplace finds
https://freight.cargo.site/t/original/i/N2838701877772859769511475625738/logo.png
https://freight.cargo.site/t/original/i/O2950054411224469430436670947082/kelly-noguchi.png
https://freight.cargo.site/t/original/i/R2961095145659227300002372468490/IMG_0677-1.png
https://freight.cargo.site/t/original/i/Z2961095145714567532223501123338/IMG_3240-1.png
https://freight.cargo.site/t/original/i/C2961095145622333811854953365258/APC_0564-1.png
https://freight.cargo.site/t/original/i/D2961095145733014276297210674954/IMG_3180-1.png
https://freight.cargo.site/t/original/i/X2961095145603887067781243813642/APC_0681-1.png
https://freight.cargo.site/t/original/i/L2961095145566993579633824710410/APC_0292-1.png
https://freight.cargo.site/t/original/i/I2961095145696120788149791571722/IMG_0854-1.png
https://freight.cargo.site/t/original/i/L2965001365170198278860748308234/km-logo-cream.png
https://kellymao.com/aidentified
2026-06-12T07:53:04+00:00
always
0.5
https://freight.cargo.site/t/original/i/F2729247396503973910812079636234/mushroom-tote.png
https://freight.cargo.site/t/original/i/L2965001365170198278860748308234/km-logo-cream.png
https://freight.cargo.site/t/original/i/F2977155875513771849321189687050/capabilities.mov
https://freight.cargo.site/t/original/i/G2977159117030980713784728305418/hero-page.mov
https://freight.cargo.site/t/original/i/R2977162264119306664929072201482/our-data-hero.png
https://freight.cargo.site/t/original/i/M2977162264045519688634233995018/data-layers.png
https://freight.cargo.site/t/original/i/D2977165449244818896062511529738/data-statistics.png
https://freight.cargo.site/t/original/i/Q2977485844618316124792958697226/daas-page.mov
https://freight.cargo.site/t/original/i/K2977645102609474880319913410314/color-palette.png
https://freight.cargo.site/t/original/i/W2977662620191049597121414512394/color-variations.png
https://freight.cargo.site/t/original/i/W2977671506172137343749523455754/primary-logo-color-dark.png
https://freight.cargo.site/t/original/i/B2977677538423470143436287852298/aidentified-stacked-logo.png
https://freight.cargo.site/t/original/i/X2977685410700630807503406841610/public-sans-font-styles.png
https://freight.cargo.site/t/original/i/T2977690275660445366923454529290/14.-logo-meaning---data.png
https://freight.cargo.site/t/original/i/G2977690275734232343218292735754/16.-logo-meaning---ai.png
https://freight.cargo.site/t/original/i/R2977690275715785599144583184138/15.-logo-meaning---networking.png
https://freight.cargo.site/t/original/i/M2977690275752679087292002287370/17.-logo-meaning---letterform.png
https://kellymao.com/picturestudio
2026-06-11T18:14:18+00:00
always
0.5
https://freight.cargo.site/t/original/i/A2729245907335218328387396779786/picture-studio.png
https://freight.cargo.site/t/original/i/T2938409552414551487001307594506/boy-in-snow-edit-v3.mp4
Our image editor as of August 2024, before my redesign
https://freight.cargo.site/t/original/i/I2938511295394596543885826539274/user-journey.png
User journey map of the inpainting process
https://freight.cargo.site/t/original/i/E2938607287288581972564566818570/Editor---Inpaint-Generated-video.mp4
Inpainting: Generating new content within an image
https://freight.cargo.site/t/original/i/V2938620237179622877775444524810/Outpaint-Animation.mp4
Outpainting: Extending an image beyond its original bounds
https://freight.cargo.site/t/original/i/J2938703210413105494454098673418/competitor-research.png
Layer systems in Adobe Photoshop, Procreate, Sketchbook, Figma
https://freight.cargo.site/t/original/i/Q2946785067674018842324435943178/03B.-Layer-and-Selection.png
https://freight.cargo.site/t/original/i/F2946785067692465586398145494794/03C.-Bounding-Box-and-Marquee.png
https://freight.cargo.site/t/original/i/Y2946785067729359074545564598026/03E.-Visibility.png
https://freight.cargo.site/t/original/i/C2946785067710912330471855046410/03D.-Editor-Panels.png
https://freight.cargo.site/t/original/i/H2946785067747805818619274149642/03F.-Cursors.png
https://freight.cargo.site/t/original/i/I2946785067581785121955888185098/03A.-Defining-Terms-Cover.png
https://freight.cargo.site/t/original/i/N2946787355494559096004156014346/04C.-Hovering-on-Layers.png
https://freight.cargo.site/t/original/i/F2946787355513005840077865565962/04D.-Active-Layers.png
https://freight.cargo.site/t/original/i/D2946787355476112351930446462730/04B.-Selecting-Layers.png
https://freight.cargo.site/t/original/i/W2946787355365431887488189153034/04E.-Layer-Transformations-and-Cursors.png
https://freight.cargo.site/t/original/i/O2946787355457665607856736911114/04A.-Layer-Ruleset-Cover.png
https://freight.cargo.site/t/original/i/C2946789621898429480107086659338/05B.-Layer-Panel.png
https://freight.cargo.site/t/original/i/C2946789621787749015664829349642/05C.-Layer-Panel---Inpainting.png
https://freight.cargo.site/t/original/i/K2946789621879982736033377107722/05A.-Layer-Panel-Ruleset-Cover.png
https://freight.cargo.site/t/original/i/T2946794250186517573833587113738/06A.-Selection-Ruleset-Cover.png
https://freight.cargo.site/t/original/i/E2946794250315644782349553975050/06D.-Selections---Inpainting.png
https://freight.cargo.site/t/original/i/N2946794250278751294202134871818/06B.-Selections.png
https://freight.cargo.site/t/original/i/D2946794250352538270496973078282/06F.-Selections---Inpainting.png
https://freight.cargo.site/t/original/i/M2946794250334091526423263526666/06E.-Selections---Inpainting.png
https://freight.cargo.site/t/original/i/C2946794250297198038275844423434/06C.-Selections---Edits.png
https://freight.cargo.site/t/original/i/R2946796686208199715695844867850/08C.-Erase.png
https://freight.cargo.site/t/original/i/W2946796686189752971622135316234/08B.-Selections.png
https://freight.cargo.site/t/original/i/Q2946796686171306227548425764618/08A.-Manipulation-Ruleset-Cover.png
https://freight.cargo.site/t/original/i/W2946796686226646459769554419466/08D.-Erase.png
https://freight.cargo.site/t/original/i/L2959941647380273500349822091018/boy-in-snow-edit-moon-only.mp4
Notice how the inpaint extends beyond the rectangle marquee here?
https://freight.cargo.site/t/original/i/L2965001365170198278860748308234/km-logo-cream.png
https://freight.cargo.site/t/original/i/I2972004528872216699988380958474/pain-point-1.png
<text-icon icon="nav-close"></text-icon> Inpainting breaks the rules for how selections function
https://freight.cargo.site/t/original/i/P2972004759788559014684548087562/Pain-Point-2-layers.png
https://freight.cargo.site/t/original/i/D2972004759899239479126805397258/Pain-Point-2-inpaint.png
<text-icon icon="nav-close"></text-icon> Inpainting breaks the rules for how layers function
https://freight.cargo.site/t/original/i/W2976895932592467872668468068106/gradient-ui.png
We used the gradient to visually differentiate the target layer and the AI tools
https://freight.cargo.site/t/original/i/J2976901153002593988397865844490/new-inpainting-settings.png
New inpainting settings we added for more fine-tuned control
https://freight.cargo.site/t/original/i/U2976951411562651179692853772042/Screen-Recording-2026-06-08-at-3.58.40PM.mov
Three inpainting modes
https://freight.cargo.site/t/original/i/R2976988790938037500305675337482/reimagine-tool.mp4
Reimagine tool
https://freight.cargo.site/t/original/i/W2977001362855292335207840431882/no-context-fill.mp4
No-Context Fill tool<br />
https://freight.cargo.site/t/original/i/Z2977001362744611870765583122186/remove-object.mp4
Remove Object tool
https://freight.cargo.site/t/original/i/P2979057414186465814873373097738/picture-studio-video-glass_2.mp4
https://kellymao.com/topologyofmemory
2026-06-10T06:06:04+00:00
always
0.5
https://freight.cargo.site/t/original/i/R2729245535541091522771383959306/topology-of-memory.png
https://freight.cargo.site/t/original/i/A2882957271810673788911811510026/capstone-sketches2-1-1.png
<div style="text-align: center">My initial sketches</div>
https://freight.cargo.site/t/original/i/A2882962335054540396635829518090/on-phone.png
https://freight.cargo.site/t/original/i/S2882991825384675690179549675274/in-person-dist-demo.gif
Interacting with memories in-person vs. from farther away
https://freight.cargo.site/t/original/i/B2883025294327019545473071922954/dev-process-topology-of-memory.gif
<div style="text-align: center"><br />
A lovely GIF of every step I went through, not including the many errors I had to debug :)<br /></div>
https://freight.cargo.site/t/original/i/P2883353180812604643210173038346/in-person-mode-info-window.png
Nudging users to explore in-person
https://freight.cargo.site/t/original/i/X2883357447765869821113976438538/visual-design.png
Incorporating 3D city topography, minimal map UI, and a soft color palette
https://freight.cargo.site/t/original/i/I2883362457311264430269489692426/deletion-demo.mov
Manually deleting an entry... not very scalable yet<br />
https://freight.cargo.site/t/original/i/P2883386362151761645298076040970/daffodils-photo.png
[Real] daffodils in bloom in NYC
https://freight.cargo.site/t/original/i/U2883423471651282167540157464330/people-testing-capstone.png
<div style="text-align: center">My friends testing out the project!<br /></div>
https://freight.cargo.site/t/original/i/T2883458545939975781481118646026/add-memory-form.png
<b><br />
New-and-improved add memory form<br /></b> Time field + example placeholder text
https://freight.cargo.site/t/original/i/J2884668338221606296867173777162/cover-living-in-cities.png
https://freight.cargo.site/t/original/i/Z2884668338110925832424916467466/cover-networked-publics.png
https://freight.cargo.site/t/original/i/V2884668338166266064646045122314/cover-olivia-espin.png
https://freight.cargo.site/t/original/i/H2884668338184712808719754673930/cover-about-looking.png
https://freight.cargo.site/t/original/i/X2884668338203159552793464225546/cover-imagining-the-city.png
https://freight.cargo.site/t/original/i/K2884671549080326510825437609738/cover-invisible-cities.png
https://freight.cargo.site/t/original/i/U2884671549024986278604308954890/metropolitan-diary.png
https://freight.cargo.site/t/original/i/O2893154520756093896797668720394/grow-interaction.gif
[3D-modeled] daffodil in bloom on my website
https://freight.cargo.site/t/original/i/T2914759555217794513988426874634/kaigo-sign.JPG
<div class="bento-stack"><div class="bento-stack"><br />
The cafe by my old apartment in Chinatown <br />
where I became friends with the baristas <br />
and helped redraw their menu [Dec 2022]</div></div>
https://freight.cargo.site/t/original/i/V2914768770805305369658804092682/wsp-fall-2020.jpg
<div class="bento-stack"><div class="bento-stack"><br />
The bench in Washington Square Park where I sat with my sister and our suitcases after landing from California my freshman year [Aug 2020]</div></div>
https://freight.cargo.site/t/original/i/F2916213478775599481811326418698/boka.jpeg
<div class="bento-stack"><div class="bento-stack"><br />
The restaurant on St. Marks where I first <br />
got dinner with my best friend [April 2022]</div></div>
https://freight.cargo.site/t/original/i/A2917122199312232765875796000522/capstone-pres.jpg
<div style="text-align: center">My capstone presentation (<u><a href="https://vimeo.com/953269255?share=copy#t=10" target="_blank">video</a></u>)</div>
https://freight.cargo.site/t/original/i/Z2917129116878153895105071103754/capstone-spring-show.png
<div style="text-align: center">NYU IMA/ITP Spring Show!</div>
https://freight.cargo.site/t/original/i/L2965001365170198278860748308234/km-logo-cream.png
https://freight.cargo.site/t/original/i/O2979083699579285742119595491082/topology-of-memory-wide.mp4
https://kellymao.com/nypl
2026-06-12T07:42:05+00:00
always
0.5
https://freight.cargo.site/t/original/i/G2729246146441915011810604826378/nypl-linkup.png
https://freight.cargo.site/t/original/i/J2833421677248195593471781191434/critique-summary.png
https://freight.cargo.site/t/original/i/W2833421677119068384955814330122/researching-other-platforms.png
https://freight.cargo.site/t/original/i/P2833421677358876057914038501130/user-persona.png
https://freight.cargo.site/t/original/i/J2833421677137515129029523881738/low-fidelity-wireframes.png
https://freight.cargo.site/t/original/i/G2833421677303535825692909846282/event-discovery.gif
https://freight.cargo.site/t/original/i/F2833421677321982569766619397898/community-interaction.gif
https://freight.cargo.site/t/original/i/I2833421677063728152734685675274/current-nypl-events.png
https://freight.cargo.site/t/original/i/B2833421677285089081619200294666/personalization.gif
https://freight.cargo.site/t/original/i/Y2833421677100621640882104778506/user-flow-diagram.png
https://freight.cargo.site/t/original/i/N2833421677340429313840328949514/style-guide.png
https://freight.cargo.site/t/original/i/K2833421677082174896808395226890/storyboards.png
https://freight.cargo.site/t/original/i/Q2833421677192855361250652536586/moodboard.png
https://freight.cargo.site/t/original/i/D2833421677266642337545490743050/scheduling.gif
https://freight.cargo.site/t/original/i/V2833421677229748849398071639818/post-its.png
https://freight.cargo.site/t/original/i/S2938404985978396272422933708554/interview-quotes.png
Quotes from user interviews
https://freight.cargo.site/t/original/i/P2960766273988381457659248197386/social-library.png
Social aspects of the library that are often overlooked:<br />
children’s activities, author talks, makerspaces, concerts, etc.
https://freight.cargo.site/t/original/i/L2960766274006828201732957749002/quiet-library.png
The typical image of a library meant for research & quiet independent work
https://freight.cargo.site/t/original/i/L2965001365170198278860748308234/km-logo-cream.png
https://freight.cargo.site/t/original/i/E2982370022140171071009262616330/nypl-linkup-wide.mp4