https://www.manugarzaron.com/work daily 1.0 2026-02-06 https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1580697476221-2YH2HN2BMDI50IQ53W72/Add-indicator-Error-v1-2.gif Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1595371728544-YPWSPFOMUR0DOSG7L28F/Surface+Book+-+8.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1595372145661-PNH603SJHY355AL4LJ5J/Surface+Book+-+8.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1595374706547-FFOPM37K12XAQ9COK4VA/iPhone+11+Pro+Max+-+2.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1597964178218-ZLK5OVVJPN67PFUJ5672/Hero+Shot.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1597964178218-ZLK5OVVJPN67PFUJ5672/Hero+Shot.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1706139374038-GEULCDHUC2QQNFB23H77/MacBook+Pro+15_+Mockup.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1708994321848-VG46KZFFJ6XM1BZL3B4Q/hero+checkout.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1709226289793-E8C8E22OBT61ZFZBAMAX/Hero+Homepage.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1728689726555-VT0L56QNXLG7TRGMLPQ5/HERO.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1580696468614-LPV0O6K0JDOKYKWNHLOF/20190729-Error-States-Flows-for-Add-to-Case-from-DE.jpg Work User flows and wireframes combined https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1580944178299-CFMK528T81471HPTV5V0/Error+-+Not+Authenticated+V1.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1580697081439-5F01XSG2SLVNF14DFAK5/Add-indicator-Error-v1-2.gif Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1597188304264-BENYCEYSK9A73GG49KNH/Gold.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1597187448051-ANYE98Y4NWBHEQAP0L7G/sails.jpg Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1595273616440-2XCDH6N8J73AS6D85WNO/Tincho%26Lola77361.jpg Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1578424655698-BJJH6XKB7ZFELT26E3FP/Tincho%26Lola5828-web.jpg Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1595273703523-YI5KQHUNFNI86PUXM576/Tincho%26Lola5969.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1597255523094-6VAHT93A052RCHGWPSKZ/excel+3.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1596559604732-34713TX92O3OG1VQPPEC/Frame+2.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1596559623151-2HVO486P3VNFF7Y7XXF1/Frame+1.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1596559638741-0IO32POUR29K6IPYEIFZ/Frame+3.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1597966449740-ZBDT9OXO80ZKZPIFXJY2/Survey+Big+Picture.png Work Big Picture - Out of the 1700+ emails we sent out, we reached out free Typeform account limit of 100 in less than two hours. Besides from analyzing that data, we used as a recruiting tool for in depth interviews + feedback sessions. https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1598039761658-NN027BT8ZXQU4TX8X8LG/What+they+care+about.png Work What they care about https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1597258777313-29HZ8HH3I9L8R34DEHOR/Concept+Recipe.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1597259263619-V5SI9CCDL5O9O5KSPD8X/T%26L+Low+Fi+Prototype+Batch+Centered.gif Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1597260005099-U7MWJ0MZ4VYDHR8MCSHH/Concept+Process+Centered.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1597259181576-81A91OLF9PYW8N0XA3EH/T%26L+Low+Fi+Prototype+Maker+Centered.gif Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1597259625108-CXE8FLT9VZXO6EXVFXY6/Concept+Maker+Centered.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1597278298219-M34HBTXMKOXEEF7FRU94/flow+for+yellow+bkg.png Work User Wireframe for pre-order feature https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1598131531000-K4IIIZGZZWQFTFVYCAXR/Pre-order+mock+up.png Work Mock up example for product page https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1598136329279-977UWTKR6YCB6UWPXAX0/Maker+cards+before+and+after.png Work Maker cards: version 1 (left) and version 2 (right) https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1595270408596-W12L9OHJXCRWDHMV9SME/Surface+Book+-+5.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1597256483318-K2QJ607UVCJOUOF9TBKX/High+Fi+Prototype+Maker+Centered+4+v2.gif Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1578436019377-6CK7ARS881ZUP4ETUGDJ/IMG_5010.jpg Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1580943979402-1Z278RTJDHXJCJT7M9P2/EF4E42A4-38E1-416D-8B62-4433C13D6257.GIF Work Prototype made with Flinto - Example of interaction of cyber security analyst with the query results https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1596501288878-TJ4Z74T9I476YPJF1XKF/Surface+Book+-+10.png Work Low resolution screen - Used for user testing interviews https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1596501323681-5WWTBTUFQSVWETF3NQ86/Surface+Book+-+12.png Work Low resolution screen - Used for user testing interviews https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1596496958667-QJFN6LYV8H9VTTBX5A3Z/Frame+1.png Work Before - Example of STIX formatted query result https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1596496988348-1Y8LN6N3SYJIWDSPXGNM/Frame+2.png Work After - Collapsed view of same result as left https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1596497049476-TBL4C5I04CET2PQFWKEQ/Frame+3.png Work After - Expanded view of same result as left https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1596497073609-7ZWEYARTKQVLPY3KVQ9Q/Frame+4.png Work After - Expanded view of same result as left, including scrollable source code https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1595284624723-I599LT7LCHZE16XUE5ET/MacBook+Pro+-+4.png Work Main page - Top, showing right button functionality https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1595283743412-LNPYT2EB0WV5PSOCBUVR/MacBook+Pro+-+2.png Work Main Page - Scanning through different results https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1596499445901-2SEV8XR4FVVNLFQAB9G2/NEED+1.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1596499457261-9EHKDP7XDHJJ4UO33EL5/NEED+2.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1596499470325-WQ67UQN98C10VV1KKSPD/NEED+3.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1596497762126-BBS0ECYRN717JJ76RQ5Q/Content+Model.png Work User scenario and corresponding user flow example https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1595371888928-WLLP79CNO8H1LH88W5Z9/Surface+Book+-+4.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1593125816696-1UNR1FOB0V8KNN6ULRKE/game+ideas.png Work Mindmap during ideation process https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1593125846600-1DIU3GQ4A39A78EZIKBU/muralgameideas.png Work Brainstorming session held remotely through Mural https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1593128662833-LHDCMNGD8CNTAXNJ5E5V/IMG_7640_low.jpg Work Prototype using Catan’s pieces https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1594954586725-8OU1LL9XI63JDNJEIOF3/Surface+Book+-+4.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1594954664761-I6HHTEAUBNTS33VGQ13L/Surface+Book+-+2.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1594954620454-GFLRE1DSUZQUINJQP2G3/Surface+Book+-+1.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1594063915363-IDZGJLCAMKLBM3KCM5CP/infusion_highlight.gif Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1594068546559-OWQQ26RQ2P2KM4E9Y9UU/IMG_5122.jpg Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1594069207652-01TMNJG41GJF394PR73Z/Final+Presentation+Q1+V03.003.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1594069231835-GFK4JANA54AQVDNXTVCC/Final+Presentation+Q1+V03.004.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1594069285081-83B33EK60FF6MH68SQ2K/Final+Presentation+Q1+V03.006.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1594069303189-6VMF97JE7XJM14XRGMLN/Final+Presentation+Q1+V03.007.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1594069364080-WQLB3OAKTUFQTK6LJH6T/Final+Presentation+Q1+V03.008.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1595375018379-PFRX80DGZZF0XRLSUCCJ/iPhone+11+Pro+Max+-+5.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1595374984160-B3L7TJBQOV20R7TZ60EV/iPhone+11+Pro+Max+-+4.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1595375000478-KTJAPHVM75QUBFQE21D3/iPhone+11+Pro+Max+-+3.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1595375039016-HSYS0M4F8O0SFXFAOCL3/iPhone+11+Pro+Max+-+6.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/4c9dc48e-1444-43d3-ae03-9a57f393fb74/Hero.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/8c8f9cb4-cfda-491c-aeae-eeeed815cce2/AS.png Work - 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/5a32d72680bd5e5f13a20d5d/dc5b152e-0a10-494f-8004-0b3c2d988a3b/Frame+30.png Work - 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/5a32d72680bd5e5f13a20d5d/019752e4-91ba-424e-9e5b-26b956703036/image+1.png Work - Make it stand out One of the common themes of customer feedback was the unexpected duplication of items showing up within both shopping carts. https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1706039161075-67SA17A49UDQF1ZHNZCB/CONTROL.png Work - Make it stand out Control: Cart in top right and Autoship under My Items. To access Autoship, users had to click on My Items. https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1706039161075-FDRRQ9TNDW849XGMXI5E/VAR+A.png Work - Make it stand out Variant A: Surfacing Autoship under bottom navigation, instead of ‘Deals’ https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/8690fbcb-9cda-4616-8933-7c834279addb/results+part+a.png Work - 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/5a32d72680bd5e5f13a20d5d/92f76942-bd6c-489b-9dbc-6090b0fc538e/Frame+27.png Work - 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/5a32d72680bd5e5f13a20d5d/69ae9859-1800-4967-882f-4ad3d2c16314/Frame+19.png Work - 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/5a32d72680bd5e5f13a20d5d/3a7e93bc-f4a6-4ffe-b5c2-2cf12cc2f31a/Frame+28.png Work - 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/5a32d72680bd5e5f13a20d5d/c915d7e6-cdc4-4855-935a-9465cfd3c16c/Item+Added+Protopie+Prototype+%281%29.gif Work - 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/5a32d72680bd5e5f13a20d5d/253e0971-c47a-45fd-85f5-98f9ed741e4c/6-carousel_8.png Work - 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/5a32d72680bd5e5f13a20d5d/1706139711180-02BET8OJNX6NV6CJGYPS/Screenshot+2024-01-24+at+3.29.37+PM.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1706139711377-FZYDL92LJ3GVOA2IUERH/Screenshot+2024-01-24+at+3.30.42+PM.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1706139712420-2W35PESGFX1JGC6T3YIC/Screenshot+2024-01-24+at+3.31.07+PM.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1706139712583-ZKIVAJPQCUO5TTG1KJDP/Screenshot+2024-01-24+at+3.32.18+PM.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1706139713539-GUPYD3NRPSN8P6ASM99J/Screenshot+2024-01-24+at+3.32.45+PM.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1706139713850-S9GO6VXGQO1RY2JEVT64/Screenshot+2024-01-24+at+3.33.03+PM.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1706139714770-K5VENEI16EWLI7B86BB3/Screenshot+2024-01-24+at+3.33.23+PM.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/8fc216a9-7d8b-461d-947f-255f769dee24/Frame+424.png Work Before (left) and After (right) https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/cf5b3ad2-cb98-4803-98c4-41c6303a6728/Benchmark.png Work - Make it stand out Lanscape analysis example: Everlane.com https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/a6e49a1c-da5f-454b-a13a-04e91ff9f768/Frame+44.png Work - 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/5a32d72680bd5e5f13a20d5d/36b266da-8555-4d0c-8c7c-9d5fcc4866dc/Frame+86.png Work - 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/5a32d72680bd5e5f13a20d5d/8fdd1025-f642-4d8f-9b60-db88e6c73dc4/research-media-file-c2bd78db5a116541cdb46f0673210513+copy.jpg Work - Make it stand out At GAP, previous checkout steps collapse into summaries, allowing users to review their input as they progress. https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/2a28f9d3-fb45-4f9c-8f01-8cac11f568a9/Data+Slide.png Work - Make it stand out Example of infographics done for internal review https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/7eecf4a3-99ec-4fae-99de-edf211f351dd/Low+Fi+Wire.png Work - Make it stand out Low fidelity wireframe example https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1709227286251-R78Z75LFN7TTPCWZE3CI/Screenshot+2024-02-29+at+9.17.38+AM.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1709227285893-M42NQJBB07E0V380CC79/Screenshot+2024-02-29+at+9.17.59+AM.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1709227284367-PJZPGNE525F90JZNA5ZX/Screenshot+2024-02-29+at+9.18.12+AM.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1709226714524-P3HSFPB74F855KRP3F3Q/Filter+Chip+Navigation.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1709226714990-7AKPT0E4H103HCCEDN11/Product+Category+Tabs+Documentation.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1709226716665-KE8GZNC7EVYD7KCOPWWY/Product+Category+Tabs+Top.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1709226716956-GTG8CISP54ZC4URRCX9D/Spacing.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1709226718377-4K69RR53OLGBNPORYRDK/Templates.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1709227265272-LYXSGARRKWIM7FSP3S51/Screenshot+2024-02-29+at+9.12.41+AM.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/ffab9992-9b1b-48f2-ae8a-f140ba1cc575/Impact.png Work - Make it stand out Source: FullStory dashboard, YoY, sessions that visited any PLP https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/cf3cf42a-775f-404d-b880-c07b7ec3b60a/iPhone+16+Pro.png Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1923a8d0-c154-45c1-9744-8877e314c291/Process.png Work - Make it stand out Our PLP redesign process https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/494ad79d-c9c7-4f7a-98b5-ff38f395ba08/Variation.png Work - Make it stand out With over 1,200 product listing pages, Patagonia customers often encountered inconsistencies that distracted them from their primary goal: easily finding and selecting the products they needed. This lack of uniform product guidance and intuitive navigation hindered their shopping experience. https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/0b16c0bb-04e0-49bd-8387-ce2e17bf5b56/Slide+3.4.png Work - Make it stand out Data Analysis - example using Quantum Metrics https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/8bad4379-77eb-4d0d-bdc2-9cec1f94d9b3/Slide-5.11.png Work Lanscape Analysis - How we went out in the wild to see how others were solving for common problems https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/528d1da0-eff4-4599-a0ae-34324662ad30/Slide-5.14.png Work - Make it stand out Landscape Analysis - How we went out in the wild to see how others were solving for common problems https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/d63c105f-0b94-4ffc-85d9-d6dc9a15f76e/Templates+Overview.png Work - Make it stand out Overview - Decision process when determining the template type for a new page https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1cffc51c-5213-4a15-820d-1fe8a356858d/Screenshot+2024-10-07+at+4.48.32%E2%80%AFPM.png Work Specs - Screenshot of Design documentation with options per ‘slot’ https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/d64a5328-d380-4f55-9c8c-149a2de77c6c/Screenshot+2024-10-07+at+4.47.27%E2%80%AFPM.png Work - Make it stand out Shop Alls - Example of one of the six PLP template types https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/42ba175c-e3b3-474c-a626-e6b644769aad/Tutorial.png Work - Make it stand out Video tutorials - I used video as a way to communicate internally the specifications of the new system of templates. This had a great outreach to stakeholders and regions, and we received very positive and constructive feedback for us to improve it even further. https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/87bf1d8c-8805-47b2-ad1c-b57359217fde/Campfire.png Work - Make it stand out As part of finding the solution, we made sure we were accounting for the POVs of not only our customers but also all the internal stakeholders https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/609d15a0-692b-4836-9d03-b1b409df72d6/In+Grid+Photos.png Work - Make it stand out As a solution moved the PLP heros to the grid, setting up different setting options, making sure the aspect ratios were going to be more favorable to our photos https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/265aec12-1d00-48cb-938e-6c658c09d9c6/Product+Tiles+Workshop.png Work - Make it stand out We run workshops with the researchers, developers and product managers to decide on the strategy around them and how we would implement it. This is one of those KPIs vs Experience situations where we designers where trying to make a case to simplify the experience, and PMs and devs where leaning more on commerce KPIs. https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/ab9430be-20bf-4254-96cb-4ce62faa627c/Product+Badges.png Work - Make it stand out While talking to our regional managers in EU, we discovered that they were using the Badges differently than in the US. They were using those to call out technical features like material, while we used them for commerce callouts like ‘Sale’ or ‘New’. We did some usability and A/B tests and implemented Tags to make space for both types of callouts, with great success https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/bf04fab4-cea9-426d-ae90-da5aa5e475f7/Product+Compare.png Work - Make it stand out From Salesforce CC to Patagonia Design System documentation in Figma https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/1f8f7d2d-aa38-4365-8a3f-b21757b96401/iPhone+16+Pro2.png Work - 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/5a32d72680bd5e5f13a20d5d/054c3400-02cb-4a7f-a024-4346631f2e38/Frame+31.png Work - 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/5a32d72680bd5e5f13a20d5d/e3722cf5-f344-4b0d-b4e0-f5bbe6719c6b/Frame+16.jpg Work https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/64659251-d9c7-43f7-b8f5-852dfd7852fc/GBS+design.jpg Work - 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/5a32d72680bd5e5f13a20d5d/532a5e3b-9c0d-410a-bb6f-99aff8e35566/GBS+design+process.jpg Work - 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/5a32d72680bd5e5f13a20d5d/1770404907271-6O3NEK4HT0TSGBI0NLDI/GBS+design+final.jpg Work - 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/5a32d72680bd5e5f13a20d5d/1770404907689-T78ULVH2C9FAGS7EKELN/GBS+design+final+3.jpg Work - 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/5a32d72680bd5e5f13a20d5d/696e8646-57ee-4c93-b2bc-48e8dc32d546/IMG_0946+1.png Work - Make it stand out Cool sketch of our process by our Product Manager Sam Levy (also an illustrator). It includes when I became dad for the first time and took some time off :) https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/201d7128-cdd6-4d48-a197-da0fd7b62e9d/Screenshot+2026-02-06+at+11.17.53%E2%80%AFAM.png Work - Make it stand out Documentation of Variables and Text Styles in our Patagonia Design System library in Figma https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/16ffefbc-5160-42ee-8442-38b912e9e932/Screenshot+2026-02-06+at+1.21.49%E2%80%AFPM.png Work - Make it stand out Example of the stress testing the new styles in the Homepage experience using existing components https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/8f0d2e76-b08f-42eb-95df-5e1165d49aaa/Screenshot+2026-02-06+at+1.38.26%E2%80%AFPM.png Work - Make it stand out Example of a component that was enhanced: the Multi Link Tiles. https://images.squarespace-cdn.com/content/v1/5a32d72680bd5e5f13a20d5d/f32c92f3-f6d5-458e-98b4-53bc83e789f5/Screenshot+2026-02-06+at+2.38.07%E2%80%AFPM.png Work - Make it stand out Living example on Patagonia.com https://www.manugarzaron.com/about daily 0.75 2024-02-27 https://www.manugarzaron.com/press daily 0.75 2024-02-18 https://www.manugarzaron.com/design-system-contribution-for-thrive-market daily 0.75 2024-01-24