http://www.sarahmariejohnson.com/work daily 0.75 2012-10-07 http://www.sarahmariejohnson.com/interactive-video daily 0.75 2015-11-08 https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1441490338562-1C5Q7Q8IF4TVCPZ8YH3C/intvid1.jpg Mode Interactive Video Product “BOOKMARKS” ad unit is based off of IAB guidelines. It enhances the viewer’s experience by displaying a series of small interactive overlays that are timed to the video to highlight specific products or services in the video. If the viewer chooses to interact, he or she can navigate through interactive elements in an expanded state panel or can click through to the brand’s site. This works best for brand videos that highlight multiple products or services, when the viewer might be interested in getting more information about them. https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1442194543076-1NTFZSXRS0JC7YYI331I/intvid.jpg Mode Interactive Video Product https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1437269905632-LG0ZGAW14JN9UOKGFUV5/book1.jpg Mode Interactive Video Product - MODELS Caption   __________     https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1441490312158-F07PPSLDOVZK9GJACRE6/intvid2.jpg Mode Interactive Video Product “CONTROL BAR” ad unit is based off of IAB guidelines. It functions as an extension of the video player controls. It supplies the user with a mixture of interactive features that can open a content-rich interactive panel with complementary information, or provide more utility-type functions such as a click-thru to a brand’s site or social sharing options. This product works well for brand videos that highlight one product or service, but could be enhanced by more features or related information. https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1441490322871-W5O8UXJB3ZMGNU1PK7KQ/intvid3.jpg Mode Interactive Video Product “QUIZ” ad unit is a series of interactive trivia question overlays, synced with the video, providing a fun and entertaining way for the viewer to engage with the brand’s content. This product works well with a video that has a bit of a sense of humor or could benefit from a bit of user entertainment, and is a fun way to drive brand awareness. https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1447023703057-T855Z7KJIHPP1FAU6A31/challenges.jpg Mode Interactive Video Product http://www.sarahmariejohnson.com/story-distribution daily 0.75 2015-11-08 https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1440146306944-IESTHMZPPVN9AFOLZSPL/str0.jpg Mode Story Distribution Unit https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1440146443368-Z7YNZMHW0V7M7B9KSNJL/thumb-str2.jpg Mode Story Distribution Unit https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1443774184485-SOTH90VMCVS81Q25WOIG/embeds.jpg Mode Story Distribution Unit https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1447021875622-XS23TKKRWNHJOIVQZ8FW/bertolli-desk2.jpg Mode Story Distribution Unit https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1447022075358-EUNAY7RG83AF51PW5N0I/bertolli-mob2.jpg Mode Story Distribution Unit https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1443774181720-E8LX5TMHIVKZ1Z9MSQO6/diagram.jpg Mode Story Distribution Unit https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1443774186222-CERJZYLDMGWH1LLQEI48/goals.jpg Mode Story Distribution Unit https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1443774188884-URHCLU5NPW6NR80NBGTQ/wire.jpg Mode Story Distribution Unit https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1443774191051-Z097R8EKUSPS6JNL3SGT/visual.jpg Mode Story Distribution Unit https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1443920204735-K7AWRXROM3RLPLNB571P/specs.jpg Mode Story Distribution Unit https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1443920104018-PF5T5SJU3OAW1F4N4OMA/final.jpg Mode Story Distribution Unit http://www.sarahmariejohnson.com/fantasy-scoreboard daily 0.75 2021-04-13 https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1451412495100-2QWKNJONNHC5490ILPD1/FSB1d.jpg Fantasy Scoreboard iPhone App - This is the title This is the description https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1451413264056-QOW6X2SBKIB9VY97UUML/FSB2b.jpg Fantasy Scoreboard iPhone App https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1451456781506-5IYEC01EJF7XX7V69FEH/FSB3c.jpg Fantasy Scoreboard iPhone App https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1451413085853-RK06TVKIF87S5PR16L79/thumb-fsb4.jpg Fantasy Scoreboard iPhone App http://www.sarahmariejohnson.com/preroll-product daily 0.75 2015-10-17 https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1437265359707-QBEV0Q8IVQ3QB18WCWXS/100yrs-main.jpg Mode Preroll Product       https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1439693695058-T8A8J99ANJROZOPB2MQU/thumb-preroll2.jpg Mode Preroll Product https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1443776145578-XQ0IAOQ2XDVE7X5E0UMX/glamour.jpg Mode Preroll Product https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1443776148138-BCK7P8JIPW6LEXEZMO8K/goals.jpg Mode Preroll Product https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1445117182742-FLA8TU02KHJA69GLGMST/visual.jpg Mode Preroll Product https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1445117274861-WUU23ARRMANI8FH32259/visual2.jpg Mode Preroll Product https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1443776149310-HBYSXYO40OLP6IQ9PQ0R/spec.jpg Mode Preroll Product https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1443917861470-ZEYLDVRAAKRB5BOO2OHQ/final.jpg Mode Preroll Product http://www.sarahmariejohnson.com/healthline-media-brands daily 0.75 2021-04-16 https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1618550860560-VFW45SMWT12WLOWTY5M4/brands+thumb.png Healthline Media Brands & Migrations Details to come https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1618550860560-VFW45SMWT12WLOWTY5M4/brands+thumb.png Healthline Media Brands & Migrations Details to come http://www.sarahmariejohnson.com/mode-media daily 0.75 2021-06-10 https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1618549456814-AILARMO09ZDVQ7Y7Y8TP/mode+thumb.png Mode Media https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1618549456814-AILARMO09ZDVQ7Y7Y8TP/mode+thumb.png Mode Media https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1618373520317-IFMDKSL6SORN5MD5ZN8V/thumb-str2.jpeg Mode Media https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1618373826381-AMIT9VTNEGFISSLVDQSP/embeds.jpeg Mode Media - Mode Story Distribution Unit There are two types of Mode Story Distribution Units; one that is used to distribute a Mode Branded Story on creator’s sites, and one is used to embed any story, on any website, by a Mode.com user. For a Mode Branded Story, a brand collaborates with Mode to sponsor an editorial story on Mode.com, which includes a package of ads and the Distribution Unit. The story and ads live on Mode.com, and they are placed on Mode’s creators’ websites via the Distribution Unit. For the Embed Unit, anyone can embed a story, Branded or not, from Mode.com simply by clicking the "embed" button and pasting it on a website. The goal of both units was to look like the "full story" that the user could consume on the creator's site without needing to visit Mode.com. The challenge was fitting all the elements of the story in a small space below an article, especially in the case of the Branded Stories, which needed to include the ads from the package. https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1618373612596-9LD3RBP5779ZJUGWWQY7/glamour.jpeg Mode Media - Mode Preroll Product The purpose of this video ad product was to serve preroll ads (short branded videos that play before an editorial video) in three placements on the creators’ sites, including mobile sites. The most important goal was to grab the user's attention with interesting and high quality editorial video content, and thus create a desire to complete the preroll ad. Each placement had the same goals, but different challenges, which were solved in different visual ways. https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1618373733661-AOSXKIGKDHPGLBM4BO2B/mocks2.jpeg Mode Media - Mode Custom Video Player For playing videos and prerolls, Mode previously used many different custom players, default browser players and used others such as YouTube players across all products. We wanted to build our own player for ad serving, performance and tracking reasons, and also to create a sleek, consistent and trustworthy branding. The player is used in ads, units that users embed on their site, Mode.com responsive website and app, in stories such as this. http://www.sarahmariejohnson.com/work-jasper daily 1.0 2025-08-07 https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1624060517364-YIQVTBTEVE3T206H759J/content+series+preview.png Work https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1624515556839-YUE2R2KLRCYXJCQ8B9VE/platform+preview.png Work https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1624606293046-ER2JH50QDXB9AR899AAI/screener19+preview.png Work https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1624856707852-T6M5087B0AI344JKQTZD/systems+preview.png Work https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1626663759406-UERN5GSGNXEPNC8E0K28/brand+name+medication+preview.png Work https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1642656401566-YMQAY96Q4A7N9J1QSR50/BSL+preview.png Work https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/a7d89d49-9ddc-4f21-bbf5-c7f88fe0bad0/fizz+-+preview.png Work https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/729386a4-218f-4c3c-a342-208a9c926732/ads+-+preview.png Work http://www.sarahmariejohnson.com/sarah daily 0.75 2021-03-13 http://www.sarahmariejohnson.com/contact-york daily 0.75 2021-04-13 http://www.sarahmariejohnson.com/about daily 0.75 2026-01-02 https://images.squarespace-cdn.com/content/v1/55a8962ee4b0e789d63f87c4/1618287432725-GJXSCW7DRQQ6LEX28ZII/bio+pic.jpeg About I live in Los Angeles and work remotely at Instacart as a Senior Product Designer. I am currently working on AI experiences for Instacart’s retailers and on our own marketplace. In 2025, I worked on Restaurants (an experience embedded on Instacart, powered by Uber) and Fizz (an separate app for alcohol delivery, focused on group ordering). Before that, I worked on the Instacart ads team, creating user experiences that improve grocery shopping for customers, connect customers with new brands, and help grow the business. Before Instacart, I managed a team of designers at Healthline Media. My leadership role taught me how to make an impact through relationship building, resolving people problems, and supporting, mentoring and inspiring other designers - and others in different disciplines. I was been able to think through business and design problems more holistically and strategically, and improve processes and quality of work on teams I’ve worked on. My leadership experience has improved my problem solving skills and made my design solutions more impactful in my role as an IC designer. Some of my favorite things to do are: hang out at the dog park or go on hikes with my husband and our 2 pit bull mixes, try out new restaurants, jigsaw puzzle while listening to audiobooks, and crochet blankets while watching sci-fi TV. 3 words that best describe me - Kind, hard-working, minimalist. http://www.sarahmariejohnson.com/resume daily 0.75 2026-01-02