https://www.annadserra.com/about daily 0.75 2024-06-22 https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/d148afc2-77a2-4cbb-a44a-ebbb9a5a9ebd/IMG_0238+%281%29.jpg About https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/f3552cf4-b3c2-49bf-beeb-e81859453c3e/Brand+Highlight+whitebackground.png About - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.annadserra.com/selected-work daily 1.0 2022-05-25 https://www.annadserra.com/selected-work/microsoftonenote monthly 0.5 2022-05-24 https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/19164330-e7e0-4bd7-88b0-4a4ba7853fd3/OneNote+Laptop+mock+w+logo.png Selected Work - Microsoft OneNote https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/2ca0d0af-0a13-43d4-833d-92bfdbde452d/onenotelogo+2+1.png Selected Work - Microsoft OneNote - 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/627eb30b2249842055d3aa50/05c0d2f3-8a61-4a1a-95a0-356786431be7/oldFREflow.png Selected Work - Microsoft OneNote - 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/627eb30b2249842055d3aa50/8004ee1e-3cbf-47e0-be64-a3cc31385a08/onenotemobile+together.png Selected Work - Microsoft OneNote https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1618497259178-6XJGK9GR6YAVBQL5L519/20140301_Trade-151_012-2.jpg Selected Work - Microsoft OneNote https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694583486-2PQT0LQ193RL7MCB6DX4/20140228_Trade+151_0046.jpg Selected Work - Microsoft OneNote https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694644871-IC85FNH781UNZSZEGHDR/Aro+Ha_0428.jpg Selected Work - Microsoft OneNote https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/1652813267829-SJKIBTY0GPXQEL1Y795D/OneNotewire%2B.jpg Selected Work - Microsoft OneNote Early concept using pop-ups with feature demonstrations https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/1652813297944-P090BL04FQBN1PM31RHJ/OneNote%2BWire.jpg Selected Work - Microsoft OneNote Early idea with overlays and contextual teaching toasts https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/1652813315694-5TS8SVSS90YHWLXIUTNL/OneNote%2Bwireframe.jpg Selected Work - Microsoft OneNote An early pop-up design that influenced final design https://www.annadserra.com/selected-work/fredhutchactify monthly 0.5 2022-05-17 https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/2361cd2a-f01e-4e8c-859f-4a1d46143f3b/Iphone+Actify+Design+with+logo.jpg Selected Work - Fred Hutch Actify https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/667e5ad9-4ec1-4aeb-918f-13426f0acc2a/App+tile.png Selected Work - Fred Hutch Actify - 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/627eb30b2249842055d3aa50/c70d924f-077f-48b1-82d9-fc0b481b2a93/Actify+Process+diagramG.png Selected Work - Fred Hutch Actify - Make it stand out https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694644871-IC85FNH781UNZSZEGHDR/Aro+Ha_0428.jpg Selected Work - Fred Hutch Actify https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1618497259178-6XJGK9GR6YAVBQL5L519/20140301_Trade-151_012-2.jpg Selected Work - Fred Hutch Actify https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694583486-2PQT0LQ193RL7MCB6DX4/20140228_Trade+151_0046.jpg Selected Work - Fred Hutch Actify https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/66b3bc27-f31c-4fa3-b6b8-3c563bad7f86/Actify+Whiteboarding.jpg Selected Work - Fred Hutch Actify White boarding early ideas https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/a1bb1195-2e85-433f-a193-66e0f1de5699/Actify+first+prototype.gif Selected Work - Fred Hutch Actify Early Prototype Recording https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/65c2972b-2b4c-4092-a408-54ea7846796f/28.jpg Selected Work - Fred Hutch Actify Final Home Screen Activity Wheel Design https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/91b40fc4-75be-431e-906f-60e4ec1e2525/Actify+wireframes+wall.jpg Selected Work - Fred Hutch Actify Early Wireframe Iteration https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/ec2571e9-dbe6-4dc3-9dbc-f05a8e77c4db/41.png Selected Work - Fred Hutch Actify Final Activity Tracking Design https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/4790ec8b-d761-4832-852c-b3030a8c5a77/Early+Homewheel+Ideas.JPG.jpg Selected Work - Fred Hutch Actify Early Concept Sketches https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/64664c85-7cc9-4260-b53a-b8b23cee70c8/42.png Selected Work - Fred Hutch Actify Character and Messaging Example https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/600dd817-f5d7-4f53-9ac5-d615b938d1aa/Early+Ideation+Project+Plan.JPG.jpg Selected Work - Fred Hutch Actify Feature Brainstorming https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/3a7f48af-455f-433a-bfeb-418ce8c29dfc/Actify+Annotation+Example+2.png Selected Work - Fred Hutch Actify Annotation Deck Example https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/4ceca22a-edb2-4320-96ce-c2f1b39336ad/SLIDE+1.png Selected Work - Fred Hutch Actify Homescreen and Life Area Wireframe https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/5a9de535-3d01-422c-a6e1-a404eea8901d/Actify+Annotation+Deck+Example.png Selected Work - Fred Hutch Actify Progress Annotations https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/747805a0-20ff-4d60-b0f1-c0fbfc39c986/Slide+3.png Selected Work - Fred Hutch Actify Defining Values Wireframe https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/6a5a4371-3be3-4557-a8c1-f86edae7bcb3/ActifySiteMap_Final+%281%29.png Selected Work - Fred Hutch Actify Site Map https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/70b00eda-f2c4-45a8-ae17-3db772e48137/Actify+Usablilty+test.jpg Selected Work - Fred Hutch Actify Usability test with a low-fi prototype https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/50821c4d-f023-42dc-aaa1-663b40ebbcda/Actify+Style+guide+example+face.png Selected Work - Fred Hutch Actify App Character Annotation https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/ac2fd7f3-6c50-48a6-9cf6-c0b9761fa2e6/Actify+Style+guide+color+and+header.png Selected Work - Fred Hutch Actify Color Style Guide Example https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/45ad2123-f190-46fb-9929-28c0640e5465/Actify+Style+Example+2.png Selected Work - Fred Hutch Actify UI Style Guide Example https://www.annadserra.com/selected-work/not-product-design monthly 0.5 2022-05-25 https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/86b2cb1e-5039-402f-9dd8-90a63337d9d1/Esme.png Selected Work - Not Product Design Drawing of my niece at 6 months, made in procreate https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/6d294178-6b8c-4cdd-8dd0-4fecf83dc2cc/Mid+Century+modern+poster.png Selected Work - Not Product Design Poster for a hypothetical lecture series on mid-century modern design https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/d47f47c2-814c-45ed-afbe-2ebf60ce4462/Fred+Hutch+study+Poster.png Selected Work - Not Product Design Social media and poster I designed while working at Fred Hutch. This was used copy recruit study participants. https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/6e6d79b2-930a-443b-8a55-18c53f7f3848/Anna26_edited_edited.jpg Selected Work - Not Product Design Etching on paper https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/4bee00f1-4a59-4976-8f49-6ebcfeff7c6c/FLoralFinalgood.jpg Selected Work - Not Product Design Floral textile design, blue https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/185e612f-c604-4b71-b74a-bb7e9438fad5/IMG_0535.JPG.jpg Selected Work - Not Product Design Razor product idea sketch https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/01e7b7ea-e87c-4ed7-b928-f988c2434c74/Sam+drawing.JPG Selected Work - Not Product Design Procreate sketch of Sam https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/ef22e832-86d7-466c-b3d5-bc3b0827d931/Mid+Century+Modern+Social+.png Selected Work - Not Product Design Social media campaign, each lecture's social tile is a different famous chair https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/dc5fc394-4708-4b9e-9be1-76d00142ac9c/Space+poster+horizontal.png Selected Work - Not Product Design Post for hypothetical space lecture at the Museum of Flight https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/a8411af5-9250-48ae-926e-359bf3e6d08a/Serra8.jpg Selected Work - Not Product Design Etching on paper https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/e4d863ab-3864-4ccd-89bb-5a4ff77e3ebc/floralcolorspink.jpg Selected Work - Not Product Design Floral textile design, pink https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/870a2fef-9d39-4872-8327-1e1cd89259aa/IMG_0540.JPG.jpg Selected Work - Not Product Design Razor product idea sketch https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/f37c7b49-3af1-4907-a17b-22f5f896de8b/sam_drawing_AdobeCreativeCloudExpress.gif Selected Work - Not Product Design Procreate charcoal process https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/5b61818e-687f-410c-828a-89693dca9487/Mid+Century+Modern+bag+.png Selected Work - Not Product Design Idea for swag takeaway https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/1a974e61-429e-411a-a20c-32e6591ff798/Anna17_edited_edited.jpg Selected Work - Not Product Design Print, etching, and collage https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/b19632a3-98c2-4710-9f76-5b79a5a76367/floralcolorsbrown.jpg Selected Work - Not Product Design Floral textile design, brown https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/19f91629-3560-49ee-84a9-b17cc28c9dc5/IMG_0536.JPG.jpg Selected Work - Not Product Design Razor product idea sketch https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/5daa12d7-713a-4122-81a9-0d44583e5f84/Screen_Recording_2022-05-25_at_12_19_55_PM_AdobeCreativeCloudExpress.gif Selected Work - Not Product Design I designed the JBL chatbot iconography https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/3e3b337d-da75-4e0f-b83b-15514b50614b/social-01.jpg Selected Work - Not Product Design Design Like Mad volunteer work used ina social media campaign design for Girls On The Run nonprofit https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/aeeab150-d05f-4f79-af2b-263f56510b3f/Serra2.jpg Selected Work - Not Product Design Print, etching, and collage https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/3a132306-5c9c-4fcc-b32e-00f6dd75bda2/floralcolorsred.jpg Selected Work - Not Product Design Floral textile design, red https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/38ff0e1e-601a-40c8-8474-e016ca43eec7/IMG_0539.JPG.jpg Selected Work - Not Product Design Water bottle product idea sketch https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/3b35fe47-c567-44d3-b510-352797b0f833/social-05.jpg Selected Work - Not Product Design Design Like Mad volunteer work used ina social media campaign design for Girls On The Run nonprofit https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/ada08c45-73da-40f9-975b-4959e1bc1937/Serra3.jpg Selected Work - Not Product Design Print, etching, and collage https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/c8bfe30f-0e6a-4be4-9be8-1117b871227d/amorphous+b.w..jpg Selected Work - Not Product Design Amorphous textile design, black and white https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/23f90cee-7126-4b90-9b0a-0506f685e20c/IMG_0545.JPG.jpg Selected Work - Not Product Design Water bottle product idea sketch https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/7a3b5231-5f95-46eb-bdd4-b444d6c95aa6/Serra1.jpg Selected Work - Not Product Design Print, etching, and collage https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/b1cb66a2-b30a-418c-a354-48ba421b4b58/amorphous+w.colors.jpg Selected Work - Not Product Design Amorphous textile design, brown https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/3bf11938-93b4-45dc-b1fb-4897ab78a169/IMG_0537.JPG.jpg Selected Work - Not Product Design Water bottle product idea sketch https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/f53e73fb-fe7b-49f9-a872-f220d0102ae1/Anna11_edited.jpg Selected Work - Not Product Design Oil print https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/6ea777aa-938f-41b3-ba92-b3e2ad20f9b5/amorphous+w.colorsgreen.jpg Selected Work - Not Product Design Amorphous textile design, blue and green https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/d656c70e-e88b-43fe-9c33-8271cc6f9bb0/Anna12_edited.jpg Selected Work - Not Product Design Oil print https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/5d9715d7-2e85-4180-b064-1205ca964383/amorphous+w.colorspurple.jpg Selected Work - Not Product Design Amorphous textile design, purple https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/92fb0569-f2a2-48d5-a400-eb0cbc553664/Anna13_edited.jpg Selected Work - Not Product Design Oil print https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/d4d42782-6012-4357-a419-e6d3f8bf1243/Large+clear+three.jpg Selected Work - Not Product Design Geometric textile design https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/a1534fa2-741b-4f99-9d48-7207545e5c8d/couch.jpg Selected Work - Not Product Design Geometric textile design, on fabric https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/0dba9779-3695-434d-8fcb-05a15475fb61/Anna36_edited.jpg Selected Work - Not Product Design Charcoal drawing https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/b8a7872b-ad94-4e48-a2c7-9216f0fe6999/IMG_3129.jpg Selected Work - Not Product Design Geometric textile design on leather https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/25562c05-620e-4e02-b3fe-c610785fce20/Anna37_edited.jpg Selected Work - Not Product Design Ink brush drawing https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/c39749d5-bdae-4aa4-91bd-d9b4d3050a2c/purplelineshapes.jpg Selected Work - Not Product Design Purple grey geometric textile https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/438818f3-7ae8-4942-9952-664b0030a1b7/Anna2_edited.jpg Selected Work - Not Product Design Hard-ground etching https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/f776a31a-d228-4e0d-ac86-6410692114bb/pizzaegg.jpg Selected Work - Not Product Design Food textile design https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/4f1b79b0-69e9-4fb2-80c8-617a5246b7fc/Serra5+copy.jpg Selected Work - Not Product Design Hard-ground etching https://www.annadserra.com/selected-work/roche monthly 0.5 2022-05-24 https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/9483c19b-db14-4510-8d53-15c139978f2c/Rochehero+mock+smaller.png Selected Work - Roche - 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/627eb30b2249842055d3aa50/58a12ee6-67a5-4cba-81fd-4446271bb8d8/partner+logos2.png Selected Work - Roche - 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/627eb30b2249842055d3aa50/12f18fcf-ed9b-4694-bdda-99b94cd45985/journeymap+graphic+no+logo.png Selected Work - Roche - Make it stand out Therapists guide VR users through the goals and scenarios in the product experience (scenarios are common experiences like going to a birthday or a fast-food restaurant). The user will have some level of autonomy with the app, such as setting their treatment goals and viewing some information about their progress. The VR user’s app experience could be viewed as the “lite” version of the therapist and caregiver app experience. https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/8d17ec9c-00aa-4c06-9551-03b2d1149c06/USER+TASK+FLOW+disocvery.png Selected Work - Roche https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/5a59fee3-bea7-4eb6-9a61-e91b802aa058/Feature+Priotization.png Selected Work - Roche https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/f6f2281c-f209-4592-aecf-76d4494e8511/roche+Iteration+large+photo.png Selected Work - Roche - 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/627eb30b2249842055d3aa50/512eaf30-b78e-4ee9-94d9-0797e4976e98/Small+text+small+space+large+dashboard+photo.png Selected Work - Roche - 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/627eb30b2249842055d3aa50/7a647dda-0b80-4f4a-a35c-057334cc4607/Tablet3.jpeg Selected Work - Roche - 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/627eb30b2249842055d3aa50/1653410455229-FZQIFGQDWJXIHX2GEMMF/Hardware.png Selected Work - Roche https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/1653410635756-9HSJP5DXU9ML00S2RYWT/watch+mock.png Selected Work - Roche https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/1653424884725-16YKX3S9LC8IN5YEP53O/girl+with+goggles+workstreams.png Selected Work - Roche https://images.squarespace-cdn.com/content/v1/627eb30b2249842055d3aa50/1653501041968-5IW4RMLA8BTXFSYMABTF/Hero2.jpg Selected Work - Roche