http://www.kyleyugawa.com/work daily 1.0 2024-03-25 https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1490504146191-7YI92QTY0I108T4A5VPF/image-asset.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1490762130150-XS1VWWFS8UO0R8VEV5EW/Screen+Shot+2017-03-28+at+9.35.07+PM.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1490845691033-TQNU6MTDJMD0Z1TLS0TV/image-asset.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1490563369710-09SQ7L8D4GATVS1OIGSE/MacBook+02.jpg Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1490563377485-O24GX6WAWQFTZJKY5V9E/MacBook+03.jpg Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1491199220643-3X4D0R6YS2NC8M8OMJD6/image-asset.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1491192754571-3436PVHT3IVRC26GEZD5/image-asset.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1491197753131-TTJDLQGCH6EAWIR7VRCK/image-asset.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1490933678287-P44D2MJUILM2DBIECA0Y/image-asset.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1490845665693-8W6V6V6E6XQD51MIEULG/image-asset.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1491195021893-8UVRFBNFYG4XMC0XH9J3/Screen+Shot+2017-04-02+at+9.27.49+PM.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1490500169457-P0TAL7351Q8EW91QRM6E/comp.png Work IOS navigation https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1490504162797-ANKRJ8J9GL8VLYUIB669/bubblelogic-2.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1491275694567-XCO9N1VIKWP9KBPXVT8Q/image-asset.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1491288233423-BQ5QUWHK2KH829BD6L0P/image-asset.png Work Android navigation https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1546480297480-AUJNJW0DPDD1S21865GN/RE-AD.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1546480299308-IQAA500S3C0YOYGAHT59/RE-Moderate.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1538973504676-5CERX5T7WX94IDBIU3XC/color.png Work An exploration of different color systems. https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1532902512990-K4T940YUK14XS7YBII63/All+up.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1534720123434-E9276DAWNYDJB4PDGAE7/03AFC79E-A3CA-4321-8565-9FE04163993D+2.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1534720125733-KJW7461BD4APNR6KU3C6/58CA639A-24BD-4A53-929D-D2EB74718559.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1534720126481-04WQYOZSYINXB4T7SRWG/47035CE1-00E4-4A40-A4C9-A68FA472784E.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1534720127313-GBP9OH4AY6GZJ0YUAUXS/A65B4E67-69D5-4F23-AE4F-7F24CC0FF2EE.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1534720128595-73H6DSCUW95J4IAITX4G/D86F3C64-EC63-4FF3-A739-3441F2D6D6AF.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1534720720096-2L3QLSMDXR0MA7UIAX0J/2017-09-25.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1538972619660-LARB0TKRSXV4U451B5OD/IMG_6435.jpg Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1543558319522-BR8TE7HWYACY4EU2H311/Group+2.3.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1543558351139-IJ8R61B6SOHBG4XBKP03/impulse+trend.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1543558319535-DCBKN08R9KALTF4RMNJ6/Group+2.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1543558351271-0PDLVLV8306FMTBZDZQQ/impulse+week-2.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1543558320191-Z6KEFZJCXLW06RN9XTUV/Group+4.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1543558351728-VELVR0MYEZG44SFURJBS/impulse+week.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1543558320279-XZ3JZBAZUOTCB9CQBNCO/Group+7.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1543558352072-BJN80J1GG8J7PUPWKYL7/impulse-7day+avg-2.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1543558352314-EUPPRNUX68LLK2LFBA1K/impulse-7day+avg.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1549636897959-S9AZ6JD6095KR94815MQ/FF-Notebook-72dpi.jpg Work Strava’s Fitness graph was one of the only places to track meaningful progress for an athlete. It was also one of the most complex features the company offered. https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1549471176716-N8QONFEWIVRLITQLDZZC/summary.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1549472353231-DAY6IV3NWUWXWHNZVD9B/Screen+Shot+2019-02-06+at+8.58.55+AM.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1549938360621-7LJ1ZH2EHYWXDYJZY6ZI/sketches_tests.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1549938130275-O5S3USEXG3AKNZ8WJJAR/early+test.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1549938146367-H2C85JX3W0G6SP2YZZTS/Designs.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1549938525672-8YXXF3PT0ZBIK02MNJOB/Designs2.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1598549344914-I5JUCRN9EL3BV903R6Z5/8D4CB10F-420E-4709-BB59-8DEBE5D98F83.JPG Work Presenting progress on the design system at the company all-hands. https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1598849200131-78O4OX4QI35FOX4TWGX1/Screen+Shot+2020-08-30+at+9.44.34+PM.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1598849197936-2F4V5S3TMKYC4T8HLZ0U/Screen+Shot+2020-08-30+at+9.44.46+PM.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1598849197937-55EJW9Z25U93VUUM1ZFZ/Screen+Shot+2020-08-30+at+9.44.59+PM.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1598822977506-CLAJFW71WOQ92H1H6EPL/Frame+1.png Work A few of the system contact sheets that were used for quick references. https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1598816583580-FUQA6FF4UUDWCWDN8B16/Screen+Shot+2019-09-13+at+5.26.33+PM.png Work - Phases 1 — Collect whats there: Since we weren’t starting from scratch, we need to align and document decisions that are currently working for us and deprecate the ones that aren’t. 2 — Align and integrate with engineering Partnering with engineers, we need a process of assessing the scope of work, starting with the foundational elements of the system. 3 — Extend and evolve Build a way to include the product organization in helping the system grow organically. https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1598825046282-0KLKG0F7513BOHHNUJX4/s3ouFsFDF3.gif Work - Templates Makes an easy starting point and a way of testing changes to components. https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1598838095975-ROEWFX8PEB7EZF4CC2XC/UysKlfTivM.gif Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1598830001163-ABPF60291WS7QVDCNU3O/Screen+Shot+2020-08-30+at+4.24.38+PM.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1598829994849-9JMN3II0QYIJVA7G6N56/Screen+Shot+2020-08-30+at+4.24.48+PM.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1598852675835-Q3RUFV9TIDX5WRSP7KKT/Screen+Shot+2020-08-30+at+12.58.55+PM.png Work To help me log issues and feedback better, I created a public Slack channel where anyone could voice questions or concerns. https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1491276768563-C77WOTUIICGZ2HIOFUK2/iphone_bg.jpg Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1543477212700-AOGGH0R8V1RZIO1M2L85/IMG_4493.JPG Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1543476822949-69DJZAF1I4BN6VXXU77V/005.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1551104269306-ZW90YP91E7K52P5SPPUP/Landing+page.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1591401970305-QQ0Y9U5VMV9GDM9ADJPP/Artboard.png Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1599760159189-T550HHZVGYNTNCNS9PTZ/D2EB3CEC-78C4-4768-A153-DCFD7B45FB92.jpeg Work https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1684524462177-R05FYQYUSNQL4ABJ2D4V/IMG_3048.JPG Work http://www.kyleyugawa.com/the-breakaway daily 0.75 2024-03-29 https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1538973504676-5CERX5T7WX94IDBIU3XC/color.png The Breakaway An exploration of different color systems. https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1534720123434-E9276DAWNYDJB4PDGAE7/03AFC79E-A3CA-4321-8565-9FE04163993D+2.png The Breakaway https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1534720125733-KJW7461BD4APNR6KU3C6/58CA639A-24BD-4A53-929D-D2EB74718559.png The Breakaway https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1534720126481-04WQYOZSYINXB4T7SRWG/47035CE1-00E4-4A40-A4C9-A68FA472784E.png The Breakaway https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1534720127313-GBP9OH4AY6GZJ0YUAUXS/A65B4E67-69D5-4F23-AE4F-7F24CC0FF2EE.png The Breakaway https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1534720128595-73H6DSCUW95J4IAITX4G/D86F3C64-EC63-4FF3-A739-3441F2D6D6AF.png The Breakaway https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1534720720096-2L3QLSMDXR0MA7UIAX0J/2017-09-25.png The Breakaway https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1538972619660-LARB0TKRSXV4U451B5OD/IMG_6435.jpg The Breakaway https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1543558319522-BR8TE7HWYACY4EU2H311/Group+2.3.png The Breakaway https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1543558351139-IJ8R61B6SOHBG4XBKP03/impulse+trend.png The Breakaway https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1543558319535-DCBKN08R9KALTF4RMNJ6/Group+2.png The Breakaway https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1543558351271-0PDLVLV8306FMTBZDZQQ/impulse+week-2.png The Breakaway https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1543558320191-Z6KEFZJCXLW06RN9XTUV/Group+4.png The Breakaway https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1543558351728-VELVR0MYEZG44SFURJBS/impulse+week.png The Breakaway https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1543558320279-XZ3JZBAZUOTCB9CQBNCO/Group+7.png The Breakaway https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1543558352072-BJN80J1GG8J7PUPWKYL7/impulse-7day+avg-2.png The Breakaway https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1543558352314-EUPPRNUX68LLK2LFBA1K/impulse-7day+avg.png The Breakaway https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1546480297480-AUJNJW0DPDD1S21865GN/RE-AD.png The Breakaway https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1546480299308-IQAA500S3C0YOYGAHT59/RE-Moderate.png The Breakaway https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1532902512990-K4T940YUK14XS7YBII63/All+up.png The Breakaway https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1549636897959-S9AZ6JD6095KR94815MQ/FF-Notebook-72dpi.jpg The Breakaway Strava’s Fitness graph was one of the only places to track meaningful progress for an athlete. It was also one of the most complex features the company offered. https://images.squarespace-cdn.com/content/v1/502d9aa684ae3ea0a8249f41/1543476822949-69DJZAF1I4BN6VXXU77V/005.png The Breakaway