With a marketplace perspective in mind, we wanted to stand out from what is current out there. So we performed a Competitive Analysis on 10 online marketplaces that sell eco friendly products.\nWe learned that eco friendly marketplaces that exist today offer a wide range of prices and products.\nWe then knew that the next step would be to figure out where our core user group of college students fit into this market space in terms of price range and product type.
"}}]},"design":{"edges":[{"node":{"frontmatter":{"title":"Design (1st iteration)","avatar":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='489'%20viewBox='0%200%20400%20489'%20preserveAspectRatio='none'%3e%3cpath%20d='M21%2034l-1%2035%201%2033h363V34l-181-1-182%201m19%2077v45l1%2044h76l78-1c2-2%201-86%200-88-2-2-154-2-155%200m169%200v45l1%2044h155v-43l-1-45c0-3-154-3-155-1m-167%204l-1%209c0%206%200%207%202%208%203%202%20143%201%20145%200s2-3%202-10v-8l-74-1c-67%200-74%200-74%202m172-1c-2%201-1%2018%201%2018h145l1-10v-8l-74-1-73%201m-146%206c-1%201%2012%201%2036%201l37-1H68m167%200l37%201%2036-1-36-1-37%201M70%20317v30h67v-8h-9l-11-1c-2-3%200-4%2010-4h10v-23c0-20%200-23-2-23l-33-1H70v30m124%201v30h32l33-1c1%200%202-1%202-4v-4h-10c-10%200-12-1-10-4l11-1h9v-45l-34-1h-33v30m122%200v30h32l33-1c1%200%202-1%202-4v-4h-10l-10-1c-1-3%201-4%2011-4h9v-46h-67v30M74%20294v3h58v-6H74v3m124%200v3h58v-6h-58v3m122%200v3h58v-6h-58v3M21%20353c-1%201-2%2054%200%2057%200%202%207%202%2068%202h67v-60H89l-68%201m246%200v30l1%2029h66v-60h-33l-34%201m-242%206v3h57v-6H25v3m246%200c-2%205-2%205%2029%206h29v-7h-29l-29%201M70%20447v30h32l33-1c1%200%202-1%202-4v-4h-10c-10%200-12-1-10-4l11-1h9v-45l-34-1H70v30m178%200v30h66l67-1c1%200%202-1%202-4v-4h-9l-11-1c-2-3%201-4%2011-4h9v-46H248v30M74%20423v3h58v-6H74v3m178%200v3h58v-6h-58v3'%20fill='%2364ffda'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.8177570093457944,"src":"/static/f190d0ecbdc86a6a9046cffd204a2631/60290/1st-iteration.png","srcSet":"/static/f190d0ecbdc86a6a9046cffd204a2631/847ef/1st-iteration.png 175w,\n/static/f190d0ecbdc86a6a9046cffd204a2631/91cba/1st-iteration.png 350w,\n/static/f190d0ecbdc86a6a9046cffd204a2631/60290/1st-iteration.png 700w,\n/static/f190d0ecbdc86a6a9046cffd204a2631/f5f50/1st-iteration.png 1050w,\n/static/f190d0ecbdc86a6a9046cffd204a2631/06f9e/1st-iteration.png 1140w","srcWebp":"/static/f190d0ecbdc86a6a9046cffd204a2631/89afa/1st-iteration.webp","srcSetWebp":"/static/f190d0ecbdc86a6a9046cffd204a2631/9fca7/1st-iteration.webp 175w,\n/static/f190d0ecbdc86a6a9046cffd204a2631/37a4e/1st-iteration.webp 350w,\n/static/f190d0ecbdc86a6a9046cffd204a2631/89afa/1st-iteration.webp 700w,\n/static/f190d0ecbdc86a6a9046cffd204a2631/78e7a/1st-iteration.webp 1050w,\n/static/f190d0ecbdc86a6a9046cffd204a2631/2048f/1st-iteration.webp 1140w","sizes":"(max-width: 700px) 100vw, 700px"}}},"skills":null},"html":"In order to appeal to our audience, we drew inspiration from similar competitors and personalized websites
\nA huge inspiration was the apartment hunting website apartmentlist.com
We also wanted simplicity in our design, so we came across the Target website and reused some the navbar components into our design\nWe started off by creating the base format of the website, such as the item displays.
"}}]},"design3":{"edges":[{"node":{"frontmatter":{"title":"Design (3rd iteration)","avatar":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='669'%20viewBox='0%200%20400%20669'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%20335v335l1-321V28h19V7H1V3L0%20335M37%2013c-3%203-3%206%201%209s35%203%2039%200%204-6%201-9c-2-2-3-2-20-2-18%200-19%200-21%202m60%200l-2%204c0%206%203%207%2023%207%2017%200%2017%200%2020-2%203-3%203-5%200-8l-2-3h-18c-15%200-19%200-21%202M4%20152l1%2033%20193%201h191v-15l-3-1c-2%200-6-4-13-13-12-14-12-12-3-23l7-9c1-2-2-2-58-2l-46%201%2013%201-6%203-5%203h19l20%201c2%202%201%2035-1%2035l-91%201h-89l-12%202-11%203v-3c0-2%200-2-16-2H79l-1-14c0-12-1-13-2-11-2%205-3%204-3-5-1-11-2-15-3-15l-12%207-13%207c-1%200-1-2%201-11v-3H24l-2%204-4%203-12-9-2-2v33m85-27c-2%200-4%202-5%204l-1%202h29v-8h-10l-13%202m129%202l-4%204h29l-1-4-1-4h-20l-3%204m-116%2013h-3l-4%201c-2%202-2%202-3%200h-1c-1%201%202%205%204%204l1%201-2%201-3%201c-2%202-2%202%200%204s3%204%202%205l1%202%201-1%205-1%207-1c1-1%202-2%203-1v-4l1-3h1l-1-1-2-1-3-4-2-3-2%201M8%20233c-2%201-2%205-2%2057l1%2058%2089%201h89v-22c0-6%200-7-2-6s-4%201-4-2c0-1-1-2-3-1h-4v-4c0-4%200-5%202-6%201%200%202-1%201-3%200-3%200-3-1-1l-1%201-2-4-2-5-1-3%201-1h1l1%201c1-2%201-10-1-10v-1h2c2%201%202%201%202-2%200-2%200-2%201-1h2c1-2%203%203%204%208v21l2%204%202%202v-40l-1-40c-2-1-175-2-176-1m187%200l-1%2058v58h66a8951%208951%200%2001128%200c2-1%202-3%202-58l-1-58c-1-1-193-2-194%200m142%2038c-1%202-2%203-4%203-3%201-4%201-4%204%200%202%200%203-2%203-5%200-7%201-7%202l-1%201-2%203-2%201c-1-1-1-1-1%201l1%205c0%202%201%203%204%205l4%203v-2l2-3%202%201%203%201h-3c-5%200%201%202%209%203l9-1c0-2%202-1%202%200%200%202%201%201%205%200%204-2%205-3%205-7v-4h-5c-5-1-8-3-5-4s3-3%200-3-6-2-6-4l-3-10-1%202m-226%2044c0%208%200%209%206%209%205%200%205%201%205-9%200-4-1-5-8-5h-3v5m37%202c0%209%200%209%206%209%204%200%205%200%205-2v-6c1-6%200-7-7-7h-5l1%206M7%20374v6l1%205h4l6-1h2c2%202%203%200%201-2v-3c1-3%201-4-1-2h-3c-1-2-3%200-1%201%201%202%200%205-2%205l-3-1-1-1%202-1%202-1-2-1c-3%200-3-2%200-2%204-1%203-2-1-3l-4%201m57%200c-3%202-3%209%200%2010%202%201%206%200%206-1h2c3%203%206%202%207-2%201-3%201-3%201-1s2%205%203%205l-1-10c-1-1-1-1-2%201s-1%202-3%201c-2-2-5-1-5%202%200%201%200%202-2%202-4%201-6%201-6-2%200-2%202-4%204-2s3%200%201-2-3-2-5-1m22%203c-2%202-1%206%201%207s5%200%205-1l-1-1h-3l2-1c3%200%205%202%204%205%200%201%203%202%205%201%203-2%202-10-1-11l-4%201-2%201c-1-2-4-2-6-1m-47%2021c-1%202-1%202%202%203%203%200%206%203%204%204v2c2%200%205%203%205%205l2%202%202%202%202%202c2%200%202%201%202%209%200%2012-1%2014-3%2014-3%201-5%205-4%207h4c3-1%203-1%203%201%200%203-3%206-5%206l-1%203c0%203-1%205-3%206-3%204-5%204-2%201%203-4%203-9-1-15l-3-4v-27c-3%200-4%206-4%2013%201%2011%200%2014-3%2014-4%200-5-5-5-16-1-8-3-13-6-11-2%200-1%205%201%2011%203%2010%204%2017%201%2018-2%201-2%200-4-4l-3-8-4-5-2-5-1-1c-2%201-1%207%202%2011%204%207%207%2014%207%2018%200%205%203%2012%207%2014h14l-1%201c-6%202-14%201-18-3-1-2-1-2-3%201-1%202-1%202-1%200-1-2-4-2-6-1l-4%201c-3%200-3%200-3%205-1%208-6%207%2061%207l61-1%201-41v-39l-45-1-46%201m102%200v47c-1%206-1%206%201%207%201%200%202%201%202%203s1%203%208%205l10%203c3%202%2019%202%2020%200a468%20468%200%2000-1-61c1-5%202-5-19-5l-21%201m49%205v76h35c32%200%2036%200%2036-2%202-3%201-78%200-79l-36-1h-35v6m130%2026c0%2030%200%2031-2%2031l-2-1-3%201-4%201%201%202%206%201h4v15h34l36-1c1-1%202-75%200-78%200-2-4-2-35-2h-35v31m-26-10l-1%203-5%204-3%204v15l-1%2017-7%201h-7l1-3%201-4%201-2-3%202c-3%203-4%206-2%209l14%201%2011-1c13%200%2013%200%2013-20l-1-14-1%202-1-2v-3c1%200%200-2-2-3-3-3-4-4-4-7l-1-3c-2%200-2%201-2%204m-126%2067c-1%200-1%201%203%204%202%202%203%203%202%204v2c1%201%202%202%201%203%200%201%200%202%202%202l1%202v1c1-1%205%202%205%203h-1l-2%201-4-1c-5-1-7%200-2%202l2%202-11-6h-1l-13-6%201-2v-1l-1-6v-4H79l-72%201c-2%202-2%2078%200%2080l72%201h71v-14c0-13%200-15%201-14%204%201%205%205%206%2013l1%2014c0%202%2018%201%2020-1%201-1%201-1-1-1-1%201-2%201-2-2l-2-3c-2%200-3-4-1-6s2-2%203%200c2%202%204%201%204-2s10-6%2012-3v14l-1%203v2h12c13%200%2014-1%2012-5v-3c1-1%201-1-1-2l-1-5-1-5-1-11c4%200%209%207%2015%2023l4%208h6c7%200%207%200%2012-3%204-4%208-5%2011-3%201%201%200%201-2%202-5%200-5%204%200%204%203%200%204-1%204-3v-3l1-33-1-33-3-3-6-4-4-2-9-1h-9l3%203c7%206%207%2018%201%2019h-21c-4%201-4%201-7-2l-3-4-3-4c-3-3-3-7%200-8%202%200%203-3%201-3-2-1-29-2-32-1m100%201v80l43%201c40-1%2042-1%2046-3l10-2%205-1%204%202c3%203%2011%205%2013%204l1-5c1-4%200-5-6-12l-7-8-7%204-7%203-15-19-1-3c0-1%201-3%204-4%206-3%207-4%205-5-3-2-6-7-6-10%201-2%200-5-3-11l-4-10-1-2h-37l-37%201m-36%2038l2%203%202%204%201%202%201%205c0%207%202%207%207%202l5-6%203-5%201-1v-1l-2-1h-5c-1%202-7%202-9%200-1-2-6-3-6-2M11%20580l-5%206v21l11-11%2013-12c2-1%200-4-5-7-6-4-7-4-14%203m126-5c-1%203%200%2080%201%2081h39l-4-13-4-13%201-5c2-5%202-6%207-7l5-2%201%203c2%204%201%205-5%206l-5%203%206-1%206-2%204%2013%206%2016%202%203%2096-1%2097-1%201-40v-39l-98-1c-96-1-103-1-99%202l16%2026%203%205-3%202a3408%203408%200%2000-12%204l-1-2a276%20276%200%2001-19-31c-2-3-2-3%200-5s2-2-19-2l-22%201m-73%207v3h13c11%200%2013-1%2013-2s-1-2-5-2l-5-1H68c-2-2-4-1-4%202m-19%200c3%202%203%203-1%204-2%201-3%202-2%203l-4%201c-4-1-5-1-2%202l2%202-2%204c-1%203-3%204-4%204-7-1-8%205-2%209%205%203%207%202%209-4l3-5%208-7%202-3v-3l-1-4-3-3c-4-2-6-2-3%200m229%203c0%202%200%203%203%203h3l4-1h1c1%202%2019%201%2019-1l-2-1-2-1h-22l-2-1-2%202m32%200c0%203%200%203%2011%203l11-1h1l3%201%202-1h1c1%201%204%201%204-1s-1-2-9-2h-21c-1-2-3-1-3%201M55%20599l-2%203c1%201-3%205-5%205l-1%201c1%203-1%204-4%203s-4-1-2%201v2l6%207c2%200%207-6%2010-10l2-9c0-6-1-7-4-3m173%205l-14%2017-15%2016%207%206%206%205%2011-12%2015-17%204-5-6-5c-6-5-8-6-8-5M7%20610a457%20457%200%20000%2023l2%202v2H6c0%202%206%207%208%207l8%203c7%203%2019%204%2020%201%200-2%201-1%209%203l8%204-2-6v-1c2-1%200-4-3-4-2%200-2%200%200%202%204%203%201%202-5-1-6-2-6-3-6-7%200-3-6-15-9-17-2%200-1-2%201-1v-4c-1-2-1-2-3%200s-2%202-4%200-13-6-14-5l-1-1H7'%20fill='%2364ffda'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.5972696245733788,"src":"/static/c3ace37b8823aacc9cd8bcf32fbc9282/60290/3rd-iteration.png","srcSet":"/static/c3ace37b8823aacc9cd8bcf32fbc9282/847ef/3rd-iteration.png 175w,\n/static/c3ace37b8823aacc9cd8bcf32fbc9282/91cba/3rd-iteration.png 350w,\n/static/c3ace37b8823aacc9cd8bcf32fbc9282/60290/3rd-iteration.png 700w,\n/static/c3ace37b8823aacc9cd8bcf32fbc9282/a7706/3rd-iteration.png 834w","srcWebp":"/static/c3ace37b8823aacc9cd8bcf32fbc9282/89afa/3rd-iteration.webp","srcSetWebp":"/static/c3ace37b8823aacc9cd8bcf32fbc9282/9fca7/3rd-iteration.webp 175w,\n/static/c3ace37b8823aacc9cd8bcf32fbc9282/37a4e/3rd-iteration.webp 350w,\n/static/c3ace37b8823aacc9cd8bcf32fbc9282/89afa/3rd-iteration.webp 700w,\n/static/c3ace37b8823aacc9cd8bcf32fbc9282/202d5/3rd-iteration.webp 834w","sizes":"(max-width: 700px) 100vw, 700px"}}},"skills":null},"html":"We used Figma to both design and prototype our marketplace. At the top of page, we have a “green” fun fact of the day. Below that there’s personalized matches for the user such as newly listed items and items to match their budget.
"}}]},"design4":{"edges":[{"node":{"frontmatter":{"title":"Design (4th iteration)","avatar":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='674'%20viewBox='0%200%20400%20674'%20preserveAspectRatio='none'%3e%3cpath%20d='M185%2040h129v11h-64c-63%200-65%200-66-2-2-1-2-3-2-5v-2c-2%202-1%207%202%209%202%202%203%202%2071%202%2076%200%2072%200%2072-7s4-7-73-7l-69%201M75%2042c-2%202-3%206-1%208s5%203%2021%203c19%200%2021-1%2021-6%200-6-2-7-22-7-16%200-17%200-19%202m52%200l-2%205c0%205%202%206%2021%206%2020%200%2022-1%2022-6%200-6-2-7-22-7-16%200-17%200-19%202m207%2045l-3%202a283%20283%200%200049-1c-1-2-3-2-23-2l-23%201m49%2016l-1%2014-63%201-48%201h13l-4%203c-4%203-5%203-15%203h-10a489%20489%200%200057%202c2%202%201%2036-1%2036-3%202-229%201-230%200l-1-15c0-14%200-14-2-11-2%206-3%205-3-7-1-9-2-12-3-12l-13%207-12%208%201-8%201-7H27l-3%204-3%204-7-6-7-6v33l1%2034c2%202%20377%202%20378%200a846%20846%200%2000-3-78M90%20120l-4%204-1%202h17v-8h-4l-8%202m105-1h13c11%200%2012%200%2011%201s-2%202-3%201l-2%201-1%201h-2l2%201c1%201-2%201-5%201l-7-1c1-1-3-4-4-4l2%203%202%203h42l-2-4-1-3-23-1-22%201m189%2011l-12%205-11%206c0%202%202%204%203%203l1%201v1h1c0%203%205%209%206%208h1v1l1%201v1h1c0%202%205%209%206%209v-2l-1-1c1%201%202-1%203-3%202-3%202-6%202-18l-1-12m-292%206c-1%202-1%202%201%203v4c-2%203-2%203%201%206%201%202%202%203%201%204v2l2-1h2l4-1%205-2h3l2-1c0-2-1-2-5-2-5%200-9-1-9-3h2l1-3-1-3v-1c2%200%201-2-1-2-2-1-3%200-4%201h-1c-2-2-2-2-3-1m-81%2076c0%204%200%205%202%205l1-3v-2l1%202c1%204%202%204%204%201l1-2v2l2%202%201-5c0-5%200-6-2-6-1%200-2%201-2%203l-2%203-1-3-3-3c-2%200-2%201-2%206m21-4c-1%202-1%202-3%201h-4c-1%202-1%202%201%202%203-1%203%201%200%201-4%201-2%204%202%205%203%200%203%200%203-4%200-2%200-3%201-2l1%203c0%202%203%204%204%202h2c2%201%205%201%205-1h-2c-2%200-2%200-2-2s0-2%202-1l2-1c0-2-4-3-5-2-2%201-2%201-3-1-2-2-2-3-4%200m93%201l1%204v5c-2%201-1%202%201%202l3-5c1-4%202-5%202-3%200%205%204%207%207%204%203-4-1-9-5-7h-3c0-1-1-1-2%201h-2l-2-1M11%20230v60l1%2058h86l88-1%201-15c0-13-1-16-2-13-1%202-4%201-4-1-1-1%200-2%201-3v-1l-3%201-2%201h-2c-1%201-1-2-1-6%200-5%200-7%201-6%200%202%201%203%202%203%203%200%207%204%207%206-1%201-1%201%200%200l1%201v1c1%201%202-83%201-85-2-2-174-2-175%200m184%200v60l1%2058h95l96-1c2-2%201-115%200-117-2-2-191-2-192%200m141%2039l-2%202c-2-1-5%202-5%205%200%202-1%203-5%203-5%200-7%201-3%202%201%201%200%201-2%201l-3%201%202%202c1-1%202%200%202%201s-1%201-6-1v5c1%206%200%205%205%207%203%202%203%202%204%200l11-1h11v2l1%203%205-3c4-2%205-3%205-7v-3l-5-1c-7%200-9-2-5-4l4-2h-3c-5%200-8-3-8-9-1-6-3-7-3-3m-222%2046c0%208%201%209%207%207h4v-7c0-5-1-6-2-6l-5-1h-4v7m36%201v8h9l1-1v-1l1-4v-5c2-2-1-4-6-4h-5v7M11%20379v5h6l5-1h2c1%202%202%201%201-2v-3c2-2%201-4-1-2h-4v2c2%202%200%204-3%204l-3-1%202-2%202-1-2-1-2-1%203-1%202-1-4-1h-4v6m78-3v7c2%202%205%201%206-1s1-2%201%200l1%203c1%203%205%202%207-2%201-3%201-3%201-1%201%204%207%202%207-3-1-4-4-5-6-2-2%202-2%202-2%200-1-2-6-2-7%200-2%202-2%202-3%200s-3-3-5-1m56%2021c-3%200-3%206-2%2021v34h2l1%203c0%203%200%203%204%204l5%201%206%203c5%202%206%202%2014%202l9-2a428%20428%200%2000-1-63v-3l-18-1-20%201m47%200l-1%2042v41h35c31%200%2035%200%2035-2a745%20745%200%2000-1-81h-68m-152%201l2%203%205%202%202%202-2%201c-2%200-2%201-1%201%202%200%206%205%205%205l-1%201%203%201c2%200%204%202%202%203-1%201-1%201%201%201l3%202h1l1%204-1%207v1c3%200%201%205-3%2010l-4%205-1%202v2l1%201v-1l1-1h5l1%201c1-1%201%200%201%201l-1%202-1%201h-3c-2-3-2-2-1%202%202%204-1%209-7%2012-5%202-13%203-15%201h3c9%201%2017-4%2017-11%200-2-4-10-6-11v-10c1-14%201-18-1-19-2%200-3%203-3%2016v11h-3c-3%200-3%200-4-5-1-4-2-7-1-10%200-6-2-12-5-12-2%201-2%205%200%2012%204%2011%204%2018%200%2018-1%200-4-5-6-12l-4-7-2-4h-2c-2%202-1%205%203%2011%205%207%207%2013%207%2018l2%207v3c-2-1-2-1-2%201l-2%201v-1c0-1-2-1-5%201l-6%201c-2-1-2-1-2%205l1%207h121v-82l-47-1-46%201m279%2031c0%2031%200%2032-2%2031l-1-1c0-2-2-1-3%201l-4%201c-2%200-2%200%200%202l6%201h4v16h34l35-1%201-42v-39l-35-1h-35v32m4-22c0%203%200%204%203%201h2c0%203%206%203%206%200h1l1%202%201-2h1l1%202v-2l1-1%201%203c-1%203%201%202%202%200l1-1c0%202%204%201%204-1h1l2%202v1l2%201c2-1%203-5%201-6h-2c-1%201-5%200-6-1h-2c-2%202-2%202-3%200h-13c-2-2-5-1-5%202m-30%208v5c1%201%200%202-1%202l-2%201-2%204c-3%202-3%202-3%2019l-1%2017h-12c-2%200-2-1%200-5%202-6%201-6-2-1-2%202-3%205-3%207v3h8l7-1%2011-1c13%200%2012%201%2012-19l1-17-5-4c-3-3-4-4-4-7-1-4-3-5-4-3m31%209l-1%203c0%202%200%202%208%202s9%200%209-2h1c0%202%2012%203%2012%200l1-1c1-1%200-1-1-1h-18c-1%202-1%202-1%200h-4c0-2-5-3-6-1m-156%2063l1%201%201%202%201%201c2%200%203%200%204%202v2c-2-1-3%200-1%202l1%202%201%203c2%202%203%209%202%207l-4-1h-2l2%202c3%203%202%203-3%200l-5-4c0-2-1-2-1-1h-4l-4-2-4-2v-2l1-2c-2-1-2-2-2-5v-5H82l-70%201v82h69a1120%201120%200%200072-2l-1-14c0-13%200-14%202-12%203%203%204%205%205%2014l1%2013%2011%201c6%200%2011%200%2010-1v-1l-1-1-2%201c0%202-1%200-2-2l-2-4v-3l4-2c3%200%205-4%202-4l4-2c4-2%207-2%207-1l1%2011v4c-1%201-2%202-1%203%200%202%201%202%2013%202%208%200%2013%200%2012-1s-1-1%201-2v-1c-2%200-3-3-2-4l1%202%201%201c1-1-1-6-2-6h-1l1-1-1-1c-1%201-2-1-1-5l-1-3-1-1v-5c0-3%200-4-2-4-1-1-1-1%201-1l3%201%202%202c3%201%206%208%2013%2026l1%203h8l8-1c1-3%206-6%2010-6s5%202%201%202c-5%202-4%205%201%205%203%200%203%200%203-2v-3a739%20739%200%2000-1-71l-4-2-6-3c-2-1-2-1%200-1l-8-1h-11l3%204c3%202%204%204%204%208%201%204%200%208-1%207v1l-1%202-3%201-13-1h-11l-2-2s-2-1-2-3l-4-5c-3-3-3-7%200-8%203%200%203-4%200-4h-32m99%201v42l1%2040h42c35%200%2042%200%2045-2h13l-4%201%209%201h14l1-5%201-4-7-8-6-8-1-3c0-2%200-2-1%201%200%203-1%203-7%206l-6%203-6-8c-8-10-8-9-8-13-1-4-1-4%204-6l5-2-4-4c-3-4-3-5-3-8v-6a664%20664%200%2001-6-17l-37-1-39%201m83%200l2%204c0%208%203%2013%208%2014%203%200%203-1%203-2l-4-9-2-8h-4c-3%200-4%200-3%201m-117%2040l2%201%201%202%201%205%201%205%201%205%206-4%203-3%202-4%201-1c3%201%202-4-1-5h-3c1%203%200%203-2%202l-3-1h-1l-2-2-3-1-3%201M21%20577l-5%205-5%205-1%2012%201%2011c1%200%204-4%204-6l1-1%2010-8c10-11%2010-11%203-16-5-3-5-3-8-2m31%200l2%204%201%202%203-2c3-3%204-2%204%208%200%208%200%208-3%2011l-3%202v2c1%201-2%206-5%206l-1%202c1%202%200%203-4%201-2%200-2%200-1%203%200%203%205%208%206%208%202%200%207-6%209-10%202-3%202-3%202%2016l-1%2019-3-2c-3-2-5-3-5-1l1%201%201%202-5-1c-3-2-4-3-4-6%200-5-3-13-4-12l-1-1-2-3c-2-2-3-5-1-4%201%201%202-1%201-2v-2l-1-1-2%202c-2%202-2%202-3%200l-2-1-2-1-2-1-1-1h-1l-1-1-1-1h-6c0-2%200-2-1-1h-4c-1-1-1%201-1%205l-1%2012c0%205%200%206%202%208l2%203-2-1c-1-1-1-1-1%201-1%202%204%207%207%207l7%203c6%203%2018%205%2018%203l1-1%202-1c1-1%202-1%209%204l8%205h69v-41l-1-41c-2-1-78-2-79-1m88%200l-1%2042%201%2041h19l20-1-4-13-4-13%201-1v-5c1-4%202-5%205-6l5-2%203%204c1%203%201%203-2%204-9%204-11%204-10%205l6-2%207-1%206%2015%205%2016h192v-82l-96-1h-97c-2%202-13%209-15%209l-2-3c-2-3-2-3%200-4l2-2h-41m49%207l-6%203%204%2010c9%2016%2011%2018%2012%2017l2-1v1c-2%201-2%202-1%203%200%202%202%201%207-2%206-4%207-5%205-7l-1-2-16-26-6%204m-122%201c0%203%200%203%205%203s6%200%206-2h1c0%202%201%202%209%202l9-1c0-2-2-4-3-3-2%201-8%200-9-1H71c-1-2-4-1-4%202m-17%201l-2%202-3%203c0%201-2%202-3%201-2-1-4-1-4%201l1%201c3%200%203%202%201%206s-3%205-5%204c-7-1-7%205-1%209s6%204%209-3l4-6%202-1%204-5c4-4%204-5%202-6v-3c0-2-2-5-4-5l-1%202m177%2023a195%20195%200%2001-24%2027l-3%204%206%206%207%205%2011-12%2014-17%205-5-6-5c-8-6-8-6-10-3'%20fill='%2364ffda'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.5932203389830508,"src":"/static/365ddcc940cedb08feb5f36a003126f6/60290/4th-iteration.png","srcSet":"/static/365ddcc940cedb08feb5f36a003126f6/847ef/4th-iteration.png 175w,\n/static/365ddcc940cedb08feb5f36a003126f6/91cba/4th-iteration.png 350w,\n/static/365ddcc940cedb08feb5f36a003126f6/60290/4th-iteration.png 700w,\n/static/365ddcc940cedb08feb5f36a003126f6/0f78a/4th-iteration.png 826w","srcWebp":"/static/365ddcc940cedb08feb5f36a003126f6/89afa/4th-iteration.webp","srcSetWebp":"/static/365ddcc940cedb08feb5f36a003126f6/9fca7/4th-iteration.webp 175w,\n/static/365ddcc940cedb08feb5f36a003126f6/37a4e/4th-iteration.webp 350w,\n/static/365ddcc940cedb08feb5f36a003126f6/89afa/4th-iteration.webp 700w,\n/static/365ddcc940cedb08feb5f36a003126f6/a4156/4th-iteration.webp 826w","sizes":"(max-width: 700px) 100vw, 700px"}}},"skills":null},"html":"At the bottom of the home page, there’s a display of different categories the user can view and choose from. We wanted to keep things minimal and clear so we designed it with a responsive layout, with each category is presented in card with different colors and a large thumbnail to create a separation between them while simultaneously capturing all the important info for each category.
"}}]},"userEval":{"edges":[{"node":{"frontmatter":{"title":"User Evaluation","avatar":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='430'%20viewBox='0%200%20400%20430'%20preserveAspectRatio='none'%3e%3cpath%20d='M79%2018l2%205%201%203%201-3%201-4c1%200%202%201%202%203%200%203%200%203%202%204l3-1h8c1%201%201%201%201-1h2c1%203%203%202%201-1v-3c1-1%201-1-1-1h-2l-1-2-1%203-1%203v-3l-3-1c-2%200-2%200-2%202v2l-1-2-3-2-2-1-4-1c-4%200-4%200-3%201m16%2026l-2%203h20c0%202%202%201%202-1h1l4%202%203-2h1l2%202c2%200%203-1%202-3%200-2-1-2-2-1h-10c-6%200-7%200-7%202h-1c0-2-1-2-5-2-4%201-6%200-6-1l-2%201m169-1l2%203v1h-2%2016c1%202%206%201%207-1h1c0%202%205%202%207%200l2-3-2%201c-1%201-5%201-5-1h-1l-4%201-3%201h-1l-8-1h-6v-1h-3M70%2077l1%202%201-1h4l1%201h5l4%201c3%200%204-1%204-2v-1l1%202c-1%203%201%203%202%200l1-2v2c0%202%200%202%202%201l4-1%202-1c0-2-1-3-6-3H86v3l-1-1h-1c-1%201-1%201-1-1%200-1%200-2-1-1h-7l-2-1c-2%200-3%201-3%203m100%209h-6c0-1-6-1-8%201l-1-1c-2-2-4%200-4%203%200%202%200%202%202%202l3-1%201-2h1c0%203%2011%202%2012%200s1-2%201%200%200%202%201%201h1l11%201h11v-3l-1-2v2l-2%202c-2%200-2-1-2-2v-1l-1%201h-1l-1-2-1%201v3l-2-2c-1-3-1-3-4-3l-4%201-1%202c0%202%200%202-1%201-1-4-3-5-4-2M77%2096l-1%203c0%202%200%202%2012%202h11l2%201c2%200%202-1%202-3%200-1%200-2-1-1l-1%201v-1c1-2%200-2-3-1l-5-1-1%202c-1%202-1%202-1%200%200-3-1-3-3%200-2%202-2%202-3%200h-1l-1-1h-4c0-2-1-3-2-1m144%2021l-2%201h-1l-2-1v1l1%202-2-1c-1-2-4-3-4-1h-1l-5-1c-3%200-4%201-4%202%200%202%200%202%201%201l1-1c0%202%201%202%204%202%203-1%206%200%207%201h4l5-1%205-2h1l1%202c1-1%201%200%201%201%200%202%202%201%203-2%200-3%200-3-3-3h-10m115%200h-3l-2%201h-1l-6-1h-6v3c0%202%200%203%201%202l2-1%202-1h9l7%201c7%200%207%200%207-3%200-1%200-2-1-1h-9M72%20161c0%202%200%203%201%202h11c0-1%201-1%202%201%201%201%205%202%205%200h2c1%200%202%200%202-2h1c0%201%201%202%203%202%203%200%203%200%203-2s-1-2-2-2l-3-1h-1l-2%201h-2c0%202%200%202-2%201%200-1-2-2-3-1l-1-1v-1l-1%201H73c-1-1-1-1-1%202m42-1c-2%202%200%204%209%204%207%200%208%200%208-2h1c0%201%201%202%203%202l2-2h1c1%204%206%204%206%201s-1-3-5-3l-4-1h-1l-1%202-6-1-6-1c0-1-6-1-7%201m32%200l1%203h4l1%201%201-2h1c1%202%2017%203%2017%201h-1l-1-1%202-1%201%202%203%201c3%200%203%200%203-2l-2-2-3-1h-1l-1%201h-4l-1%201-2-1c-2-2-2-2-4-1l-2%201h-4l-3-1c-1-1-4-1-5%201m63-1l-5%201c-3%200-4%200-4%202s0%202%207%202h8l2%201%202-1h3l4-2c1-1%202%200%201%202%200%202%202%200%203-2v-2h-18l-2-1h-1M95%20181v2l-1%201%206%201h12c4%200%205-1%205-2h1c1%202%208%202%209%201%201-2-1-4-3-3h-13l-1%202h-1c0-2-1-2-3-2h-5l-3%201v-1c1%200%200-2-2-2l-1%202m38%209c-2%201-1%205%200%205h2c1-1%2011%200%2013%201h2l4-1c2%200%203%200%203-2h1l1%202h1c1%202%207%200%207-2s-1-2-4-2h-11c-3%200-4%200-3%201l1%202-2-1-3-1-3-1h-2l-4%201c-2%202-3%202-3%201l2-2c2%200%202%200%201-1h-3m-9%2011c2%201%202%202%201%203-2%201-2%201-3-1l-1-2v2c0%202%201%202%208%203%206%200%207%200%208-2l1-1c0%202%205%203%205%201l2%201c2%203%204%203%204-1%200-3%200-3-4-3h-18l-3-1h-2l2%201m28%202c0%203%200%203%202%201h5c1%202%2013%202%2016%201h1c0%202%204%201%205-1l2-2%201-1-1-1-2%201-2%201-2-1h-5l-2%202-2-1c-1-1-2-2-3-1h-3c-2%200-2%200-1%201v2l-1-1-5-3c-3%200-3%200-3%203m-37%2062c-2%202-2%201%200%203l2%201h4l4-1h1l2%201%202-1h1l2%201%203-1h1l1%201c1-1%201%200%201%201%200%202%203%201%204-2%200-3%200-3-4-3a258%20258%200%2001-13%200h-5l-1-1h-3c0-1-1-1-2%201m-43%202c0%201%200%202%201%201l3%201c2%201%205%201%205-1h3l2%201c3%202%204%202%205%201l2-1%202-2h1c0%202%204%203%205%202%202-1%201-4-1-4h-2c-1-1-5%200-6%201h-1l-2-1H74l-1-1-1%203m101-2h-4c-4%200-6%202-4%204h14l2%201h2c1-2%202-2%202-1h4l1-2c2-2%203-1%202%203%200%202%203%200%203-3%201-2%200-2-9-2l-10%201h-1c0-2-1-3-2-1m-79%2011l1%202%202%202%203%201h5c2%201%202%201%202-1h1c1%201%208%201%209-1h1l5%201c4%201%204%201%204-1%200-3%200-3-8-3-7%200-9%201-9%202h-1c0-1-1-2-5-2H94m38%2011c-1%203%201%204%208%204h7c0%202%202%202%203%201l4-1c2%200%203-1%203-2h1c0%201%202%202%205%202%204%200%204%200%204-2-1-2-4-3-7-2-1%201-1%200-1-1h-1l-10%201c-9-1-10%200-12%201-1%202-1%202-2%201-2-1%200-3%202-2l1-1c-1-1-4-1-5%201m-11%209l-1%203c0%202%200%202%207%202s8-1%208-2h1l2%202%202-2h1c0%202%204%204%205%203%202-1%201-5-1-5v1l1%202-3-1-4-2h-13l-5-1m-49%2046c0%201%200%202%201%201l3%201c2%201%205%201%205-1h4c0%202%204%203%206%202l2-1c1%201%202%200%202-2l1%201c1%203%205%202%206-1%200-2%200-2-2-2H74l-1-1-1%203m42%200c0%202%200%202%202%201l3%201c1%201%205%200%205-1l1-1%201%201v1h8l1-1h1l6%201c1%200%202-1%202-3s0-2-2-1h-24l-2-1c-1%200-2%201-2%203m79-2h-4c-4%200-6%201-4%203%201%202%2012%202%2014%201h1c0%202%203%203%204%201l2-1h3l1-1%201-1%201%202c0%202%200%202%201%201%201-2%202-2%203-1h1l-1-1-1-1c0-1-2-2-10-2h-12m71%200h-4l-3%201h-1l-2-1-2%202%201%202%201-1h1c1%202%204%202%205%200h5l1%201h1c0%202%203%203%204%201l1-1h6c2%201%204%200%204-2-1-2-5-3-11-2h-7M95%20362v2l-1%201%206%201h12c4%200%205-1%205-2h1c1%202%209%202%209%201%201-2-2-5-2-3h-13l-1%201-1%201h-1c0-2-1-2-5-2h-6l-1-2c-2%200-2%200-2%202m38%209l-1%203c0%202%200%202%207%202l9%201h2l4-1c2%200%203%200%203-2h1c0%201%202%202%205%202s4%200%204-2-1-2-4-2h-11c-3%200-4%200-3%201l1%202-3-1-3-2h-1c-1-1-5%200-7%202h-3l2-2c2%200%202%200%201-1h-3m-13%2013c0%203%200%203%202%202%201-2%201-2%202%200%202%201%205%201%205-1l1-1%201%201c0%202%201%202%208%201l1-2h1c0%202%204%204%206%203v-6l-1%201h-1l-2%201h-1l-9-1h-9l-2-1c-2%200-2%201-2%203'%20fill='%2364ffda'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.9308510638297872,"src":"/static/2241721f901dc7b0e14312ecbed81618/60290/userEval.png","srcSet":"/static/2241721f901dc7b0e14312ecbed81618/847ef/userEval.png 175w,\n/static/2241721f901dc7b0e14312ecbed81618/91cba/userEval.png 350w,\n/static/2241721f901dc7b0e14312ecbed81618/60290/userEval.png 700w,\n/static/2241721f901dc7b0e14312ecbed81618/f5f50/userEval.png 1050w,\n/static/2241721f901dc7b0e14312ecbed81618/a550f/userEval.png 1296w","srcWebp":"/static/2241721f901dc7b0e14312ecbed81618/89afa/userEval.webp","srcSetWebp":"/static/2241721f901dc7b0e14312ecbed81618/9fca7/userEval.webp 175w,\n/static/2241721f901dc7b0e14312ecbed81618/37a4e/userEval.webp 350w,\n/static/2241721f901dc7b0e14312ecbed81618/89afa/userEval.webp 700w,\n/static/2241721f901dc7b0e14312ecbed81618/78e7a/userEval.webp 1050w,\n/static/2241721f901dc7b0e14312ecbed81618/ae113/userEval.webp 1296w","sizes":"(max-width: 700px) 100vw, 700px"}}},"skills":null},"html":"We then took our interactive prototype and conducted usability tests with college students as participants.\nEach participant was asked to complete 3 tasks using the prototype and to give feedback on the current state of the UI.
\nOur participants liked that the layout of the content was easy to navigate and that the design centered around the user’s preferences
\nThey also suggested making the text larger, choosing a more minimal color theme, and adding a shopping cart feature
"}}]},"research":{"edges":[{"node":{"frontmatter":{"title":"Research","avatar":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='320'%20viewBox='0%200%20400%20320'%20preserveAspectRatio='none'%3e%3cpath%20d='M43%204v1h-2c-2%200-2%200-2%202%200%204%205%204%205%201%200-2%200-2%201%200l4%202h14l2-2c1-2%201-2%202%200l1%201c0-2%202%200%202%201%200%203%203%201%203-2s0-3-4-3l-5-1h-2c0%202-17%202-18%200h-1m81%203c0%203%200%203%201%201l1-2%201%202%201%201h6l6%201%206-1h1c1%201%201%201%201-1l1-2%201%202%201%201h8l2%201c2%200%202-1%202-4%200-2%200-3-1-2-1%202-4%202-4%200h-1c0%201-1%202-2%201l-3%201h-1l-1-1-2-1h-1c0%201-1%202-2%201l-3%201-1%201V6c1-1%200-1-2-1s-3%201-3%202c0%202%200%202-1%201-1-3-5-4-6-2h-1l-1-1-2-1c-1-1-1%200-1%203m58-3l-9%201-7%201-1%202c0%203%200%203%202%202h3l2-2c0-2%200-2%201%200%201%201%202%202%2010%202l9-1-1-1h-1c1-2%203-2%203%200l1%201%201-2-2-2h-4c-2%200-3%201-3%202%200%202%200%202-1%201%200-3-3-5-3-4m154%200l-2%202c-2%200-2%200-2%202s5%203%205%200c0-2%200-2%201%200s20%203%2020%200c1-3-2-4-4-2l-1%201V6c1-1-2-1-6-1-6%201-9%200-10-1h-1M128%2058c-44%2012-47%2073-3%2088%2038%2013%2073-27%2056-64-5-10-19-23-24-22h-1c0-3-19-5-28-2M42%20188h-1l-2%201%201%202v1c-1%201-1%201%201%201s3-1%203-2h1c0%202%201%202%204%202%202-1%203%200%203%201s1%201%203-1h2c0%202%200%202%202%201%201-1%203-2%204-1l2-1%201-2%201%202%201%201h1l2%202c2%200%202-1%202-3%200-3-1-5-3-3H46c-3-2-4-2-4-1m86%2041c-35%209-46%2051-22%2077%2028%2029%2079%209%2080-33%200-29-30-52-58-44m135%209l2%202v1c-1%201-1%201%201%201l3-1v-1l1%201h10l3%201%203-1h3c0%202%2010%201%2010-1%201-2%201-2-2-2h-6l-4%201-5-1-1-1-2%201-7%201-6-1-1-1-2%201m31%2020h-6c-3%200-3%200-3%203%200%201%200%202%201%201h20l1-1h1l1%201h1l2%201%201-2c0-2%200-3-3-3h-16'%20fill='%2364ffda'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.25,"src":"/static/efa1c4e767112ee2c90745636fd3b084/60290/research.png","srcSet":"/static/efa1c4e767112ee2c90745636fd3b084/847ef/research.png 175w,\n/static/efa1c4e767112ee2c90745636fd3b084/91cba/research.png 350w,\n/static/efa1c4e767112ee2c90745636fd3b084/60290/research.png 700w,\n/static/efa1c4e767112ee2c90745636fd3b084/f5f50/research.png 1050w,\n/static/efa1c4e767112ee2c90745636fd3b084/38674/research.png 1400w,\n/static/efa1c4e767112ee2c90745636fd3b084/22e53/research.png 1404w","srcWebp":"/static/efa1c4e767112ee2c90745636fd3b084/89afa/research.webp","srcSetWebp":"/static/efa1c4e767112ee2c90745636fd3b084/9fca7/research.webp 175w,\n/static/efa1c4e767112ee2c90745636fd3b084/37a4e/research.webp 350w,\n/static/efa1c4e767112ee2c90745636fd3b084/89afa/research.webp 700w,\n/static/efa1c4e767112ee2c90745636fd3b084/78e7a/research.webp 1050w,\n/static/efa1c4e767112ee2c90745636fd3b084/03d34/research.webp 1400w,\n/static/efa1c4e767112ee2c90745636fd3b084/84d7a/research.webp 1404w","sizes":"(max-width: 700px) 100vw, 700px"}}},"skills":null},"html":"In order to validate our problem statement and competitive-analysis, we created a survey to see how the intended users\ncurrently and narrow down our scope to specific items. So, we created a survey to see how the intended users currently\nfeel about ‘green’ products. From the results, we found that users:
\nCheckout this Figma prototype of an eco-friendly online market!
"}}]},"contact":{"edges":[{"node":{"frontmatter":{"title":"Get In Touch","buttonText":"Say Hello"},"html":"Although I'm not currently looking for any new opportunities, my inbox is always open. Whether you have a question or just want to say hi, I'll try my best to get back to you!
"}}]}},"pageContext":{}}}