Jessica's Portfolio

<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:media="http://search.yahoo.com/mrss/"
	
	>

<channel>
	<title>Jessica's Portfolio</title>
	<link>https://jessprasetyo.com</link>
	<description>Jessica's Portfolio</description>
	<pubDate>Sat, 22 Aug 2020 07:39:08 +0000</pubDate>
	<generator>https://jessprasetyo.com</generator>
	<language>en</language>
	
		
	<item>
		<title>Home</title>
				
		<link>https://jessprasetyo.com/Home</link>

		<pubDate>Sun, 02 Aug 2020 02:51:51 +0000</pubDate>

		<dc:creator>Jessica's Portfolio</dc:creator>

		<guid isPermaLink="true">https://jessprasetyo.com/Home</guid>

		<description>
	&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; 
 &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; 
&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;Hello - Jessica here! ✨
&#38;nbsp; &#38;nbsp; &#38;nbsp; I’m a senior studying Informatics&#38;nbsp;+&#38;nbsp;Human Computer Interaction&#38;nbsp;&#38;nbsp; &#38;nbsp; &#38;nbsp; at the University of Washington. 


</description>
		
	</item>
		
		
	<item>
		<title>Verdancy</title>
				
		<link>https://jessprasetyo.com/Verdancy</link>

		<pubDate>Sat, 22 Aug 2020 07:39:08 +0000</pubDate>

		<dc:creator>Jessica's Portfolio</dc:creator>

		<guid isPermaLink="true">https://jessprasetyo.com/Verdancy</guid>

		<description>
	Verdancy - Undergraduate Capstone&#38;nbsp;

A website focused on gardening with environmental impacts

	Duration&#38;nbsp;6 months (Jan - June 2021) &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;

SkillsCross Functionality, Presentation Skills, Wireframing


	Tools Figma, Miro, React.JS


Team Ana de las Alas, Jared Lai, Anna Zhou

	
What is Capstone?&#38;nbsp;


Capstone is a cumulative final project for undergraduates in the Information School. Students identify a problem or need, and then develop the approach needed to address the problem, conduct the research and present the findings in both oral and written formats. 

	
Final Proposal

Our team developed a web app aimed at helping beginner gardeners become more aware of their environmental impact at home.

&#60;img width="6804" height="3760" width_o="6804" height_o="3760" data-src="https://freight.cargo.site/t/original/i/a0d2c06af4ee225399b275dbdd332bcba00e09003b00762d1b5ce5c6b9002e7c/TEAM-JAJA-Verdancy.png" data-mid="117981601" border="0"  src="https://freight.cargo.site/w/1000/i/a0d2c06af4ee225399b275dbdd332bcba00e09003b00762d1b5ce5c6b9002e7c/TEAM-JAJA-Verdancy.png" /&#62;


Problem Context
	
Food production accounts for 25% of the worlds carbon emissions. Although it requires much bigger resources than the average gardener to tackle this problem, gardening and growing your own food has actual shown positive impacts in reducing one’s carbon foorprint for the individual. It has impacted carbon emissions to the point that gardeners can reduce an estimated amount of 68 lbs of CO2e emission per year. 

	
We sought to answer...&#60;img width="4146" height="2536" width_o="4146" height_o="2536" data-src="https://freight.cargo.site/t/original/i/3c5e3e25a3325ce4a643678fba60f2a7fd4a832ff7f6117d2dc455319a35ef82/Frame-19.png" data-mid="117982227" border="0" data-scale="55" src="https://freight.cargo.site/w/1000/i/3c5e3e25a3325ce4a643678fba60f2a7fd4a832ff7f6117d2dc455319a35ef82/Frame-19.png" /&#62;


	Literature Review

We started out doing an extensive exploration on the studies and observations about gardening and its benefical impacts. Following this was market research, where we explored exisiting apps and products that were related to our problem statement.&#38;nbsp;

&#60;img width="1238" height="810" width_o="1238" height_o="810" data-src="https://freight.cargo.site/t/original/i/e33a0f96d627d8345d47a4dfa8fc363faecfb416d3cc488977bf92e40b7791f3/Screen-Shot-2021-09-02-at-6.16.48-PM.png" data-mid="117978572" border="0" data-scale="29" src="https://freight.cargo.site/w/1000/i/e33a0f96d627d8345d47a4dfa8fc363faecfb416d3cc488977bf92e40b7791f3/Screen-Shot-2021-09-02-at-6.16.48-PM.png" /&#62;&#38;nbsp; &#38;nbsp; &#38;nbsp; &#60;img width="1970" height="1124" width_o="1970" height_o="1124" data-src="https://freight.cargo.site/t/original/i/c24cc4ef89f3cd6aceecd0024f17f3f9858b69e75e2bf7f94b29d68894269d33/Screen-Shot-2021-09-03-at-9.35.28-PM.png" data-mid="118057854" border="0" data-scale="32" src="https://freight.cargo.site/w/1000/i/c24cc4ef89f3cd6aceecd0024f17f3f9858b69e75e2bf7f94b29d68894269d33/Screen-Shot-2021-09-03-at-9.35.28-PM.png" /&#62;&#60;img width="1276" height="752" width_o="1276" height_o="752" data-src="https://freight.cargo.site/t/original/i/9d81fc7058bf4739b4f0e59e21b019c405860734b5c293497797dcd6ac59b791/Screen-Shot-2021-09-02-at-6.18.12-PM.png" data-mid="117978594" border="0" data-scale="31" src="https://freight.cargo.site/w/1000/i/9d81fc7058bf4739b4f0e59e21b019c405860734b5c293497797dcd6ac59b791/Screen-Shot-2021-09-02-at-6.18.12-PM.png" /&#62;


	Research Insights

We summarized our research to three insights that correlated to each of the three types of research that we had conducted.&#38;nbsp;

&#60;img width="6092" height="2372" width_o="6092" height_o="2372" data-src="https://freight.cargo.site/t/original/i/3821fac78f4e151d9bb19b64d043a319903fd1f9bdd7f0f2205ce58a7096bfce/Frame-20.png" data-mid="118048950" border="0" data-scale="63" src="https://freight.cargo.site/w/1000/i/3821fac78f4e151d9bb19b64d043a319903fd1f9bdd7f0f2205ce58a7096bfce/Frame-20.png" /&#62;


Overall, we found that gardening has many positive benefits and can both impact people and the environment, but there aren’t any existing solutions that bridge these two topics together.&#38;nbsp;


Solution Approach &#38;amp; Key Features

Seeing the gap between personal gardening and environmental impact, we wanted to create some bridge in bringing those two ideas together. We wanted to advocate gardening with a sustainable focus, and do it in a way that advocated for beginners. 


&#60;img width="16376" height="3887" width_o="16376" height_o="3887" data-src="https://freight.cargo.site/t/original/i/3c0982d63eee68a514eacd616f33d0afb56abe427ce52f0489ed10d86af3d930/Frame-23.png" data-mid="118049403" border="0" data-scale="90" src="https://freight.cargo.site/w/1000/i/3c0982d63eee68a514eacd616f33d0afb56abe427ce52f0489ed10d86af3d930/Frame-23.png" /&#62;


	design exploration

Once we had solidified the main features that we wanted to implement, it was time to start thinking about design.&#38;nbsp;

We opted to stick to a more simple and blockish design, similar to the Bootstrap format. This would make it easier for the developers to plan ahead and have an easier time visualizing when building the product. We focused on our design to be information driven and easy for beginners in gardening.&#38;nbsp;
&#60;img width="1376" height="784" width_o="1376" height_o="784" data-src="https://freight.cargo.site/t/original/i/6df0060e0daf81f22c7ebd68e6bc1d129cdfaf0548c684b8153ac82e2d77821e/Screen-Shot-2021-09-03-at-5.34.59-PM.png" data-mid="118050804" border="0" data-scale="73" src="https://freight.cargo.site/w/1000/i/6df0060e0daf81f22c7ebd68e6bc1d129cdfaf0548c684b8153ac82e2d77821e/Screen-Shot-2021-09-03-at-5.34.59-PM.png" /&#62;


	Design Concept Validation


search through database
look for vegetables that you are interested in growing and learning more about


&#60;img width="2388" height="2888" width_o="2388" height_o="2888" data-src="https://freight.cargo.site/t/original/i/c1670154a93f22600b7de23f08eb354c43dbc356c88e32fd469b74473d888cce/Frame-24.png" data-mid="118057202" border="0" data-scale="43" src="https://freight.cargo.site/w/1000/i/c1670154a93f22600b7de23f08eb354c43dbc356c88e32fd469b74473d888cce/Frame-24.png" /&#62;


create customized gardens from personal interest
track your growing vegetables online&#38;nbsp;


&#60;img width="1996" height="1928" width_o="1996" height_o="1928" data-src="https://freight.cargo.site/t/original/i/aa9535588a3776a32a0e04b70578dc0152da299c66faefc7f9214c90beff4637/Screen-Shot-2021-09-03-at-9.21-1.png" data-mid="118057555" border="0" data-scale="84" src="https://freight.cargo.site/w/1000/i/aa9535588a3776a32a0e04b70578dc0152da299c66faefc7f9214c90beff4637/Screen-Shot-2021-09-03-at-9.21-1.png" /&#62;


User Testing 

	
&#60;img width="4164" height="1936" width_o="4164" height_o="1936" data-src="https://freight.cargo.site/t/original/i/0f5d92eb15ab7c0e14f7f61f464ebac737301011cf8f9102e36f0f9a67016697/Frame-26.png" data-mid="118057622" border="0"  src="https://freight.cargo.site/w/1000/i/0f5d92eb15ab7c0e14f7f61f464ebac737301011cf8f9102e36f0f9a67016697/Frame-26.png" /&#62;


get started with advice cards
If not sure where to start, advice cards can give you the need to know basics


&#60;img width="5048" height="1140" width_o="5048" height_o="1140" data-src="https://freight.cargo.site/t/original/i/58ca3de476b86e30ef399503d77dd6babaf7964866698b00ea0ee191512ea623/Frame-25.png" data-mid="118057528" border="0"  src="https://freight.cargo.site/w/1000/i/58ca3de476b86e30ef399503d77dd6babaf7964866698b00ea0ee191512ea623/Frame-25.png" /&#62;


learn from real time emissions impact 
see how much carbon emissions you save when growing them


We went through multiple iterations of user research to validate three main concepts that were seen as shaky from our users.

1. Carbon EmissionsGauge whether users understood what gCO2e meant

2.&#38;nbsp; gCO2e ComparisonsCapture how users contextualize large carbon emission values
3. My Garden FunctionalityTest the intuitiveness of adding and harvesting plants within My Garden

	Professor + Class Feedback Cycle 
Throughout the duration of out capstone project, our team would meet weekly with our Capstone class. Throughout the iterative design process, we could get feedback on our current outlines and designs with our professor and fellow classmates. This gave us time to reflect and iterate every week and we would be able to plan ahead for the next upcoming weeks. 

&#60;img width="1872" height="810" width_o="1872" height_o="810" data-src="https://freight.cargo.site/t/original/i/068f7a9a77fb1421c31acea83bc9029d58042b42a0e7f8fef28ca8f03e2d9026/Screen-Shot-2021-09-03-at-5.21.28-PM.png" data-mid="118050210" border="0" data-scale="78" alt="Weekly Check In Forms with Professor" data-caption="Weekly Check In Forms with Professor" src="https://freight.cargo.site/w/1000/i/068f7a9a77fb1421c31acea83bc9029d58042b42a0e7f8fef28ca8f03e2d9026/Screen-Shot-2021-09-03-at-5.21.28-PM.png" /&#62;


	Final Product&#38;nbsp;


&#60;img width="5084" height="1768" width_o="5084" height_o="1768" data-src="https://freight.cargo.site/t/original/i/dc2265c18618139d6e02f9cbd7f9bc657dcec047a225c7e8879fcf2e33974dc2/Frame-14.png" data-mid="118049454" border="0" data-scale="81" src="https://freight.cargo.site/w/1000/i/dc2265c18618139d6e02f9cbd7f9bc657dcec047a225c7e8879fcf2e33974dc2/Frame-14.png" /&#62;


Gardening at home can offer huge benefits and make a positive impact on your carbon footprint. Verdancy is a place where gardeners and growers alike can keep track of their carbon emissions with the vegetables they grow.


choose what you grow&#38;nbsp;

search through our database to learn more about the vegetables you can plant and harvest

	&#60;img width="5760" height="4828" width_o="5760" height_o="4828" data-src="https://freight.cargo.site/t/original/i/c3343f1b26720ac68551eaa3a4639325ca5cd553cb5404dc4f82abc3401d4e2a/plant-database---1.png" data-mid="118049735" border="0" data-scale="83" src="https://freight.cargo.site/w/1000/i/c3343f1b26720ac68551eaa3a4639325ca5cd553cb5404dc4f82abc3401d4e2a/plant-database---1.png" /&#62;

	
&#60;img width="5760" height="4096" width_o="5760" height_o="4096" data-src="https://freight.cargo.site/t/original/i/f0033758013fe2981c98a3ce63975d6d24dc37260eee87c7999298a6dfc956d1/my-garden---1.png" data-mid="118049744" border="0"  src="https://freight.cargo.site/w/1000/i/f0033758013fe2981c98a3ce63975d6d24dc37260eee87c7999298a6dfc956d1/my-garden---1.png" /&#62;

	
maintain your vegetables online

manage all your vegetables in one placeand log the vegetables you harvest


learn how you make an impact at home&#38;nbsp;
view the carbon emissions you saved and see how easy it is to reduce your carbon footprint

	
&#60;img width="5760" height="6972" width_o="5760" height_o="6972" data-src="https://freight.cargo.site/t/original/i/faab89acb01467eb35441a172187d9517d1b5c6ffe4de3da5c05da6cee21c480/aj-s-brainstorming---emissions-logger.png" data-mid="118049742" border="0" data-scale="61" src="https://freight.cargo.site/w/1000/i/faab89acb01467eb35441a172187d9517d1b5c6ffe4de3da5c05da6cee21c480/aj-s-brainstorming---emissions-logger.png" /&#62;


Noticing the gap between environmental impact and home gardening, we sought out to create a space for those to take home gardening to the next level. Our goal is to help you get a personalized understanding of what you grow and how it can leave a positive impact on the world.

We also wanted to build a platform for beginner gardeners in particular, giving them the resources and information they need to be a more successful, more environmentally conscious gardener.

See the video here!&#38;nbsp;
</description>
		
	</item>
		
		
	<item>
		<title>Enrique</title>
				
		<link>https://jessprasetyo.com/Enrique</link>

		<pubDate>Sun, 02 Aug 2020 02:51:51 +0000</pubDate>

		<dc:creator>Jessica's Portfolio</dc:creator>

		<guid isPermaLink="true">https://jessprasetyo.com/Enrique</guid>

		<description>


  window.dataLayer = window.dataLayer &#124;&#124; [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-175623409-1');


	Product Design - Enrique RedesignEnrique is a farmer from Onda Origins, who has developed a single serve coffee product with his coffee.&#38;nbsp;

&#60;img width="2562" height="1212" width_o="2562" height_o="1212" data-src="https://freight.cargo.site/t/original/i/5f19ed95580718e9fdd3ec5d63a9f9149d638bc5d5883c5acf520fb861b57145/Frame-299.png" data-mid="80667526" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/5f19ed95580718e9fdd3ec5d63a9f9149d638bc5d5883c5acf520fb861b57145/Frame-299.png" /&#62;

	Duration
 4 months (Jan - April 2019)
 SkillsProduct Design, Market and Competitive Analysis, Surveys, Mockups, Usability Testing, Sticky Noting, Collaboration &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;
# of Coffee Breaks Taken
Brew many to count :)

	Team

Doug Doenges, Luca Freier, Jed Kwek and Taylor Woo

ToolsAdobe Illustrator


	Design Process

&#60;img width="7316" height="504" width_o="7316" height_o="504" data-src="https://freight.cargo.site/t/original/i/a0eeccad7830de06f98f2c915faaa60b3bca4788d640442091d6ca535d13416f/Enrique-Process.png" data-mid="80655823" border="0"  src="https://freight.cargo.site/w/1000/i/a0eeccad7830de06f98f2c915faaa60b3bca4788d640442091d6ca535d13416f/Enrique-Process.png" /&#62;


	Who is Enrique?Enrique is a single serve product created by the sourcing and roasting startup named Onda Origins. Focused on transparency and authenticity, they believe in shaking up the coffee industry by using innovative blockchain technology to showcase their products.&#38;nbsp;
To do that, they needed their single serve coffee product Enrique to live up to the standards of their mission and their values. 
&#60;img width="754" height="892" width_o="754" height_o="892" data-src="https://freight.cargo.site/t/original/i/b29d9f535f6d073eddfafcc60fa280a17d57fe3f5af39a81ea6a726fbaefbb8d/Screen-Shot-2019-07-05-at-11.57.00-PM.png" data-mid="79436097" border="0" data-scale="42" alt="Original Enrique Packaging" data-caption="Original Enrique Packaging" src="https://freight.cargo.site/w/754/i/b29d9f535f6d073eddfafcc60fa280a17d57fe3f5af39a81ea6a726fbaefbb8d/Screen-Shot-2019-07-05-at-11.57.00-PM.png" /&#62;


	PRESENTED PROPOSAL


A Physical RedesignOur team revamped Enrique’s physical packaging and gave it a cleaner and more personal look
	

&#60;img width="4033" height="2689" width_o="4033" height_o="2689" data-src="https://freight.cargo.site/t/original/i/8b696a6f8ccd68aac7e9e07d5d9c14596f69c310232a1e2258b3eda8a8ea73ca/IMG_8262.JPG" data-mid="78963991" border="0"  src="https://freight.cargo.site/w/1000/i/8b696a6f8ccd68aac7e9e07d5d9c14596f69c310232a1e2258b3eda8a8ea73ca/IMG_8262.JPG" /&#62;

	
	&#60;img width="1789" height="1007" width_o="1789" height_o="1007" data-src="https://freight.cargo.site/t/original/i/d459e2e9b9be0f5a26ec256618f2df131e426907d9318413f32aacbae8cc6dad/Phone2-copy.jpg" data-mid="79431568" border="0"  src="https://freight.cargo.site/w/1000/i/d459e2e9b9be0f5a26ec256618f2df131e426907d9318413f32aacbae8cc6dad/Phone2-copy.jpg" /&#62;
	

A Personal Digital Experience
We developed an online experience that bridges the physical product and online webpages through the use 
of QR technology.
&#38;nbsp;


&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;
&#38;nbsp; DESIGN QUESTION


&#38;nbsp; &#38;nbsp; How could we redesign Enrique &#38;nbsp; &#38;nbsp; in a way that communicated Onda’s &#38;nbsp; &#38;nbsp; company mission and establish a &#38;nbsp; &#38;nbsp; stronger rapport with its customers?


&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; 00 - Team Goals
 &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;&#38;nbsp; We created two main themes to solidify the main goals &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; for the upcoming process

&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; COHESION &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; Improve the integration of the company mission 
&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; through the Enrique product

&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;CONSENSUS &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; Reshape the product experience with the customer


01 - Market Analysis


	We created a survey asking about coffee behavior and habits, which helped the team understand what kinds of people were drinking coffee,&#38;nbsp;and what were the key factors and competition in the industry. 
	
&#38;nbsp;&#38;nbsp;
&#38;nbsp;&#38;nbsp;&#60;img width="2064" height="1242" width_o="2064" height_o="1242" data-src="https://freight.cargo.site/t/original/i/0cab9b52e5105eac30a1ee5d3238320cb32b2acff2ea9c74fdaecd90654567e7/Screen-Shot-2020-08-08-at-7.58.23-PM.png" data-mid="79432271" border="0" data-scale="45" alt="asdnlns;jasdjas;n" data-caption="asdnlns;jasdjas;n" src="https://freight.cargo.site/w/1000/i/0cab9b52e5105eac30a1ee5d3238320cb32b2acff2ea9c74fdaecd90654567e7/Screen-Shot-2020-08-08-at-7.58.23-PM.png" /&#62; &#38;nbsp; &#38;nbsp;&#60;img width="1336" height="790" width_o="1336" height_o="790" data-src="https://freight.cargo.site/t/original/i/3691c6da5f7f06f9faa5080c9dcd46ccdd9c29acd0a0d420823729c3c9f544fb/Screen-Shot-2020-08-16-at-9.27.44-PM.png" data-mid="80053295" border="0" data-scale="46" src="https://freight.cargo.site/w/1000/i/3691c6da5f7f06f9faa5080c9dcd46ccdd9c29acd0a0d420823729c3c9f544fb/Screen-Shot-2020-08-16-at-9.27.44-PM.png" /&#62;

	
02 - Usability Testing


From the 300+ people that we surveyed, we selected 5 people to interview and conduct usability tests on them. We had them make and then taste the Enrique product, asking questions at each stage of the process. 
&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;

	
 &#60;img width="1360" height="920" width_o="1360" height_o="920" data-src="https://freight.cargo.site/t/original/i/3a16ae442e3ba654154c02c6786a887d0d82216091e7a5712ffcf0cfd22b9551/Screen-Shot-2020-08-08-at-10.47.20-PM.png" data-mid="79435522" border="0" data-scale="65" alt="A interviewee interacting with the Enrique product" data-caption="A interviewee interacting with the Enrique product" src="https://freight.cargo.site/w/1000/i/3a16ae442e3ba654154c02c6786a887d0d82216091e7a5712ffcf0cfd22b9551/Screen-Shot-2020-08-08-at-10.47.20-PM.png" /&#62;A interviewee interacting with the Enrique product.


04 - Findings
	

We looked for consistent patterns and behaviors that our testers pointed out, and statements that also stuck out as outliers. 


Evidence Should Support ProductThe wordings on the packaging felt confusing and misleading. Some felt as if it was disingenuous, comparing many of the phrases on Enrique as a “marketing ploy” or “buzzwords”&#38;nbsp;

Consumers Want MoreMany participants expressed the feeling of wanting to know more about the origins and handling of the product, such as its freshness and roasting details

Taste is KingTaste was seen as the important factor for consumers when considering coffee.&#38;nbsp;


	05 - Work out the Good &#38;amp; Bad
	Following the research, Our team held a one day sprint workshop where we analyzed the findings and brainstormed to expand on where we wanted to move forward.


&#60;img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/2d3c0c69368ee1bf46cf55fc43254608888355295ba7f8bd67d072db743be10a/IMG_4388.jpg" data-mid="133508013" border="0"  src="https://freight.cargo.site/w/1000/i/2d3c0c69368ee1bf46cf55fc43254608888355295ba7f8bd67d072db743be10a/IMG_4388.jpg" /&#62;

	
&#60;img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/1d683b73dc75d86631f97a25560a231f96db02ac69b90c385715b788aadc00e1/IMG_4394.JPG" data-mid="79435864" border="0"  src="https://freight.cargo.site/w/1000/i/1d683b73dc75d86631f97a25560a231f96db02ac69b90c385715b788aadc00e1/IMG_4394.JPG" /&#62;


06 - Sketches
	

Looking at the current product, there were issues that we found that stunted its experience with customers when first interacting with it. When thinking about the redesign, I thought about areas that I wanted to improve within the existing experience.&#38;nbsp;


&#60;img width="2224" height="1668" width_o="2224" height_o="1668" data-src="https://freight.cargo.site/t/original/i/614395aaf39fff2b3e2103f2edf7ee106a96f0b987320ec5bc9cb40d18db7e0c/Image-from-iOS.png" data-mid="79435932" border="0" data-scale="61" src="https://freight.cargo.site/w/1000/i/614395aaf39fff2b3e2103f2edf7ee106a96f0b987320ec5bc9cb40d18db7e0c/Image-from-iOS.png" /&#62;

&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;&#60;img width="3260" height="1548" width_o="3260" height_o="1548" data-src="https://freight.cargo.site/t/original/i/ef7577f7653771d5ea974207c70f924b5017fd2ed9ada91a08cf746a6566c6cf/Frame-287.png" data-mid="79980456" border="0" data-scale="58" src="https://freight.cargo.site/w/1000/i/ef7577f7653771d5ea974207c70f924b5017fd2ed9ada91a08cf746a6566c6cf/Frame-287.png" /&#62;&#38;nbsp; &#38;nbsp;&#60;img width="3448" height="1552" width_o="3448" height_o="1552" data-src="https://freight.cargo.site/t/original/i/986af8d88e8b5c97ed7f913c0e4b2a18d06497dabcc9b99a87c1b2c3853ffd02/Frame-286.png" data-mid="79980457" border="0" data-scale="55" src="https://freight.cargo.site/w/1000/i/986af8d88e8b5c97ed7f913c0e4b2a18d06497dabcc9b99a87c1b2c3853ffd02/Frame-286.png" /&#62;


	07 - Mockups


Entice the Customer
On the front of the packet, I wanted it to be able to set up the experience for the user.&#38;nbsp;

	
&#60;img width="3928" height="1452" width_o="3928" height_o="1452" data-src="https://freight.cargo.site/t/original/i/c7693be9fdb314c14908d373c632fd22d400299b4cd576d29d17b383ab85bd28/Frame-288.png" data-mid="79980606" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/c7693be9fdb314c14908d373c632fd22d400299b4cd576d29d17b383ab85bd28/Frame-288.png" /&#62;


&#60;img width="3944" height="1452" width_o="3944" height_o="1452" data-src="https://freight.cargo.site/t/original/i/6340d32c43556939ac2af9aa1b312406bf635f7107467c4cc506199d92fa3f8e/Frame-289.png" data-mid="79980792" border="0"  src="https://freight.cargo.site/w/1000/i/6340d32c43556939ac2af9aa1b312406bf635f7107467c4cc506199d92fa3f8e/Frame-289.png" /&#62;


Advocate for the Farmer
The back of the packet should encourage the customer to learn more.&#38;nbsp;
	

08- Final Design
	
When building the final mockups for presentation, I saw how rewarding it was to see the full product that we created right in front of my eyes. The following slides below showcase the final designs presented to Onda Origins. 

	
&#60;img width="2528" height="1428" width_o="2528" height_o="1428" data-src="https://freight.cargo.site/t/original/i/87e716204d9907a3cc5ae4c952c0f9aaa0b3b22277e3747af47c66fad859efff/Screen-Shot-2020-08-08-at-11.21.38-PM.png" data-mid="79436345" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/87e716204d9907a3cc5ae4c952c0f9aaa0b3b22277e3747af47c66fad859efff/Screen-Shot-2020-08-08-at-11.21.38-PM.png" /&#62;

	&#60;img width="2532" height="1412" width_o="2532" height_o="1412" data-src="https://freight.cargo.site/t/original/i/005a0d1c60d5f6eae97bfbef7c6539311617ec7ad0c5f19cd8765099f177ca25/Screen-Shot-2020-08-08-at-11.21.52-PM.png" data-mid="79436266" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/005a0d1c60d5f6eae97bfbef7c6539311617ec7ad0c5f19cd8765099f177ca25/Screen-Shot-2020-08-08-at-11.21.52-PM.png" /&#62;

&#60;img width="2520" height="1388" width_o="2520" height_o="1388" data-src="https://freight.cargo.site/t/original/i/9f500a0227fa9a88622171847342d02ad9b4b6efe2110bedd63da4535c575ae4/Screen-Shot-2020-08-08-at-11.22.02-PM.png" data-mid="79436270" border="0"  src="https://freight.cargo.site/w/1000/i/9f500a0227fa9a88622171847342d02ad9b4b6efe2110bedd63da4535c575ae4/Screen-Shot-2020-08-08-at-11.22.02-PM.png" /&#62;


Mockup of Mobile Interface


&#60;img width="1187" height="1246" width_o="1187" height_o="1246" data-src="https://freight.cargo.site/t/original/i/f2384637e1c5da8b6f931601d503eb2264d9887c81c2545e87285b8c47c5777b/Frame-281.png" data-mid="79436368" border="0"  src="https://freight.cargo.site/w/1000/i/f2384637e1c5da8b6f931601d503eb2264d9887c81c2545e87285b8c47c5777b/Frame-281.png" /&#62;

☕️ Thank you for reading! Hope you liked it a latte :)

	
</description>
		
	</item>
		
		
	<item>
		<title>Debreeze</title>
				
		<link>https://jessprasetyo.com/Debreeze</link>

		<pubDate>Fri, 07 Aug 2020 00:22:13 +0000</pubDate>

		<dc:creator>Jessica's Portfolio</dc:creator>

		<guid isPermaLink="true">https://jessprasetyo.com/Debreeze</guid>

		<description>
	Debreeze
Summer 2020 User Experience Design Internship
	Duration
3 months (June 2020 - Aug 2020)

Role
User Experience Design Intern
	Tools
Figma, Confluence, Jira, Miro


&#60;img width="5124" height="2892" width_o="5124" height_o="2892" data-src="https://freight.cargo.site/t/original/i/f8a5d836bb05ec6c66fed9c1ccde92a84e8bfa8a9176da74565b0501313ae169/69.png" data-mid="80059209" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/f8a5d836bb05ec6c66fed9c1ccde92a84e8bfa8a9176da74565b0501313ae169/69.png" /&#62;

Over the Summer of 2020 I interned at a design agency called Debreeze Interactive. I cannot disclose the details of the project that I worked on. But I can say that I worked with other interns developing mobile mockups and establish both user and business needs for an upcoming fintech product.&#38;nbsp;

If you are interested in learning more, please feel free to reach out to me!</description>
		
	</item>
		
		
	<item>
		<title>Seattle Scavenger</title>
				
		<link>https://jessprasetyo.com/Seattle-Scavenger</link>

		<pubDate>Sun, 02 Aug 2020 02:51:51 +0000</pubDate>

		<dc:creator>Jessica's Portfolio</dc:creator>

		<guid isPermaLink="true">https://jessprasetyo.com/Seattle-Scavenger</guid>

		<description>
	Voice User Interface (VUI) Design - Seattle Scavenger
&#38;nbsp;
&#60;img width="2447" height="1212" width_o="2447" height_o="1212" data-src="https://freight.cargo.site/t/original/i/39fb4a4a65a2b88b339bf6f5c69152d3fd7616c6421dbdfb851ac7de8f0d66f4/Frame-300.png" data-mid="80667751" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/39fb4a4a65a2b88b339bf6f5c69152d3fd7616c6421dbdfb851ac7de8f0d66f4/Frame-300.png" /&#62;

	Duration3 months (Jan - Mar 2020) &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; Skills
User Stories, User Flows, Verbal Testing, Language, Auditory Feedback, Team Discussion

Number of Times Accidentally Activated Alexa3


	TeamSamantha Chow, Hayden HongToolsMiro, Figma, Voiceflow


	Design Process

&#60;img width="7976" height="504" width_o="7976" height_o="504" data-src="https://freight.cargo.site/t/original/i/892fbb6c0c12179964dd7942a75e69e4dbf5ec752649d081d6a36ee076df165f/Frame-296.png" data-mid="80655253" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/892fbb6c0c12179964dd7942a75e69e4dbf5ec752649d081d6a36ee076df165f/Frame-296.png" /&#62;


00 - Voice Design


The goal for this project was to learn and understand how voice systems can provide a new and feasible form of accessibility. Low vision users are a direct target audience that can benefit from this greatly.&#38;nbsp;


	&#60;img width="4656" height="620" width_o="4656" height_o="620" data-src="https://freight.cargo.site/t/original/i/daf1b3661801d65a9d89bedba8d53490946dc9282ab8ba6e5e853e75deea2224/Frame-282.png" data-mid="79769519" border="0" data-scale="87" src="https://freight.cargo.site/w/1000/i/daf1b3661801d65a9d89bedba8d53490946dc9282ab8ba6e5e853e75deea2224/Frame-282.png" /&#62;

	
01 - Role
Within our team, we established distinct roles and tasks that would fufill both the technical and linguistic needs of the project.&#38;nbsp;

&#60;img width="3436" height="2616" width_o="3436" height_o="2616" data-src="https://freight.cargo.site/t/original/i/8c932fc5d9e8e419ddec8f8e06f1fdf14ac86d6397c442ef0ed13997c3bcc864/Frame-283.png" data-mid="79770000" border="0" data-scale="68" src="https://freight.cargo.site/w/1000/i/8c932fc5d9e8e419ddec8f8e06f1fdf14ac86d6397c442ef0ed13997c3bcc864/Frame-283.png" /&#62;


	02 - Slots, Intents, Utterances oh my!


	For the first couple of weeks, we learned how voice systems and voice commands are broken down. This helped us understand how to format language and wording when building our system. 

	&#60;img width="1480" height="1624" width_o="1480" height_o="1624" data-src="https://freight.cargo.site/t/original/i/e602f7637feb873507a9db87df6ecefb5610046fbc3e60c41f7b20cca0026b5a/Frame-284.png" data-mid="79772932" border="0" data-scale="37" data-no-zoom src="https://freight.cargo.site/w/1000/i/e602f7637feb873507a9db87df6ecefb5610046fbc3e60c41f7b20cca0026b5a/Frame-284.png" /&#62;

	03 - Voice Principles
	We then developed principles to give our voice system a personality.&#38;nbsp;

What should our voice system sound like?

Flexible
Provide variety of different options for user

Concise
Give clear information that’s easy to understand

Informative
Information given is helpful to user


04 - Tone &#38;nbsp;Principles
	How should our voice system talk?

FriendlyVoice system is easy to talk to
SupportivePresent with the user every step of the way

Human
Conversing and speaking like a real human being
	05 - Voice Points
I then plotted the different points when users would want to interact with the voice system.This gave us context in deciding certain use cases or situations. &#38;nbsp;

&#60;img width="5004" height="1192" width_o="5004" height_o="1192" data-src="https://freight.cargo.site/t/original/i/ebd9736c0df0ce4618bddab96a7819c96f863769ca6cd367f92d5e2509c4ed46/Frame-285.png" data-mid="79776101" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/ebd9736c0df0ce4618bddab96a7819c96f863769ca6cd367f92d5e2509c4ed46/Frame-285.png" /&#62;


06 - Outlining VoiceWorking with the team, we then planned out the slots, utterances, and intents that we would want to implement for every case study.&#38;nbsp;
&#60;img width="3280" height="1728" width_o="3280" height_o="1728" data-src="https://freight.cargo.site/t/original/i/f993be3ba414ec10a792282c93c2e1acf17e622eb6d784c6af168e671944a73b/Screen-Shot-2020-03-22-at-5.50-1.png" data-mid="79776577" border="0" data-scale="74" src="https://freight.cargo.site/w/1000/i/f993be3ba414ec10a792282c93c2e1acf17e622eb6d784c6af168e671944a73b/Screen-Shot-2020-03-22-at-5.50-1.png" /&#62;

 07 - User Flow
I then created several flows in Miro to plan out the different potential conversations and questions that users would interact with within the voice system. &#38;nbsp;

&#60;img width="4792" height="1676" width_o="4792" height_o="1676" data-src="https://freight.cargo.site/t/original/i/6ce110b2cc5d3c6fd06ac235d7265d676393e97e0977fc11cf9a52958f63a4ef/Screen-Shot-2020-03-22-at-3.21-1.png" data-mid="79776630" border="0" data-scale="97" src="https://freight.cargo.site/w/1000/i/6ce110b2cc5d3c6fd06ac235d7265d676393e97e0977fc11cf9a52958f63a4ef/Screen-Shot-2020-03-22-at-3.21-1.png" /&#62;


	08- Wireframes
When building wireframes, I focused on having the most minimal content possible for maximum impact. I wanted minimal designs with a blocky structure to emphasize the user on listening and the visuals to act as supporting roles.&#38;nbsp;


	&#60;img width="5184" height="2700" width_o="5184" height_o="2700" data-src="https://freight.cargo.site/t/original/i/171370c54eb63720eb7b850fff84b01d0203b68e49c06271fc3553881b41b628/Frame-14.png" data-mid="84728184" border="0"  src="https://freight.cargo.site/w/1000/i/171370c54eb63720eb7b850fff84b01d0203b68e49c06271fc3553881b41b628/Frame-14.png" /&#62;


	09 - Final Demo


Pointing out Prosody
In this voice system, we want to ensure that your words are heard the right way. Based on location and activity, the voice system provides hints and context to help with your travel experience
	&#38;nbsp; &#38;nbsp; “Tell me more about the Needle”

Do you mean the Space Needle?
&#60;img width="1180" height="2352" width_o="1180" height_o="2352" data-src="https://freight.cargo.site/t/original/i/bc3a84d7fbfc6432eb69dbcefc76a2d6b2d74eab645c47ae732f7888aa9c4671/Frame-291.png" data-mid="79984406" border="0" data-scale="38" src="https://freight.cargo.site/w/1000/i/bc3a84d7fbfc6432eb69dbcefc76a2d6b2d74eab645c47ae732f7888aa9c4671/Frame-291.png" /&#62;&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;


&#38;nbsp; “Where is the destination?”

Take a right and walk for 3 minutes. The destination will be on your right

&#60;img width="1180" height="2352" width_o="1180" height_o="2352" data-src="https://freight.cargo.site/t/original/i/d74b76a67ec813014eb3748c4f86e6dba754feb9e9a39e78f2240a24ab00969e/Jet-Black.png" data-mid="79986630" border="0" data-scale="38" src="https://freight.cargo.site/w/1000/i/d74b76a67ec813014eb3748c4f86e6dba754feb9e9a39e78f2240a24ab00969e/Jet-Black.png" /&#62;

	
Having Adaptability
Your voice system acts as your virtual guide, ready to assist whenever you feel lost


Plan for PriorityNo need to worry about finding new places. 
By preparing different options, the choice is yours on where to explore.&#38;nbsp;

	“What attractions are near me?”

The closest attractions near you are: the Pike Place Market, the Amazon Spheres,and the Space Needle
&#60;img width="1180" height="2352" width_o="1180" height_o="2352" data-src="https://freight.cargo.site/t/original/i/c3540f95738d68da13f057da8f08994ab097d8cded3058ba93c3c1a8bae1b169/Jet-Blac11k.png" data-mid="79986550" border="0" data-scale="38" src="https://freight.cargo.site/w/1000/i/c3540f95738d68da13f057da8f08994ab097d8cded3058ba93c3c1a8bae1b169/Jet-Blac11k.png" /&#62;

	
10 - Video Demo

 
     &#38;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;figcaption&#38;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;Watch the Voice Demo here!&#38;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/figcaption&#38;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; Watch the Voice Demo here!   


</description>
		
	</item>
		
		
	<item>
		<title>Solstice</title>
				
		<link>https://jessprasetyo.com/Solstice</link>

		<pubDate>Sun, 02 Aug 2020 02:51:52 +0000</pubDate>

		<dc:creator>Jessica's Portfolio</dc:creator>

		<guid isPermaLink="true">https://jessprasetyo.com/Solstice</guid>

		<description>
	Design Systems - &#38;nbsp;Solstice OS&#38;nbsp;A design system centered around balance and function
&#60;img width="2192" height="1212" width_o="2192" height_o="1212" data-src="https://freight.cargo.site/t/original/i/5f69cc2194d08d94004f29b760bc67638c84a304736ca5a059a387aada031ae4/Frame-299.png" data-mid="80667484" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/5f69cc2194d08d94004f29b760bc67638c84a304736ca5a059a387aada031ae4/Frame-299.png" /&#62;
    
	
Duration
 4 months (Sept - Dec 2020)
 &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;
 
 SkillsWhiteboarding, Sketching, Wireframing, Rapid Iteration, Team Discussion, Prototyping, Storyboarding, Visual Design&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;

	
Team&#38;nbsp;
 Daniel In, Salem Gordon, Jacques DeBar, Hilton Vo,
 Ajay Qi, Carmelito Guttierrez, Harini Gopal &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;&#38;nbsp;
 
Signature Color

“Blurple” (Blue + Purple)


	Design Process&#38;nbsp;

&#60;img width="7124" height="625" width_o="7124" height_o="625" data-src="https://freight.cargo.site/t/original/i/77a038a28144b16822ed03ff4c50d0a17f8488117b40b9eef9e75e5985f81a32/Solstice-Process.png" data-mid="80656495" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/77a038a28144b16822ed03ff4c50d0a17f8488117b40b9eef9e75e5985f81a32/Solstice-Process.png" /&#62;


	00 - Why Mindfulness?

Our team explored creating a new OS centered around people having a more mindful and intentional relationship with their device, being able to help users reach their high points and support them through their low points, making way for Solstice.

	01 - Research


	When initially scoping the frame of our OS, we conducted interviews and went through several literature reviews to identify two main pain points associated with mindfulness and intentionality.&#38;nbsp;


DISTRACTION
Something that prevents someone from giving their full attention to something else

INFORMATION OVERLOADAn excessive amount of information02 - Storyboarding


	After establishing the pain points, we created two storyboards conveying user stories that illustrated how these pain points are shown in daily use

 &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;&#60;img width="3163" height="2445" width_o="3163" height_o="2445" data-src="https://freight.cargo.site/t/original/i/aecab3d5973681c0378d46ab7b517599c4e6068a1098a9eb7c1373550ce8fec1/Overwhelmed.png" data-mid="79566506" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/aecab3d5973681c0378d46ab7b517599c4e6068a1098a9eb7c1373550ce8fec1/Overwhelmed.png" /&#62;
 &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;&#60;img width="3077" height="2378" width_o="3077" height_o="2378" data-src="https://freight.cargo.site/t/original/i/c39f494c48115bff610e8bde7c47f266558858cd38a2421e662cf96bfa7c2d44/Distracted.png" data-mid="79566552" border="0" data-scale="90" src="https://freight.cargo.site/w/1000/i/c39f494c48115bff610e8bde7c47f266558858cd38a2421e662cf96bfa7c2d44/Distracted.png" /&#62;

	03 - Main Concept


Tab Switching
The main feature that we focused integrating into our design system was versions of tab switching. This isn’t a novel concept, but we felt that this fit best with the minimalistic and mindful concept that we were going for.&#38;nbsp;
	&#60;img width="1288" height="1972" width_o="1288" height_o="1972" data-src="https://freight.cargo.site/t/original/i/458bef4e9f717dded0f020ca50391865cc509ae2fa152419f4749da61746d01f/Frame-12.png" data-mid="80032850" border="0" data-scale="58" src="https://freight.cargo.site/w/1000/i/458bef4e9f717dded0f020ca50391865cc509ae2fa152419f4749da61746d01f/Frame-12.png" /&#62;

	
04 - Ideation Sprints


We would spend every 2 weeks dividing up a specific set of deliverables that were due in that period. The majority of the time was spent creating low-fidelity wireframes mostly through sketching and white boarding, getting continuous feedback from our peers and mentors.

&#38;nbsp; &#60;img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/8c3a42f07a4d4e3cd3c15e33862312a8ef802c1f6210f801689eb246e38619a9/IMG_5304.jpg" data-mid="133508235" border="0" data-scale="45" src="https://freight.cargo.site/w/1000/i/8c3a42f07a4d4e3cd3c15e33862312a8ef802c1f6210f801689eb246e38619a9/IMG_5304.jpg" /&#62;&#38;nbsp;&#60;img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/e6dbea01a7a28d23f0a34afd19c9b6752f09b17da21265bcff7891acba102867/IMG_5339.jpg" data-mid="133508484" border="0" data-scale="45" src="https://freight.cargo.site/w/1000/i/e6dbea01a7a28d23f0a34afd19c9b6752f09b17da21265bcff7891acba102867/IMG_5339.jpg" /&#62;


05 - WireframesDuring the wireframing process, we had to iterate quickly and make executive decision on the overall look and feel for each app throughout the process, coming up with unique features that would make each app stand out and align with our concived design language. 


	&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;
 &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;&#60;img width="320" height="628" width_o="320" height_o="628" data-src="https://freight.cargo.site/t/original/i/e84f56364ea154ef6d0f5b1e486d241f02648317699adcb7da0e6eae21d30d07/Mail-V2.png" data-mid="79583728" border="0" data-scale="32" src="https://freight.cargo.site/w/320/i/e84f56364ea154ef6d0f5b1e486d241f02648317699adcb7da0e6eae21d30d07/Mail-V2.png" /&#62; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;&#60;img width="320" height="628" width_o="320" height_o="628" data-src="https://freight.cargo.site/t/original/i/75105024019e0cbebcd92ddc83af3f9948d3c1028870e75b1745f71a6b4801aa/J-Weather-V2.png" data-mid="79583730" border="0" data-scale="32" src="https://freight.cargo.site/w/320/i/75105024019e0cbebcd92ddc83af3f9948d3c1028870e75b1745f71a6b4801aa/J-Weather-V2.png" /&#62;


05 - Design Principles


	PersonalPromote unique experiences specifically tailored to each user behavior and interaction

CleanSolstice is minimal and sophisticated with a visually consisten aesthetic 

Visually MinimalGive users the power to create their own mobile environment in a subtle fashion


06 - Visual Language
&#60;img width="2112" height="1028" width_o="2112" height_o="1028" data-src="https://freight.cargo.site/t/original/i/19e6ba02657e12c8f620c7fdb4db7c2c9787e752f3f06d04594f667923d4e896/Frame-11.png" data-mid="79569976" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/19e6ba02657e12c8f620c7fdb4db7c2c9787e752f3f06d04594f667923d4e896/Frame-11.png" /&#62;


&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;&#60;img width="1356" height="992" width_o="1356" height_o="992" data-src="https://freight.cargo.site/t/original/i/e3a0f650aca073103c100ff9269715798649d731c7eaadca968cb05ec1417b33/Frame-10.png" data-mid="79569955" border="0" data-scale="78" data-no-zoom src="https://freight.cargo.site/w/1000/i/e3a0f650aca073103c100ff9269715798649d731c7eaadca968cb05ec1417b33/Frame-10.png" /&#62;


07- Components

We made these core components within the Figma library, so that designers can rapidly iterate and create mockups while adhering to the design language.


&#60;img width="3596" height="3340" width_o="3596" height_o="3340" data-src="https://freight.cargo.site/t/original/i/fe2a9b2d3b726947b02311350574ccc15f9e8f8623b7df84becf9046f982901c/Frame-12.png" data-mid="79570092" border="0"  src="https://freight.cargo.site/w/1000/i/fe2a9b2d3b726947b02311350574ccc15f9e8f8623b7df84becf9046f982901c/Frame-12.png" /&#62;


	SOLSTICE helps you reach your high points and supports you through your low points. It promotes healthy relationships with your device 


 &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;&#38;nbsp;
	

Put it on your TabBy integrating categorized Tab Switching, users can filter through their emails, messages and texts with ease
	&#60;img width="600" height="1067" width_o="600" height_o="1067" data-src="https://freight.cargo.site/t/original/i/f3f26000c71d38e8932639ac97b3c49cd83eb3e94c0a190e421960f426ee3fbf/ezgif.com-video-to-gif-2.gif" data-mid="80042304" border="0" data-scale="43" src="https://freight.cargo.site/w/600/i/f3f26000c71d38e8932639ac97b3c49cd83eb3e94c0a190e421960f426ee3fbf/ezgif.com-video-to-gif-2.gif" /&#62;&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;&#60;img width="600" height="1200" width_o="600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/ed52df0162bfa2c12d6f308fb855f3ecc08525ef626e8c2f39faa201a539319f/Pinned-Messages.gif" data-mid="80035697" border="0" data-scale="38" src="https://freight.cargo.site/w/600/i/ed52df0162bfa2c12d6f308fb855f3ecc08525ef626e8c2f39faa201a539319f/Pinned-Messages.gif" /&#62;

	
&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;&#38;nbsp;&#60;img width="600" height="1067" width_o="600" height_o="1067" data-src="https://freight.cargo.site/t/original/i/538c8324ad9851f49d4d1c44b1d55eaef009264bca0d3a6a206d07e587596834/ezgif.com-video-to-gif-3.gif" data-mid="80043181" border="0" data-scale="41" src="https://freight.cargo.site/w/600/i/538c8324ad9851f49d4d1c44b1d55eaef009264bca0d3a6a206d07e587596834/ezgif.com-video-to-gif-3.gif" /&#62;
	

Recent Contacts &#38;nbsp;

Gain the access of your recent contacts without having to go searching for them
 &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;
 

Weather
Putting the most important information first, for your viewing pleasure


	&#38;nbsp; &#38;nbsp; &#38;nbsp;&#60;img width="600" height="1200" width_o="600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/eb119c90229ea98239198ecaf953c7cb25e5de480fb5197f0e8a79565421191b/Weather.gif" data-mid="80034894" border="0" data-scale="45" src="https://freight.cargo.site/w/600/i/eb119c90229ea98239198ecaf953c7cb25e5de480fb5197f0e8a79565421191b/Weather.gif" /&#62;
 &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;&#38;nbsp;
</description>
		
	</item>
		
		
	<item>
		<title>Ivonne</title>
				
		<link>https://jessprasetyo.com/Ivonne</link>

		<pubDate>Sun, 02 Aug 2020 02:51:52 +0000</pubDate>

		<dc:creator>Jessica's Portfolio</dc:creator>

		<guid isPermaLink="true">https://jessprasetyo.com/Ivonne</guid>

		<description>
	Product Design -&#38;nbsp;Ivonne Redesign

Ivonne is a farmer from Guatemala.&#38;nbsp;See her story through blockchain.

&#60;img width="2192" height="1212" width_o="2192" height_o="1212" data-src="https://freight.cargo.site/t/original/i/b85ac19c5465df1dd6dc8da5e20e123000f95b00e1aaf5fbae8586c921e09196/Frame-301.png" data-mid="80668010" border="0"  src="https://freight.cargo.site/w/1000/i/b85ac19c5465df1dd6dc8da5e20e123000f95b00e1aaf5fbae8586c921e09196/Frame-301.png" /&#62;


Duration
 4 months (Jan - April 2019) &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;

Skills
Interviewing, Visual Design, Wireframing, Information Architecture,&#38;nbsp;

# Coffee Puns Used
A latte&#38;nbsp;


Tools
 Figma

Team
 Kari Bergstedt, Cynthia He, Derick Yap

	Design Process

&#60;img width="6124" height="448" width_o="6124" height_o="448" data-src="https://freight.cargo.site/t/original/i/4cded344b04f8f8910c7663d0e0db84c412fc1f3cd22caea1a6e50180a06540f/Frame-296.png" data-mid="80653309" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/4cded344b04f8f8910c7663d0e0db84c412fc1f3cd22caea1a6e50180a06540f/Frame-296.png" /&#62;


00 - The Problem
	
When looking at the current product page, there were three main themes that stuck out to us that hindered the experience of purchasing the Ivonne product

Confusing and inconsistent information architectureDisorganized content and designLack of informing about company values which tie strongly to products

	&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#60;img width="750" height="1100" width_o="750" height_o="1100" data-src="https://freight.cargo.site/t/original/i/9e10c6f80ae6f262b7e5a38cca030fb3883ce3b55df2393921adc6d4d889649b/IMG_4823-2.jpeg" data-mid="79665005" border="0" data-scale="24" src="https://freight.cargo.site/w/750/i/9e10c6f80ae6f262b7e5a38cca030fb3883ce3b55df2393921adc6d4d889649b/IMG_4823-2.jpeg" /&#62;&#38;nbsp; &#38;nbsp; &#60;img width="750" height="1246" width_o="750" height_o="1246" data-src="https://freight.cargo.site/t/original/i/25dfbc4d7c711c2c1a9fec91142912095fcc07a96848d1342e7efe63ca2959bf/IMG_4824-2.jpeg" data-mid="79665015" border="0" data-scale="21" src="https://freight.cargo.site/w/750/i/25dfbc4d7c711c2c1a9fec91142912095fcc07a96848d1342e7efe63ca2959bf/IMG_4824-2.jpeg" /&#62;&#38;nbsp; &#38;nbsp;&#38;nbsp;&#60;img width="750" height="1060" width_o="750" height_o="1060" data-src="https://freight.cargo.site/t/original/i/4c44a9b8f57d10999cd84de1b04f480337ab5d7ba2b858c7355a50aff9853083/IMG_4825-2.jpeg" data-mid="79665046" border="0" data-scale="25" src="https://freight.cargo.site/w/750/i/4c44a9b8f57d10999cd84de1b04f480337ab5d7ba2b858c7355a50aff9853083/IMG_4825-2.jpeg" /&#62;


	Solution : Distinguished Features


Showing their true colors

Created clear and consistent style guide to better tie the branding together
	&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;&#60;img width="597" height="428" width_o="597" height_o="428" data-src="https://freight.cargo.site/t/original/i/2a051885b6423033b5637f74422f19653a401e93788ada7134993bccc5a9f45d/Ivonne-Style-Guide.png" data-mid="79672830" border="0" data-scale="59" src="https://freight.cargo.site/w/597/i/2a051885b6423033b5637f74422f19653a401e93788ada7134993bccc5a9f45d/Ivonne-Style-Guide.png" /&#62;


&#60;img width="600" height="1067" width_o="600" height_o="1067" data-src="https://freight.cargo.site/t/original/i/ede0565fe9b7a12677ee0f2e6b8367310aebe70c2b2753ff14a58a3a3aca55b8/ezgif.com-video-to-gif.gif" data-mid="79994665" border="0" data-scale="47" src="https://freight.cargo.site/w/600/i/ede0565fe9b7a12677ee0f2e6b8367310aebe70c2b2753ff14a58a3a3aca55b8/ezgif.com-video-to-gif.gif" /&#62;


Information Sections
We divided different components of information into sections. This makes it easier for users to view the different kinds of information in a way that’s fast and easy to understand


	01 - Team Goals
	UsabilityImproving how consumers navigate the product page will make purchasing products easier and encourages them to learn more information about the product itself efficiently

Branding Establishing consistent design and style choices will make it easier for customers to understand the unique qualities and features that the product entails, and also emphasizes aspects of the company mission and style


02 - Target Users
	

Returning CustomerA user who has been on Onda’s website before and is familiar with navigating through their products.

First Time Customer
A user who has never been on Onda’s website before and is possible perusing the different kinds of products that Onda has to offer, and wants to learn more about the product


03 - Information ArchitectureOur team determined the new hierarchy for the content structure, based on what we thought customers would be most interested in. This helped us understand the thought processes and interactions that could potentially occur within our proposal.
&#60;img width="4920" height="2800" width_o="4920" height_o="2800" data-src="https://freight.cargo.site/t/original/i/a77c5bbd68a146b19b7991ea6ff77a63ee6fa024bb19abdf30b9ae907ec25798/Frame-2.jpg" data-mid="79674333" border="0"  src="https://freight.cargo.site/w/1000/i/a77c5bbd68a146b19b7991ea6ff77a63ee6fa024bb19abdf30b9ae907ec25798/Frame-2.jpg" /&#62;


	04 - Whiteboarding

	We then plotted out the content hierarchy for the product page, trying to understand what the best plan of action was to produce different mockups.&#38;nbsp;

	
&#60;img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/bebdf04d92693e5fccb3e10a28793bd7ff289ac2a39e6f9c727b65e5eaaecaf6/IMG_4628.jpg" data-mid="79986767" border="0" data-scale="54" data-no-zoom data-rotation="90" src="https://freight.cargo.site/w/1000/i/bebdf04d92693e5fccb3e10a28793bd7ff289ac2a39e6f9c727b65e5eaaecaf6/IMG_4628.jpg" /&#62;

	
05 - Wireframing&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;

	
Rough wireframes were created to establish hierarchy. &#38;nbsp; We broke down the product page to its bare essentials and organized information based on priority. &#38;nbsp;&#38;nbsp;
&#38;nbsp; 

 &#38;nbsp; &#38;nbsp;&#60;img width="2812" height="4732" width_o="2812" height_o="4732" data-src="https://freight.cargo.site/t/original/i/a331fc2bd215c53cf4773aba485a009587e9bb3a78ceae7c21cc919d6a66b070/Frame-5.png" data-mid="79688113" border="0" data-scale="80" src="https://freight.cargo.site/w/1000/i/a331fc2bd215c53cf4773aba485a009587e9bb3a78ceae7c21cc919d6a66b070/Frame-5.png" /&#62;


06 - Feature Concepts
There were two main concepts that we wanted to expand on


Minimize and Maximize
Minimize and maximize information based on the choice of the user &#38;nbsp;


	&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;
 &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;&#38;nbsp;&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;
 
&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;&#38;nbsp;&#60;img width="591" height="1057" width_o="591" height_o="1057" data-src="https://freight.cargo.site/t/original/i/01a6de01c2b7de88222854015d3c83b853198ee8b227d3c1a2cd82512f1e1193/ezgif.com-gif-maker.gif" data-mid="79989029" border="0" data-scale="40" src="https://freight.cargo.site/w/591/i/01a6de01c2b7de88222854015d3c83b853198ee8b227d3c1a2cd82512f1e1193/ezgif.com-gif-maker.gif" /&#62;&#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;

&#60;img width="579" height="1036" width_o="579" height_o="1036" data-src="https://freight.cargo.site/t/original/i/5f786351886f5531c10a84f91fe8e5000570cc36021b4c47e107b317af341179/ezgif.com-crop-2.gif" data-mid="79989434" border="0" data-scale="48" src="https://freight.cargo.site/w/579/i/5f786351886f5531c10a84f91fe8e5000570cc36021b4c47e107b317af341179/ezgif.com-crop-2.gif" /&#62;

	
Floating Action Bar&#38;nbsp;
Having action items always at hand when perusing the product page at your own pace


07 - Usability Testing


Following the mockups, we had 4 people come in and test the usability of Ivonne’s mobile product page.&#38;nbsp;


&#60;img width="1256" height="764" width_o="1256" height_o="764" data-src="https://freight.cargo.site/t/original/i/85d5820da918459c852a32643766bb6e77dbd3a641c5d52f1c769d2680ff91d4/Frame-17.png" data-mid="79675330" border="0" data-scale="42" src="https://freight.cargo.site/w/1000/i/85d5820da918459c852a32643766bb6e77dbd3a641c5d52f1c769d2680ff91d4/Frame-17.png" /&#62;&#38;nbsp; &#38;nbsp; &#38;nbsp;&#60;img width="2526" height="1360" width_o="2526" height_o="1360" data-src="https://freight.cargo.site/t/original/i/ffbe6f3af1df28b65ccad6d8c6b4fa7313c96d14320d01c883ae4bbb03c96b3b/Screen-Shot-2020-01-06-at-8.58.33-PM.png" data-mid="79675336" border="0" data-scale="50" src="https://freight.cargo.site/w/1000/i/ffbe6f3af1df28b65ccad6d8c6b4fa7313c96d14320d01c883ae4bbb03c96b3b/Screen-Shot-2020-01-06-at-8.58.33-PM.png" /&#62;


08 - Findings
	

The concept of blockchain was unclearUsers didn’t really understand what blockchain really was and were unable to find any signifiers or patterns that could hint to knowing more about the Ivonne product and its relations to blockchain technology. This led them to scroll numerous times, being unable to find any key information. 

Content was difficult to navigateIncorporating the blockchain component within the product page made it difficult to find other things that consumers were interested in. Some users couldn’t make the distinction between the product page and the blockchain component.

 
09 - Solution : Distinguished Features


Drop Down MenuAllows users to buy and select items that match their pace of the shopping experience

	
&#60;img width="750" height="251" width_o="750" height_o="251" data-src="https://freight.cargo.site/t/original/i/864d815c673708b1858950f831f36927a9dc7e91e619d3109d8a89706680209f/IMG_4870-2.jpeg" data-mid="79673425" border="0"  src="https://freight.cargo.site/w/750/i/864d815c673708b1858950f831f36927a9dc7e91e619d3109d8a89706680209f/IMG_4870-2.jpeg" /&#62;


&#60;img width="3720" height="4512" width_o="3720" height_o="4512" data-src="https://freight.cargo.site/t/original/i/2c3a5af6604091c576335a88800cd2f431cf7d470ba4db63ef72cb45a6722de2/Frame-19.png" data-mid="79673489" border="0"  src="https://freight.cargo.site/w/1000/i/2c3a5af6604091c576335a88800cd2f431cf7d470ba4db63ef72cb45a6722de2/Frame-19.png" /&#62;
	

Coffee Journey ButtonExplore the blochain journey of Ivonne without the use of confusing jargon, simply follow the coffee journey.


10 - Final Mockup
Here’s a breakdown of each feature and section of the Ivonne product page redesign.&#38;nbsp;


&#60;img width="3400" height="11384" width_o="3400" height_o="11384" data-src="https://freight.cargo.site/t/original/i/16103278b3c88090eb16245b1ab497b75b8c68d47a51c77dd7956e94f46ae0c8/Frame-1.png" data-mid="79678593" border="0"  src="https://freight.cargo.site/w/1000/i/16103278b3c88090eb16245b1ab497b75b8c68d47a51c77dd7956e94f46ae0c8/Frame-1.png" /&#62;


</description>
		
	</item>
		
	</channel>
</rss>