<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>DavidGu</title>
	<link>https://davidgugu.com</link>
	<description>DavidGu</description>
	<pubDate>Fri, 22 Oct 2021 14:32:09 +0000</pubDate>
	<generator>https://davidgugu.com</generator>
	<language>en</language>
	
		
	<item>
		<title>About</title>
				
		<link>https://davidgugu.com/About</link>

		<pubDate>Sat, 15 Aug 2020 09:55:21 +0000</pubDate>

		<dc:creator>DavidGu</dc:creator>

		<guid isPermaLink="true">https://davidgugu.com/About</guid>

		<description>


	







	

Hi there, I’m David GuGu,A Graphic designer, UX/ UI designer, Photographer and Filming producer who is living in rainy Vancouver, BC. At present, I'm fourth year at the School of Interactive Arts + Technology at Simon Fraser University. Visual design has become a part of my great enthusiasm. I like to convey my understanding and feeling of beauty and art to others. At the same time, I apply these visual designs to Digital or Print posters, Video effect, Branding design, Product packaging and also App design.
&#60;img width="750" height="1125" width_o="750" height_o="1125" data-src="https://freight.cargo.site/t/original/i/f8064fe18201d3eb5c73d429e11bc1dedb03f5ce27f516aa99de476e7d450eca/DSC09950.jpg" data-mid="80068065" border="0"  src="https://freight.cargo.site/w/750/i/f8064fe18201d3eb5c73d429e11bc1dedb03f5ce27f516aa99de476e7d450eca/DSC09950.jpg" /&#62;






	





	
	Feel free to contact me ︎︎︎
	


	
	


	gulicheng0@gmail.comInstagramFacebook
	
︎︎︎ My favorite music playlist 2020

Liability - Lorde
If the World Was Ending - JP Saxe, Julia Michaels
Heather - Conan Gray
Changes - Lauv
	


</description>
		
	</item>
		
		
	<item>
		<title>Main</title>
				
		<link>https://davidgugu.com/Main</link>

		<pubDate>Sat, 15 Aug 2020 09:55:21 +0000</pubDate>

		<dc:creator>DavidGu</dc:creator>

		<guid isPermaLink="true">https://davidgugu.com/Main</guid>

		<description>




	
&#60;img width="396" height="469" width_o="396" height_o="469" data-src="https://freight.cargo.site/t/original/i/8d7868ca2f400672f4f8b91deaf7fe21a1f456a0671f1008dd810b85b71a110a/butt.png" data-mid="79968091" border="0"  src="https://freight.cargo.site/w/396/i/8d7868ca2f400672f4f8b91deaf7fe21a1f456a0671f1008dd810b85b71a110a/butt.png" /&#62;

	

Hi there, I’m David GuGu (he/him)
	


	
	I’m a visual &#38;amp; UX/UI designer studying and freelancing in rainy Vancouver, BC.&#38;nbsp;




	








	


	

Simon Fraser University Bachelor
of Arts Interactive Arts + Technology 
2017 — 2021
	
</description>
		
	</item>
		
		
	<item>
		<title>Project</title>
				
		<link>https://davidgugu.com/Project</link>

		<pubDate>Sat, 15 Aug 2020 09:55:22 +0000</pubDate>

		<dc:creator>DavidGu</dc:creator>

		<guid isPermaLink="true">https://davidgugu.com/Project</guid>

		<description>






2020 - 2021 
internshipTEALEAVES


	



2021 Visual, UX/UI DesignNouvel Opera Fribourg






	

	










2019 UX/UI/Service Design




KindBox



&#60;img width="910" height="781" width_o="910" height_o="781" data-src="https://freight.cargo.site/t/original/i/315b89fc92ed77a50bd7efe583d4f96e9906919c29d73990765a2f5c0eeb11ee/Pink-Butterfly-PNG-Image-Transparent-Background.png" data-mid="96121279" border="0"  src="https://freight.cargo.site/w/910/i/315b89fc92ed77a50bd7efe583d4f96e9906919c29d73990765a2f5c0eeb11ee/Pink-Butterfly-PNG-Image-Transparent-Background.png" /&#62;




	



2019 VR Game&#38;nbsp;
The Wizards Crucible


	







2020  UX/UI 
SEE:NEMA










	

	














2020 Speculative/Product Design 



SexBomb













	





	














2019&#38;nbsp; UX/UI
 

goCamp





	










2019&#38;nbsp; Film




Open Your Eyes




	

VR game, UX/UI Design, Speculative Design
 

More Project






	





2017 - Present

Graphic Design







	Photo Gallery


	

Video Gallery
	







</description>
		
	</item>
		
		
	<item>
		<title>Sex Bomb</title>
				
		<link>https://davidgugu.com/Sex-Bomb</link>

		<pubDate>Wed, 19 Aug 2020 00:37:16 +0000</pubDate>

		<dc:creator>DavidGu</dc:creator>

		<guid isPermaLink="true">https://davidgugu.com/Sex-Bomb</guid>

		<description>


	


	

Warning:The content below may contain sexual relate infomation.

Speculative/Product Design:

Sex Bomb
	


	
	Course: IAT 431 - Speculative Design










Role: User-Research, Graphic Design, Prototyping, Branding Design, Camera &#38;amp; Video editing



Tool: Illustrator + Photoshop + Premier + After Effect + 

Figma 





Duration: 2 Weeks
Critical Design Mini-Project Sex Bomb, which is a product we design for possible near-future where emerging biological technologies intersect with social activism to create products with the appearance of celebrating female sexuality. Due to a lack of consideration for the nuances of institutionalized gender inequality, this actually worsens the culture of shaming.

	


&#60;img width="636" height="616" width_o="636" height_o="616" data-src="https://freight.cargo.site/t/original/i/964557ccdab88589ece4c91a5a10d0543601d8509a9d079785631c0b5d866be3/NicePng_kawaii-transparent-png_9621183.png" data-mid="80261602" border="0" data-scale="25" data-rotation="25" src="https://freight.cargo.site/w/636/i/964557ccdab88589ece4c91a5a10d0543601d8509a9d079785631c0b5d866be3/NicePng_kawaii-transparent-png_9621183.png" /&#62;





	

	&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/9c890afa534d4b8ad5af179f7a8c0cac44704e02c887a0e5ca1745b76829511c/Title.jpg" data-mid="80258252" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/9c890afa534d4b8ad5af179f7a8c0cac44704e02c887a0e5ca1745b76829511c/Title.jpg" /&#62;
	

&#60;img width="488" height="378" width_o="488" height_o="378" data-src="https://freight.cargo.site/t/original/i/a5e70796da0af77ec04da4502a2098c06e43e3384aff72805ed27588d881a90b/PngItem_690842.png" data-mid="80261837" border="0" data-rotation="-20" src="https://freight.cargo.site/w/488/i/a5e70796da0af77ec04da4502a2098c06e43e3384aff72805ed27588d881a90b/PngItem_690842.png" /&#62;


	Discovering the Problem
Women who lack satisfaction in sexual activities are unwilling or unable to speak about it with their partners due to feelings of shame or fear of being dumped.



Female artists and designers are attempting to normalise the imagery and discussions around female sexuality, but getting pushback about morality and obscenity.



Advocates disagree about what is exploitative and what is empowering. Artwork that depicts women in sexual or naked positions: is that objectifying/harmful, or is it empowering? Does it depend on who created the work? Who is “allowed” to speak about this topic?


What kind of design is occurring in the domain of this topic?
	


	
	&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/c527afce0227f390edcde80a5d58749c46df0b5b7afc5f16bee10c496428ceb7/Ose.jpg" data-mid="80258514" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/c527afce0227f390edcde80a5d58749c46df0b5b7afc5f16bee10c496428ceb7/Ose.jpg" /&#62;

︎︎︎Product Osé create by Oregon State University's Robotics &#38;amp; Engineering Lab.
	


	Osé


Female-Focused PleasureOsé is a robotic massager created in partnership with Oregon State University's Robotics &#38;amp; Engineering Lab.  And Osé focuses on providing female pleasure through combining human sensuality and technological innovation into a tool, using natural motions such as a finger stroking rather than vibrations.&#38;nbsp;


	
	In 2018, Osé won the Robotics Innovation Award at the Consumer Electronics Show (CES). However, the award was later taken away as the device was deemed “immoral, obscene, indecent and profane”.



	








	︎︎︎“After CES Rejected a Female Sex Tech Company the CEO Calls for Change” by Mashable.
&#38;nbsp;
	&#60;img width="636" height="591" width_o="636" height_o="591" data-src="https://freight.cargo.site/t/original/i/00aea58a00bc13b6ec3eeb64562203a9cb86b226f36b5640767e0422b54ea76a/letter-2.png" data-mid="80258933" border="0" data-scale="59" src="https://freight.cargo.site/w/636/i/00aea58a00bc13b6ec3eeb64562203a9cb86b226f36b5640767e0422b54ea76a/letter-2.png" /&#62;




	&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/30aa188202db41d45e5dd6b904b7e541fa1ee9d33c3c2b6b7a2a2591cb8de1e2/Lia.jpg" data-mid="80259246" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/30aa188202db41d45e5dd6b904b7e541fa1ee9d33c3c2b6b7a2a2591cb8de1e2/Lia.jpg" /&#62;︎︎︎Product Osé create by Oregon State University's Robotics &#38;amp; Engineering Lab.
	








	LiaHide the evidenceIn 2017, a start-up in the United States called Lia created a biodegradable pregnancy test that breaks down like toilet paper in water.


Lia’s breakthrough technology makes it the first and only flushable and biodegradable pregnancy test. Lia is engineered to be discreet and good for the environment, without sacrificing accuracy.
	






	

Lia comes from a place of positivity, to erase anxiety about someone finding their pregnancy test. However, this poses the question: Why do we feel the need to hide evidence of our sexuality?


	




	Design ProcessContext: Female sexuality is a social construct. However, people have attributed arbitrary physical and physiological characteristics to it (presence of hymen, tightness of vagina, blood, arousal time, etc) and use it as a represention of social characteristics such as morality and innocence. By doing so, this creates a culture of shaming that punishes women sometimes for being too revealing and sometimes for being too private.


Goal: Through the observation of the real world, design a product that is likely to appear in the future world and seems to be very helpful to women increases the culture of humiliation and leads people to think about sex discrimination against women.

ProductSex Bomb allows women to change their sexuality to be whatever they want, deconstructing the assumptions around sexuality as a permanent factor on our worth as a person. The form of a bath bomb takes what is traditionally seen as yet another inconsequential female cosmetic product into something that has the potential to create waves in social change, creating a defamiliarization around of how we perceive products aimed for women.


	
&#60;img width="409" height="441" width_o="409" height_o="441" data-src="https://freight.cargo.site/t/original/i/b3b33266400b082ac27146ddfbf5fde03cdb3bf598857c21172a4a113ab1aceb/PngItem_2814734.png" data-mid="80261878" border="0" data-rotation="37.5" src="https://freight.cargo.site/w/409/i/b3b33266400b082ac27146ddfbf5fde03cdb3bf598857c21172a4a113ab1aceb/PngItem_2814734.png" /&#62;

	
	&#60;img width="904" height="288" width_o="904" height_o="288" data-src="https://freight.cargo.site/t/original/i/23174e32b83e74d118d71e07282ab69a36748091f3d76eeaceb488f9c594d3a1/Group-26.png" data-mid="80260131" border="0"  src="https://freight.cargo.site/w/904/i/23174e32b83e74d118d71e07282ab69a36748091f3d76eeaceb488f9c594d3a1/Group-26.png" /&#62;&#38;nbsp; &#60;img width="904" height="288" width_o="904" height_o="288" data-src="https://freight.cargo.site/t/original/i/81f9968351676e125c81ece022f591ff2cfa302bd6c52a573bba6ddeca08b822/Group-31.png" data-mid="80260133" border="0"  src="https://freight.cargo.site/w/904/i/81f9968351676e125c81ece022f591ff2cfa302bd6c52a573bba6ddeca08b822/Group-31.png" /&#62;&#38;nbsp;&#60;img width="904" height="288" width_o="904" height_o="288" data-src="https://freight.cargo.site/t/original/i/4d1009a7bee7ad34ea074d4ba18979225645b48e39e8aca68385e30825b63269/Group-32.png" data-mid="80260134" border="0"  src="https://freight.cargo.site/w/904/i/4d1009a7bee7ad34ea074d4ba18979225645b48e39e8aca68385e30825b63269/Group-32.png" /&#62;
	





	Target AudienceWomen in western cultures who are shamed for their sexual history and reputation.
Domain + CritiqueOur work exists within a possible near-future where emerging biological technologies intersect with social activism to create products with the appearance of celebrating female sexuality. Due to a lack of consideration for the nuances of institutionalized gender inequality, this actually worsens the culture of shaming.
	

	
	
&#60;img width="1800" height="1013" width_o="1800" height_o="1013" data-src="https://freight.cargo.site/t/original/i/db6f5ae7379267577060c6f5e6f417fe0ff89ea17ba4c2ebaaa268554e9807b8/w_think_pink.jpg" data-mid="80261134" border="0"  src="https://freight.cargo.site/w/1000/i/db6f5ae7379267577060c6f5e6f417fe0ff89ea17ba4c2ebaaa268554e9807b8/w_think_pink.jpg" /&#62;
&#60;img width="324" height="316" width_o="324" height_o="316" data-src="https://freight.cargo.site/t/original/i/fc7d19220c6d7680aca4aad808c45d9e2037ac3a4e31ed1163a9258add5f95fa/Layer-0-2.png" data-mid="80260065" border="0"  src="https://freight.cargo.site/w/324/i/fc7d19220c6d7680aca4aad808c45d9e2037ac3a4e31ed1163a9258add5f95fa/Layer-0-2.png" /&#62;
&#60;img width="1800" height="1018" width_o="1800" height_o="1018" data-src="https://freight.cargo.site/t/original/i/d44b4070eed7c03f1f64fcfe22207f7cf80c57b6218b1c0c66a21febed2aa659/7fbc4da388d4f4d6a1102a8ba014970b.jpg" data-mid="80261135" border="0"  src="https://freight.cargo.site/w/1000/i/d44b4070eed7c03f1f64fcfe22207f7cf80c57b6218b1c0c66a21febed2aa659/7fbc4da388d4f4d6a1102a8ba014970b.jpg" /&#62;
&#60;img width="332" height="308" width_o="332" height_o="308" data-src="https://freight.cargo.site/t/original/i/c356bdfcdc886c1a98f151ac6e0780c85f9bf29edd156a6029964c88369a0aae/888888-1.png" data-mid="80260084" border="0"  src="https://freight.cargo.site/w/332/i/c356bdfcdc886c1a98f151ac6e0780c85f9bf29edd156a6029964c88369a0aae/888888-1.png" /&#62;
&#60;img width="626" height="417" width_o="626" height_o="417" data-src="https://freight.cargo.site/t/original/i/105b532d61e9cbd8f48485a4c50f8a72064315fabdcab0c863da295351d7eb6f/background-red-color-bath-bomb-dissolving-water_23-2148163252.jpg" data-mid="80261251" border="0"  src="https://freight.cargo.site/w/626/i/105b532d61e9cbd8f48485a4c50f8a72064315fabdcab0c863da295351d7eb6f/background-red-color-bath-bomb-dissolving-water_23-2148163252.jpg" /&#62;
&#60;img width="430" height="396" width_o="430" height_o="396" data-src="https://freight.cargo.site/t/original/i/35761f6a631ad411fd080638bae5086c6c6deee72d65e378beea82c66e0cea44/Group-27.png" data-mid="80260087" border="0"  src="https://freight.cargo.site/w/430/i/35761f6a631ad411fd080638bae5086c6c6deee72d65e378beea82c66e0cea44/Group-27.png" /&#62;

	







	
	

Poster &#38;amp; packageI made three posters and package for our product, “Sex Bomb.” They correspond to three products of sex bomb and three-stage of female sexuality: The Sexual Activist, The Blushing Virgin, and The Chasity Vow. The reason why I choose pink is that there are strong gender stereotypes in today's society. People think that blue is used to describe boys and pink for girls. You still encounter dazzling pink, blue cracks in almost every child's store. I put fruit in the poster because the media now often use these juicy fruits to make an indecent suggestion, only because the shape of these fruits is similar to female genitalia. This is ridiculous, but people ignore these issues, and our idea is to add this sexism and ridicule to our design to remind people to think about it further.


	

&#60;img width="3500" height="2300" width_o="3500" height_o="2300" data-src="https://freight.cargo.site/t/original/i/248e0cd9e22e9b29453728c039add4257543c809eaabcb0a874ebc9ca1552fa5/sbbag.jpg" data-mid="80260430" border="0"  src="https://freight.cargo.site/w/1000/i/248e0cd9e22e9b29453728c039add4257543c809eaabcb0a874ebc9ca1552fa5/sbbag.jpg" /&#62;



	
&#60;img width="1382" height="1325" width_o="1382" height_o="1325" data-src="https://freight.cargo.site/t/original/i/ea9ceb3bd4a5016ef1cb8f79f4102ffef752ec5349f5d348312871adf2da5d8e/ClipartKey_2519005.png" data-mid="80261879" border="0" data-rotation="-25" src="https://freight.cargo.site/w/1000/i/ea9ceb3bd4a5016ef1cb8f79f4102ffef752ec5349f5d348312871adf2da5d8e/ClipartKey_2519005.png" /&#62;


	
&#60;img width="2376" height="3672" width_o="2376" height_o="3672" data-src="https://freight.cargo.site/t/original/i/84edf079b9b631f3acba7f62fd7f2a5e2690e464a742b5f99c931c2cf861cd2b/Poster.jpg" data-mid="80260408" border="0"  src="https://freight.cargo.site/w/1000/i/84edf079b9b631f3acba7f62fd7f2a5e2690e464a742b5f99c931c2cf861cd2b/Poster.jpg" /&#62;
&#60;img width="2376" height="3672" width_o="2376" height_o="3672" data-src="https://freight.cargo.site/t/original/i/ee6c410c78dd85f0e39fb55645ba05b40050e51c84510fb2ce0b42f7d962d47a/Poster-2.jpg" data-mid="80260348" border="0"  src="https://freight.cargo.site/w/1000/i/ee6c410c78dd85f0e39fb55645ba05b40050e51c84510fb2ce0b42f7d962d47a/Poster-2.jpg" /&#62;
&#60;img width="2376" height="3672" width_o="2376" height_o="3672" data-src="https://freight.cargo.site/t/original/i/55d250940402d9f01b9a12ce27df414f5ec76402dc148774e7b79657d944181b/Poster-1.jpg" data-mid="80260412" border="0"  src="https://freight.cargo.site/w/1000/i/55d250940402d9f01b9a12ce27df414f5ec76402dc148774e7b79657d944181b/Poster-1.jpg" /&#62;
&#60;img width="759" height="2097" width_o="759" height_o="2097" data-src="https://freight.cargo.site/t/original/i/c5ff2c4b6a036bb957f05a60f99d27d72f4c8826f23e9456c13da2120e36f39d/Group-35.png" data-mid="80260437" border="0"  src="https://freight.cargo.site/w/759/i/c5ff2c4b6a036bb957f05a60f99d27d72f4c8826f23e9456c13da2120e36f39d/Group-35.png" /&#62;
&#60;img width="759" height="2097" width_o="759" height_o="2097" data-src="https://freight.cargo.site/t/original/i/e8923b8a3827b81fa4fba33f50c64e6fd47d88bada55a5d34fce486b10b853d9/Group-36.png" data-mid="80260436" border="0"  src="https://freight.cargo.site/w/759/i/e8923b8a3827b81fa4fba33f50c64e6fd47d88bada55a5d34fce486b10b853d9/Group-36.png" /&#62;
&#60;img width="759" height="2097" width_o="759" height_o="2097" data-src="https://freight.cargo.site/t/original/i/77b9752a12dcd05b5af50dea16a62df5fb2a9004309a91e6ea582a05ff1a48a3/Group-37.png" data-mid="80260434" border="0"  src="https://freight.cargo.site/w/759/i/77b9752a12dcd05b5af50dea16a62df5fb2a9004309a91e6ea582a05ff1a48a3/Group-37.png" /&#62;

	
&#60;img width="1382" height="1325" width_o="1382" height_o="1325" data-src="https://freight.cargo.site/t/original/i/ea9ceb3bd4a5016ef1cb8f79f4102ffef752ec5349f5d348312871adf2da5d8e/ClipartKey_2519005.png" data-mid="80261879" border="0" data-rotation="12.5" src="https://freight.cargo.site/w/1000/i/ea9ceb3bd4a5016ef1cb8f79f4102ffef752ec5349f5d348312871adf2da5d8e/ClipartKey_2519005.png" /&#62;




	
	





︎︎︎ React video of product Sex Bomb.&#38;nbsp;

	
&#60;img width="631" height="433" width_o="631" height_o="433" data-src="https://freight.cargo.site/t/original/i/f5ae7574248b5bbb5de53144e04e1057211917b32aecf63da622e4c0aed33814/PngItem_1835215.png" data-mid="80262117" border="0" data-scale="63" data-rotation="22.5" src="https://freight.cargo.site/w/631/i/f5ae7574248b5bbb5de53144e04e1057211917b32aecf63da622e4c0aed33814/PngItem_1835215.png" /&#62;
	Reflection&#38;nbsp;As a male designer, I‘m grateful to be in touch with areas which I didn‘t know much about before.&#38;nbsp; In this society, The invisibility of female sexuality has created an attitude where it is more acceptable to see men receive sexual gratification than women, leading to a power imbalance where women’s right to bodily pleasure is non-existent. For example, while male oral sex in movies is treated as simply a fact, depictions of female oral sex is more likely to be seen as obscene and shocking. WE HAVE TO CHANGE IT !Also, if I have more time to improve our design, I hope we would use some media(video) to show what it actual does to someone taking this bath, like a before and after usage the sexbomb to show a stronger reappearance of the scene and promote people to think about behind the product.




	






 



</description>
		
	</item>
		
		
	<item>
		<title>Kind Box</title>
				
		<link>https://davidgugu.com/Kind-Box</link>

		<pubDate>Sat, 15 Aug 2020 09:55:23 +0000</pubDate>

		<dc:creator>DavidGu</dc:creator>

		<guid isPermaLink="true">https://davidgugu.com/Kind-Box</guid>

		<description>


	


	

UX/Service DesignKindBox
	


	
	Course: IAT333 - Interaction Design Methods











Role: User-Research, UX/UI Design, Graphic Design, Prototyping,&#38;nbsp;
 Camera &#38;amp; Video editing



Tool: Illustrator + Photoshop + Premier + After Effect + ProtoPie



Duration: 3 mouths


A design solution for @kindcafeyvr to help students make a different in the environment by practicing zero-waste eating through a meal app/kit.KindBox: A meal program for university students to save time, eat healthy and reduce stress. Meals are ordered online and prepared for in-store pick-up at the cafe, and packages will be offered at discounted prices, to incentivize students to join the program.

	


&#60;img width="100" height="121" width_o="100" height_o="121" data-src="https://freight.cargo.site/t/original/i/3ad95de32d0a56bf06393b74c50006273ea917d4e74541f83355f300d96e1888/butterfly.png" data-mid="80079504" border="0"  src="https://freight.cargo.site/w/100/i/3ad95de32d0a56bf06393b74c50006273ea917d4e74541f83355f300d96e1888/butterfly.png" /&#62;




	&#60;img width="600" height="600" width_o="600" height_o="600" data-src="https://freight.cargo.site/t/original/i/a2771d56e317ddd80c2f0c1aa7e1d72c20c0349c3d058a854bcb47b795bdb7b7/tumblr_o2lxikVHim1uosm2eo1_1280.png" data-mid="80079510" border="0" data-scale="35" data-rotation="-15" src="https://freight.cargo.site/w/600/i/a2771d56e317ddd80c2f0c1aa7e1d72c20c0349c3d058a854bcb47b795bdb7b7/tumblr_o2lxikVHim1uosm2eo1_1280.png" /&#62;
	

︎︎︎ Scenario/promotion video for KinBox program which 
filmed and post produced by me

	









	Whos our client KindCafe?
What: A Vancouver-based and zero-waste eatery specializing in vegan cuisine, founded by a father-daughter duo. The cafe’s intent is to create an environment that inspires people to take a sustainable approach to eat and drink.
How: Kind Cafe does not use any single-use products to practice zero-waste. They have reusable glassware, cutlery, and towels and compost excess food.
Why (Goals): Kind Cafe’s mission is to create a kinder cafe experience within the community through plant-based nutrition, sustainable resources and supporting local suppliers.



	




&#60;img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/ef84b42b6b7bbb7cc3f0e58204d4196215a995151f6dc907a4bd68d2b20ac4c1/DSC05164.JPG" data-mid="80072985" border="0"  src="https://freight.cargo.site/w/1000/i/ef84b42b6b7bbb7cc3f0e58204d4196215a995151f6dc907a4bd68d2b20ac4c1/DSC05164.JPG" /&#62;
&#60;img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/9470bf3ec5be667239fdbc862c5a5e3b5a695d79f1827a492b4b4e28422b1795/DSC00347.JPG" data-mid="80072930" border="0"  src="https://freight.cargo.site/w/1000/i/9470bf3ec5be667239fdbc862c5a5e3b5a695d79f1827a492b4b4e28422b1795/DSC00347.JPG" /&#62;
&#60;img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/99088b463510427977137b80344d6c73079d9585c2236dcb64c561a586fcafd7/DSC00323.JPG" data-mid="80073070" border="0"  src="https://freight.cargo.site/w/1000/i/99088b463510427977137b80344d6c73079d9585c2236dcb64c561a586fcafd7/DSC00323.JPG" /&#62;
&#60;img width="1616" height="1080" width_o="1616" height_o="1080" data-src="https://freight.cargo.site/t/original/i/782292ed938dd67b1f320907194b2391b1e044a74f2f92efab9d2211561ee3bc/DSC00238.JPG" data-mid="80072887" border="0"  src="https://freight.cargo.site/w/1000/i/782292ed938dd67b1f320907194b2391b1e044a74f2f92efab9d2211561ee3bc/DSC00238.JPG" /&#62;

	
	

︎︎︎ Images of Kindcafe toke by me


	
︎︎




	


	

“Zero Waste is a goal that is ethical, economical, efficient and visionary, to guide people in changing their lifestyles and practices to emulate sustainable natural cycles, where all discarded materials are designed to become resources for others to use”

	
&#60;img width="592" height="592" width_o="592" height_o="592" data-src="https://freight.cargo.site/t/original/i/5cc49d06b7953a1d160c2966732f61eea090bfd17a4ba76b4909d005ce998b6f/kindpng_4422065.png" data-mid="80079601" border="0" data-scale="78" src="https://freight.cargo.site/w/592/i/5cc49d06b7953a1d160c2966732f61eea090bfd17a4ba76b4909d005ce998b6f/kindpng_4422065.png" /&#62;





	Design Focus
To provide the means for environmentally conscious university students&#38;nbsp;to practice&#38;nbsp;reusing materials multiple times and refusing disposable items&#38;nbsp;in their daily lives.How? Through handy and non-invasive services and products that provide benefits for both Kind Café and participating students.




Target Audience

University students who are environmentally conscious and therefore care about the impact they have on the planet.Why it appeals to them:71.1% of the customers are university-aged. The café is located in Mt. Pleasant. It is situated in a place that is popular among students from UBC, Emily Carr, and Langara, allowing the café to be a convenient space to eat and spend time.



	


	
	&#60;img width="1500" height="844" width_o="1500" height_o="844" data-src="https://freight.cargo.site/t/original/i/d3875582dec8bec9d7f5176d3954dcce5d8764871ab2d2fc5df258e3b41ebfcb/11.jpg" data-mid="80073536" border="0"  src="https://freight.cargo.site/w/1000/i/d3875582dec8bec9d7f5176d3954dcce5d8764871ab2d2fc5df258e3b41ebfcb/11.jpg" /&#62;Persona of KindBox program
	



	Design Process





Our team started designing the product by Making user journal map and asking “How might we?” question depend on the pain point and hign point which we found from the Kind Cafe customer.



-How might we to create a sense of understanding &#38;amp; community for new infrequent customer who are uninformed &#38;amp; misinformed about what it means to practice Zero Waste?-How might we create space for more digtal interaction? ...



	






	
&#60;img width="4896" height="1584" width_o="4896" height_o="1584" data-src="https://freight.cargo.site/t/original/i/f861ea05740684d4b60ffaff9a389d103585dbc21feb9d13789090e833e05955/Dine-in-Customer.jpg" data-mid="80078209" border="0"  src="https://freight.cargo.site/w/1000/i/f861ea05740684d4b60ffaff9a389d103585dbc21feb9d13789090e833e05955/Dine-in-Customer.jpg" /&#62;
&#60;img width="2048" height="1536" width_o="2048" height_o="1536" data-src="https://freight.cargo.site/t/original/i/6e4de05be93e704d5d676066808b9c0b660b5cd2876700b2e4299b9dfe945fe1/71933541_559244904616305_2509260666171293696_n.jpg" data-mid="80078429" border="0"  src="https://freight.cargo.site/w/1000/i/6e4de05be93e704d5d676066808b9c0b660b5cd2876700b2e4299b9dfe945fe1/71933541_559244904616305_2509260666171293696_n.jpg" /&#62;
&#60;img width="2048" height="1536" width_o="2048" height_o="1536" data-src="https://freight.cargo.site/t/original/i/751e16b55f8358504a8fab7d5b1869482f1ee94dee3255403cb23ec7c1421e33/72557282_958260874544047_458355564049596416_n.jpg" data-mid="80079301" border="0"  src="https://freight.cargo.site/w/1000/i/751e16b55f8358504a8fab7d5b1869482f1ee94dee3255403cb23ec7c1421e33/72557282_958260874544047_458355564049596416_n.jpg" /&#62;
&#60;img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/cdb0a86bc493b72a2099bb4d436f552e57facfee403220739ee99d62b9725545/IMG_2635.jpg" data-mid="80078568" border="0"  src="https://freight.cargo.site/w/1000/i/cdb0a86bc493b72a2099bb4d436f552e57facfee403220739ee99d62b9725545/IMG_2635.jpg" /&#62;
&#60;img width="3024" height="4032" width_o="3024" height_o="4032" data-src="https://freight.cargo.site/t/original/i/1de250a320711c91b7de1c54f6c368d38c9b2b8c06618fe22468dd6cb452b821/IMG_2618.jpg" data-mid="80078755" border="0"  src="https://freight.cargo.site/w/1000/i/1de250a320711c91b7de1c54f6c368d38c9b2b8c06618fe22468dd6cb452b821/IMG_2618.jpg" /&#62;
&#60;img width="3024" height="4032" width_o="3024" height_o="4032" data-src="https://freight.cargo.site/t/original/i/1701f709069c2d406a1f7ab0773c4d5434b557c74f11ebf1a4396c87d64d186d/IMG_2628.jpg" data-mid="80078761" border="0"  src="https://freight.cargo.site/w/1000/i/1701f709069c2d406a1f7ab0773c4d5434b557c74f11ebf1a4396c87d64d186d/IMG_2628.jpg" /&#62;
&#60;img width="1100" height="1100" width_o="1100" height_o="1100" data-src="https://freight.cargo.site/t/original/i/f12e8a898eb9fc9261d2fed9bc16cf558c89d0ed22ab5397a80c31acb0f7889e/kisspng-embroidered-patch-iron-on-embroidery-rose-clothing-symbol-des-judentums-6-buchstaben-5b4317b6597fc5.6184897515311236383666.png" data-mid="80083593" border="0" data-rotation="25" src="https://freight.cargo.site/w/1000/i/f12e8a898eb9fc9261d2fed9bc16cf558c89d0ed22ab5397a80c31acb0f7889e/kisspng-embroidered-patch-iron-on-embroidery-rose-clothing-symbol-des-judentums-6-buchstaben-5b4317b6597fc5.6184897515311236383666.png" /&#62;






	Final Solution



We created KindBox, a meal program that offers students Kind Cafe&#38;nbsp;food and drinks at discounted prices in order to incentivize them to take part in zero-waste practices. This solution allows users to save time, eat healthy and make a difference to the environment. Meals are ordered online and prepared for in-store pick-up at the cafe.

KindBox has two parts; a mobile app which allows students to view Kind Cafe's menu and order ahead, and the lunch box, which is the physical element that helps them actively practice zero-waste.
Part I: Fianl KindBox App

	




	


	
&#60;img width="575" height="1033" width_o="575" height_o="1033" data-src="https://freight.cargo.site/t/original/i/502df1b891bd3ef6bf308e8fecf06f4b35814ff256f848d866b18be0e96fdb05/begin.png" data-mid="80080439" border="0"  src="https://freight.cargo.site/w/575/i/502df1b891bd3ef6bf308e8fecf06f4b35814ff256f848d866b18be0e96fdb05/begin.png" /&#62;
&#60;img width="575" height="1033" width_o="575" height_o="1033" data-src="https://freight.cargo.site/t/original/i/18893db77667e75c996d84a57d3dc796faefa9616cc3b29057749cb353ba275e/login.png" data-mid="80080437" border="0"  src="https://freight.cargo.site/w/575/i/18893db77667e75c996d84a57d3dc796faefa9616cc3b29057749cb353ba275e/login.png" /&#62;
&#60;img width="575" height="1033" width_o="575" height_o="1033" data-src="https://freight.cargo.site/t/original/i/b21b223dc58a2e9e2f7db7b0efc5d6dd0108fea7390dd1a318763bf5b8023078/signup.png" data-mid="80080438" border="0"  src="https://freight.cargo.site/w/575/i/b21b223dc58a2e9e2f7db7b0efc5d6dd0108fea7390dd1a318763bf5b8023078/signup.png" /&#62;




	

Introduction

Students receive an exclusive 10% off for joining the program by signing up with a school email address.
	

	
	

&#60;img width="100" height="83" width_o="100" height_o="83" data-src="https://freight.cargo.site/t/original/i/f41d4c9b9c84b2ee1a5fb2c53bba7653599c7b57885d033c1c867d7a5714affc/gem5.png" data-mid="80083223" border="0" data-rotation="35" src="https://freight.cargo.site/w/100/i/f41d4c9b9c84b2ee1a5fb2c53bba7653599c7b57885d033c1c867d7a5714affc/gem5.png" /&#62;Onboarding

Application onboarding outlining basic instructions for how the program works.




	&#60;img width="750" height="1502" width_o="750" height_o="1502" data-src="https://freight.cargo.site/t/original/i/b94ee5b75c373bffb103a048d4763c3fb8126d3df08dac6a91f0295c26286bc2/ezgif-5-8c21590ce8cf.gif" data-mid="80081147" border="0" data-scale="37" src="https://freight.cargo.site/w/750/i/b94ee5b75c373bffb103a048d4763c3fb8126d3df08dac6a91f0295c26286bc2/ezgif-5-8c21590ce8cf.gif" /&#62;


	








&#60;img width="6528" height="4580" width_o="6528" height_o="4580" data-src="https://freight.cargo.site/t/original/i/58ef2407b41ca94cfb1806140033534ff7654256349bb940b1559035700254cf/orderr.png" data-mid="80081460" border="0" data-scale="48" src="https://freight.cargo.site/w/1000/i/58ef2407b41ca94cfb1806140033534ff7654256349bb940b1559035700254cf/orderr.png" /&#62;
Ordering




Within the product details, information about Kind Cafe's plant-based ingredients can be found.









	
	&#60;img width="750" height="1502" width_o="750" height_o="1502" data-src="https://freight.cargo.site/t/original/i/001579a68d0750bab00a5c133b8251ece77fb3a53c63ba073034c675b9a44420/ezgif-5-29d34e174b63.gif" data-mid="80081772" border="0" data-scale="38" src="https://freight.cargo.site/w/750/i/001579a68d0750bab00a5c133b8251ece77fb3a53c63ba073034c675b9a44420/ezgif-5-29d34e174b63.gif" /&#62;

Checking

Users order in advance by choosing their preferred date and time to pick up their meal. A one-time deposit is added to their first order to cover the cost of materials included in the program.





	&#60;img width="750" height="1502" width_o="750" height_o="1502" data-src="https://freight.cargo.site/t/original/i/8f99a210060959998f30983ae398ccf5d77510793edc502e1bc5890b04cd6e2f/ezgif-5-9e0533852318.gif" data-mid="80081867" border="0" data-scale="37" src="https://freight.cargo.site/w/750/i/8f99a210060959998f30983ae398ccf5d77510793edc502e1bc5890b04cd6e2f/ezgif-5-9e0533852318.gif" /&#62;

Profile

Profile details and life figures to record how participating in the program impacts the planet.





	





	Why Application?


University students can download the application prior to visiting or at the Kind Cafe.Students can save time by ordering food prior and not doing dishesStudents can practice the zero-waste lifestyle through the programStudents can see how much contribution they have made in the applicationEasy to update menu iteam for Kind Cafe


Part II: Fianl KindBox Kit

	


	
	&#60;img width="1500" height="844" width_o="1500" height_o="844" data-src="https://freight.cargo.site/t/original/i/6f36c62080aeb01c1cc983ba8969e7b265727491c6c826177f34cf7b9624dce3/22-1.jpg" data-mid="80082546" border="0"  src="https://freight.cargo.site/w/1000/i/6f36c62080aeb01c1cc983ba8969e7b265727491c6c826177f34cf7b9624dce3/22-1.jpg" /&#62;
	&#60;img width="1050" height="1464" width_o="1050" height_o="1464" data-src="https://freight.cargo.site/t/original/i/b89fbf31abadb82346b92f64219c08462fa35b36b64929a31f7ca6f8bb555b84/kisspng-cactaceae-patch-clip-art-cactus-5abb41a9eb1a63.173451391522221481963.png" data-mid="80083650" border="0" data-scale="37" data-rotation="7.5" src="https://freight.cargo.site/w/1000/i/b89fbf31abadb82346b92f64219c08462fa35b36b64929a31f7ca6f8bb555b84/kisspng-cactaceae-patch-clip-art-cactus-5abb41a9eb1a63.173451391522221481963.png" /&#62;




	Why this container?

Students can attach the bottle to the containerThe shape of the lunch box will fit into their school bag, gives hands-on practice with zero-waste They don’t need to carry an extra bag!Students can use reusable containers, mugs, and metal cutleryLow-pressure challenges to create familiarity&#38;nbsp;
	







	Feedback from Samantha Emerman (Owner of Kind Cafe)


“We are considering to work with online delivery apps, such as DoorDash or Uber Eats. The concern is there is no sustainable way for take-out orders. Now KindBox is just a brilliant way to solve this problem.”

	&#60;img width="100" height="100" width_o="100" height_o="100" data-src="https://freight.cargo.site/t/original/i/1a87381a0d577279bb09b0e6186ec5d522ad11c3a8036c078cefb351884e0079/smiley.png" data-mid="80083224" border="0" data-scale="100" src="https://freight.cargo.site/w/100/i/1a87381a0d577279bb09b0e6186ec5d522ad11c3a8036c078cefb351884e0079/smiley.png" /&#62;






&#60;img width="100" height="118" width_o="100" height_o="118" data-src="https://freight.cargo.site/t/original/i/830b2098591f577139170381535b38dd3ef24d3e63c4435472ede4742fefd7ae/306865631541211-copy.png" data-mid="80083221" border="0" data-rotation="17.5" src="https://freight.cargo.site/w/100/i/830b2098591f577139170381535b38dd3ef24d3e63c4435472ede4742fefd7ae/306865631541211-copy.png" /&#62;
	Reflection&#38;nbsp;
Although this collaboration took place in a design course, it was my first time working with a real client. I learned how to observe the different mindsets of our client and their customers. If I can redesign this design solution, or if I have more time, I’d like to improve the kind box app that we made, For example, users can learn knowledge about zero waste from the app, just like what kind cafe does in the store, that's what the owner of kind cafe looking forward to, create a sustainable, zero-waste community in Vancouver and to pass on their ideas to more people.




	






</description>
		
	</item>
		
		
	<item>
		<title>goCamp</title>
				
		<link>https://davidgugu.com/goCamp-1</link>

		<pubDate>Fri, 22 Oct 2021 14:32:09 +0000</pubDate>

		<dc:creator>DavidGu</dc:creator>

		<guid isPermaLink="true">https://davidgugu.com/goCamp-1</guid>

		<description>


	


	

UX/UI DesigngoCamp
	


	
	Course: IAT334 - Interaction Design Methods











Role: User-Research, UX/UI Design, Graphic Design, Prototyping, 
 Video editing



Tool: Illustrator + Photoshop + Premier + After Effect + ProtoPie +Sketch



Duration: 2 mouths



In a senior user interface design course, we were tasked to conduct research for a selected design domain to understand users’ needs and goals for potential application opportunities. Seeing that Canada is home to some truly stunning scenery, more people are gaining interest in camping within the past decade. However, there are currently no application that can provide detailed information about camping all in one app., campers are usually required to open up several tabs and apps to look for the information they need. We saw an opportunity to create an application that serves as an all-inclusive platform for both beginners and experienced campers.



	


&#60;img width="100" height="121" width_o="100" height_o="121" data-src="https://freight.cargo.site/t/original/i/3ad95de32d0a56bf06393b74c50006273ea917d4e74541f83355f300d96e1888/butterfly.png" data-mid="122352307" border="0"  src="https://freight.cargo.site/w/100/i/3ad95de32d0a56bf06393b74c50006273ea917d4e74541f83355f300d96e1888/butterfly.png" /&#62;




	
	



	









	
Frustrations




Some of the biggest concern for campers are preparation before camping, and running into technical problem during camping such as “how to set up tents properly”, “what to do when I encounter a bear” and such. Although there are many existing applications for camping, most of these focus on certain campgrounds in one region. Campers are left to find solutions on several browsers and apps when they encounter issues in their camping trips. (see below for users' comments on existing applications)





	




	
	&#60;img width="11520" height="6480" width_o="11520" height_o="6480" data-src="https://freight.cargo.site/t/original/i/934cf26303a622d1f78d3c0593d247da1030c16085b234b55afa432a8b3dab51/334_goCamp_Page_3.jpg" data-mid="122353101" border="0"  src="https://freight.cargo.site/w/1000/i/934cf26303a622d1f78d3c0593d247da1030c16085b234b55afa432a8b3dab51/334_goCamp_Page_3.jpg" /&#62;




	
︎︎




	


	

“Naturally, I do not enjoy some camping

apps since I can't filter out campgrounds

who cannot accommodate

my requirements.”

	






	
Research



We began researching for insight on this issue by researching the challenges these existing applications pose. We then took these insights and created our own application interface that could better guide campers on their trips.

Insight: Information does not have a clear hierarchy? 
With the current travel applications designed camping, we noticed they lack hierarchy in information, and the applications do not interact with users enough to keep them motivated and continue using the app. While most campers camp in groups, most of the application consists of banal and tedious interface that does not allow collaboration on apps for trip planning. Plus, a lot of apps are not accessible while the internet is poor.







Proposal




Camping has been growing in popularity, however none of the current applications provide trip planning and skill learning all in one application, hence we came up with the idea where users can search up campsites and learn about camping at the same time.In addition, according to (Gursoy, Chen &#38;amp; Y.Lu, 2012), only 2% of the population in the United States camp alone, for that reason, users could use our application to create and customize checklists and share information among contacts who are also taking part in the camping trip rather than relying on endless struggle of group texts.With goCamp, both beginners and experienced campers can learn about all the information they need to prepare for their trips. Campers can also view the saved articles offline and use the AR camera to detect plants in the wild. The articles provided by our app will assist in addressing the frequently asked issues and information.



Our GoalWe have concluded the following common goals you want to achieve through our app:
All-inclusive information for users to learn about camping is just one-click awayExplore different campsites with activities and facilitates filterShareable camping checklist and articles with friends





	


	
	
&#60;img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/271315e7ec0fa8108d1004553ee23481f8ef90d194c59c8bf0ad5c2b2243b63b/334_goCamp_Page_5.jpg" data-mid="122354369" border="0"  src="https://freight.cargo.site/w/1000/i/271315e7ec0fa8108d1004553ee23481f8ef90d194c59c8bf0ad5c2b2243b63b/334_goCamp_Page_5.jpg" /&#62;
&#60;img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/0846e9f0e75509979c1e2dd65c02619bc33d3c0f946201f4f6575247e3b2e09f/334_goCamp_Page_4.jpg" data-mid="122354367" border="0"  src="https://freight.cargo.site/w/1000/i/0846e9f0e75509979c1e2dd65c02619bc33d3c0f946201f4f6575247e3b2e09f/334_goCamp_Page_4.jpg" /&#62;

	



	
Wireframe







Our team started designing the product by Making user journal map and asking “How might we?” question depend on the pain point and hign point which we found from the Kind Cafe customer.



-How might we to create a sense of understanding &#38;amp; community for new infrequent customer who are uninformed &#38;amp; misinformed about what it means to practice Zero Waste?-How might we create space for more digtal interaction? ...
	


	


&#60;img width="11387" height="6405" width_o="11387" height_o="6405" data-src="https://freight.cargo.site/t/original/i/0217593ebf2718da31d7fa2918317e4edb8a1fa98953c2be1a33d1cd366a09a2/344_gocamp_Page_06.jpg" data-mid="122354912" border="0"  src="https://freight.cargo.site/w/1000/i/0217593ebf2718da31d7fa2918317e4edb8a1fa98953c2be1a33d1cd366a09a2/344_gocamp_Page_06.jpg" /&#62;
&#60;img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/2d78c528cec8c8d3b536a8ad09d87146cddb347328f02a9e829ff3e0a5aab796/344_gocamp_Page_07.jpg" data-mid="122354913" border="0"  src="https://freight.cargo.site/w/1000/i/2d78c528cec8c8d3b536a8ad09d87146cddb347328f02a9e829ff3e0a5aab796/344_gocamp_Page_07.jpg" /&#62;
&#60;img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/5eb1a338290a278bf3a0065996cb3fe199fb55acebc660068ff42aa2d7eca140/344_gocamp_Page_08.jpg" data-mid="122354914" border="0"  src="https://freight.cargo.site/w/1000/i/5eb1a338290a278bf3a0065996cb3fe199fb55acebc660068ff42aa2d7eca140/344_gocamp_Page_08.jpg" /&#62;
&#60;img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/868516c79ebf8d983a1ab5c5ae5ad362b0f19a85b597ea9534ebbf145627f335/344_gocamp_Page_09.jpg" data-mid="122354915" border="0"  src="https://freight.cargo.site/w/1000/i/868516c79ebf8d983a1ab5c5ae5ad362b0f19a85b597ea9534ebbf145627f335/344_gocamp_Page_09.jpg" /&#62;

	





	Reflection&#38;nbsp;

Planning a camping trip should be a fun, exciting experience that flows smoothly into the camping journey itself. The proposal of goCamp aims to offer that with a friction-free user flow. I was satisfied as to how far we went with our project. As the was one of the first user experience courses I have taken, it was an intense experience to be thrown in the deep end of integrating design thinking with real business problems that were also drawn from my own experiences. This project also made me realize the importance of communicating an idea and executing it at a high level.However, in hindsight, one part I would have wanted to improve is to consider the overall mobile experience. For example, the body text on the content pages (Places and Camping 101) is too small and may not be legible on mobiles. I learned that it is important to create a mobile-friendly application that allows the user to accomplish their goals efficiently.






	






</description>
		
	</item>
		
		
	<item>
		<title>The Wizards Crucible</title>
				
		<link>https://davidgugu.com/The-Wizards-Crucible</link>

		<pubDate>Sat, 21 Aug 2021 11:21:30 +0000</pubDate>

		<dc:creator>DavidGu</dc:creator>

		<guid isPermaLink="true">https://davidgugu.com/The-Wizards-Crucible</guid>

		<description>


	


	

VR gameThe Wizards Crucible
	


	
	Course: IAT 445 Immersive Environments











Role: User-Research, 3D molder, Animator, Art Directon, Graphic Design, Camera &#38;amp; Video editing



Tool: Unity + Maya + Illustrator  + Photoshop + After Effect + Premiere



Duration: 3 months


A wizarding world where the player learns and uses magical spells to solve wizard’s tests to escape.

The player approaches an open book on a table and is sucked into a magical world. The player wakes up in an old castle where there are a wand and a spellbook in front of them. The player’s mission is to escape this magical world and get back to their own planet. The player will learn and cast spells to solve puzzles in subsequent challenge rooms. After a challenge room is completed, another challenge will unlock where the player will progress further into the depths of the castle to try to find a way out of this world.
Download The Wizards Crucible

	

&#60;img width="1296" height="1728" width_o="1296" height_o="1728" data-src="https://freight.cargo.site/t/original/i/34dc2afad70b53a342dab1d40fa9764902d297675fe5d0586373408aed3bf989/445poster.png" data-mid="116994747" border="0" data-scale="88" src="https://freight.cargo.site/w/1000/i/34dc2afad70b53a342dab1d40fa9764902d297675fe5d0586373408aed3bf989/445poster.png" /&#62;



	&#60;img width="600" height="600" width_o="600" height_o="600" data-src="https://freight.cargo.site/t/original/i/a2771d56e317ddd80c2f0c1aa7e1d72c20c0349c3d058a854bcb47b795bdb7b7/tumblr_o2lxikVHim1uosm2eo1_1280.png" data-mid="116989959" border="0" data-scale="57" data-rotation="-15" src="https://freight.cargo.site/w/600/i/a2771d56e317ddd80c2f0c1aa7e1d72c20c0349c3d058a854bcb47b795bdb7b7/tumblr_o2lxikVHim1uosm2eo1_1280.png" /&#62;
	



	









	Our Creation
Our assignment for this 4th-year course was to create a Virtual Reality Game that encouraged users to physically move and use upper body motions they otherwise wouldn't use. So for this, my team and I began brainstorming fun worlds that we would love to inhabit ourselves and settled on a magical castle with a mysterious vibe to compel players to explore their environment. We understood that many players would happily do physical gestures they otherwise wouldn’t do if they were having fun and were immersed inside another world. While designing the levels, I met up frequently with our 3D modeller and sound designers to establish the feeling we wish to give players as they move through levels with visual and auditory cues.



	




	
	&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/c541f7c364fe90114244e33600f7681ff8e33303d33343d8cd472f0051406369/38a1b372121633.5bdc6eb94a89e.png" data-mid="116994341" border="0"  src="https://freight.cargo.site/w/1000/i/c541f7c364fe90114244e33600f7681ff8e33303d33343d8cd472f0051406369/38a1b372121633.5bdc6eb94a89e.png" /&#62;

	








	Game Concept

Our finalized concept was to place players in an enchanted castle where they will be able to explore their environment, learn magical spells and solve puzzles to escape from the castle. Spells are learned by having players trace large shapes in front of them with their wands, once complete they will have learned a new spell and have the ability to execute it. Since we only had a few months of part-time work to complete the game we chose the two most fun abilities to implement; fireball and levitation. Essentially players could shoot balls of fire at objects breaking them / lighting up their environment and can shoot a levitation beam out from their wand to grasp and move large objects around.



	


	
	
&#60;img width="955" height="651" width_o="955" height_o="651" data-src="https://freight.cargo.site/t/original/i/51a97f81988cfac6434bee9190b4f43e7a9b1bb1e43d65a0b5d36ce323b23a44/76710874_691356921267766_6522739396184113152_n.png" data-mid="116994378" border="0"  src="https://freight.cargo.site/w/955/i/51a97f81988cfac6434bee9190b4f43e7a9b1bb1e43d65a0b5d36ce323b23a44/76710874_691356921267766_6522739396184113152_n.png" /&#62;
&#60;img width="960" height="653" width_o="960" height_o="653" data-src="https://freight.cargo.site/t/original/i/5a0c2cf6eea16accf35f47d10adf3d4aeced31e226c9db640348f18e9c273e02/75371704_425841274772441_393360545513734144_n.png" data-mid="116994377" border="0"  src="https://freight.cargo.site/w/960/i/5a0c2cf6eea16accf35f47d10adf3d4aeced31e226c9db640348f18e9c273e02/75371704_425841274772441_393360545513734144_n.png" /&#62;
&#60;img width="1683" height="871" width_o="1683" height_o="871" data-src="https://freight.cargo.site/t/original/i/0e2ab24e7dbe05689096fd984767b66cce0920bd9ed6b8d50ded8fe1baf429ec/74395423_571499163626842_4906560627381633024_n.png" data-mid="116994376" border="0"  src="https://freight.cargo.site/w/1000/i/0e2ab24e7dbe05689096fd984767b66cce0920bd9ed6b8d50ded8fe1baf429ec/74395423_571499163626842_4906560627381633024_n.png" /&#62;

	



	Player Abilites / Tracing





The tracing system was a large part of our game. It's the primary way that players would be using upper body motions, so it had to be done well. Building up from the prototypes I had made, I didn't feel the need to change much of the mechanics as a lot of players felt they understood what to do instinctively during our playtesting sessions. The changes made were to polish up the effect more for the few playtesters that didn't understand what to do. I added a glowing material to the tracing orb as well as particle effects to draw their attention, thickened the connecting line between the wand and orb to give it a more elastic feeling, and the final touch was to include controller vibration as the tracing sequence began so players had haptic feedback that something was happening.



	






	
&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/c87604ba20ad8e9f9f9803271450b7f6668a3f0dc8c1cf8959796e93c4132b35/13.jpg" data-mid="116994476" border="0"  src="https://freight.cargo.site/w/1000/i/c87604ba20ad8e9f9f9803271450b7f6668a3f0dc8c1cf8959796e93c4132b35/13.jpg" /&#62;
&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/e5993113123a32db06c5244350471dfd1ad85a810b0778c45854164de7b74d0d/9.jpg" data-mid="116994475" border="0"  src="https://freight.cargo.site/w/1000/i/e5993113123a32db06c5244350471dfd1ad85a810b0778c45854164de7b74d0d/9.jpg" /&#62;
&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/7d92abc711cd20ec18d561a2147d99d957c0a2d03660bb36ca49c512644f8b54/8.jpg" data-mid="116994474" border="0"  src="https://freight.cargo.site/w/1000/i/7d92abc711cd20ec18d561a2147d99d957c0a2d03660bb36ca49c512644f8b54/8.jpg" /&#62;

	


	
	Playtesting



We ran several playtesting sessions in which I walked players through the concept of our game and monitored them as they played to ensure everything was running smoothly, making sure all major bugs were taken care of asap and watching/taking notes of how players behaved in certain situations to varify our design choices and level layout.



	&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/21f93a37bc798af5b1790857ac3be37d4c39d27198c8ee9aeba886e886e3d44b/14.jpg" data-mid="116994505" border="0"  src="https://freight.cargo.site/w/1000/i/21f93a37bc798af5b1790857ac3be37d4c39d27198c8ee9aeba886e886e3d44b/14.jpg" /&#62;
	





	







	Final Game and Showcase!
Our original plan to have an alchemy section where players can mix potions for power-ups and stats boosts Haiding several wands in each level for the player to collect was ultimately shelved in the end due to the time constraints we had. Watch our showcase documentary and gameplay at the top of the page.




	





	



	





</description>
		
	</item>
		
		
	<item>
		<title>Nouvel Opera Fribourg</title>
				
		<link>https://davidgugu.com/Nouvel-Opera-Fribourg</link>

		<pubDate>Tue, 10 Aug 2021 08:08:53 +0000</pubDate>

		<dc:creator>DavidGu</dc:creator>

		<guid isPermaLink="true">https://davidgugu.com/Nouvel-Opera-Fribourg</guid>

		<description>


	


	

Visual UX/UI DesignNouvel Opera Fribourg
	


	
	IAT438 - Interactive Objects and Environments











Role:Visual Design, UX/UI Design, Graphic Design, Prototyping, 
 Video editing



Tool: Figma, Illustrator + Photoshop + After Effect&#38;nbsp;



Duration: 6 weeks




A visual brand identity for Nouvel Opera Fribourg which insights from various designers to guide our process, such as Dan Friedman, Ellen Lupton and design studio NEO NEO.

	





	
	
&#60;img width="1584" height="2448" width_o="1584" height_o="2448" data-src="https://freight.cargo.site/t/original/i/bc074fd6af40a90f0c0af1b7de35cb8ee15248e54063ef5cd348b1307df238a4/Tabloid---7.jpg" data-mid="115969542" border="0"  src="https://freight.cargo.site/w/1000/i/bc074fd6af40a90f0c0af1b7de35cb8ee15248e54063ef5cd348b1307df238a4/Tabloid---7.jpg" /&#62;
&#60;img width="1983" height="1404" width_o="1983" height_o="1404" data-src="https://freight.cargo.site/t/original/i/6fd9d2b38ee2d757f60e41f0cc42b7d93ea6da2542c163a0ef651442af184478/Frame-64.png" data-mid="115969712" border="0"  src="https://freight.cargo.site/w/1000/i/6fd9d2b38ee2d757f60e41f0cc42b7d93ea6da2542c163a0ef651442af184478/Frame-64.png" /&#62;
&#60;img width="5000" height="3750" width_o="5000" height_o="3750" data-src="https://freight.cargo.site/t/original/i/324413c45e36d622af217f340ed4f92cc9d432ccde0e2dd054cf2ba3ba1b361d/Event-Ticket-Mockup.png" data-mid="115969540" border="0"  src="https://freight.cargo.site/w/1000/i/324413c45e36d622af217f340ed4f92cc9d432ccde0e2dd054cf2ba3ba1b361d/Event-Ticket-Mockup.png" /&#62;
&#60;img width="3600" height="2400" width_o="3600" height_o="2400" data-src="https://freight.cargo.site/t/original/i/9492e09d81cf22c162aa26ec42983e0f57a3712e3c92b71842035de593a63cfc/sign5.png" data-mid="115969695" border="0"  src="https://freight.cargo.site/w/1000/i/9492e09d81cf22c162aa26ec42983e0f57a3712e3c92b71842035de593a63cfc/sign5.png" /&#62;

	





	

	About the Company


Nouvel Opéra Fribourg is a Swiss-based performing arts center that produces classical and contemporary musical theater and opera. By using offbeat practices and light-hearted humour, their live productions soften the divide between Western art forms of baroque lyricism and oral traditions.





	





︎︎




	Opportunity


We created a future-state journey map to show an ideal scenario for a new attendee. This is for someone who has recently developed an interest in local performing arts and is seeking to experience diverse forms of live and intimate performances.


We decided to intervene at the Enter stage for our microsite as we saw an opportunity to align what could be considered our persona's biggest goal of going online and learning more about the shows and events that are offered, while providing more value for Nouvel Opera Fribourg as a young performing arts center.







	


	
	&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/45e8f3cb57aa6667bab075b87f380a4de7729206435118149e334781fcb52736/User-Journey.jpg" data-mid="115920418" border="0"  src="https://freight.cargo.site/w/1000/i/45e8f3cb57aa6667bab075b87f380a4de7729206435118149e334781fcb52736/User-Journey.jpg" /&#62;
	



	Art Direction


As a prominent contributor of New Wave design, Dan Friedman challenges conventional modern Swiss design by pushing the boundaries between legibility and readability. He later pioneered radical modernism to embrace elements of expressionism that reject the constraints of corporate designs. 

From our research, these were the qualities we decided to follow through with:
1. Disrupting monotonous readability
2. Rhythm informing grid





3. Cohabiting 2D and 3D forms







	


	
&#60;img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/1e1e819b14a6df1349bc7dbf67658677e8fae345ea7427a562fc582bcf805b05/quality_1.jpg" data-mid="115922692" border="0"  src="https://freight.cargo.site/w/1000/i/1e1e819b14a6df1349bc7dbf67658677e8fae345ea7427a562fc582bcf805b05/quality_1.jpg" /&#62;
&#60;img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/df611212c0b97682d35963a1f5bbd6ac830a361c9a911554484516665d38c979/quality_2.jpg" data-mid="115922765" border="0"  src="https://freight.cargo.site/w/1000/i/df611212c0b97682d35963a1f5bbd6ac830a361c9a911554484516665d38c979/quality_2.jpg" /&#62;
&#60;img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/667d42a7a8347c0cdfb60a734e3f1e760938d0c87db8f980649148a33a084010/quality_3.jpg" data-mid="115922768" border="0"  src="https://freight.cargo.site/w/1000/i/667d42a7a8347c0cdfb60a734e3f1e760938d0c87db8f980649148a33a084010/quality_3.jpg" /&#62;

	








	Process 1:Lateral Explorations




The first line of investigation synthesizes the qualities of disrupting monotonous readability, layering shapes and colours alongside principles of texture and framing.


This direction was created for motivating viewers to perform a holistic exploration of the design space and in achieving a dynamic visual scene. The traditions of type are challenged when it's used in atypical ways that hinder legibility but promote the more creative endeavors of readability. As well, the intermixing of shapes and colours with textures can provide interestingly abstract frames for literal objects and 


	
	

images.






	




	
	&#60;img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/49e15c37203265ad44a873f0c55e433500130ff7963dafb50cce1cd789f0f155/Frame-61.jpg" data-mid="115967558" border="0"  src="https://freight.cargo.site/w/1000/i/49e15c37203265ad44a873f0c55e433500130ff7963dafb50cce1cd789f0f155/Frame-61.jpg" /&#62;
	



	

Our second line of investigation couples rhythm informing grid and layering of shapes and colours.




Our intent for the piece was to utilize unconventional spatial elements in driving a dynamic composition. Shapes and texts are then incorporated to establish progressive or repetitious rhythms in reimagining the grid structure.





	




	&#60;img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/02f636798cbcac0348873a4c4b4ece2dc85a472ad8597e896f27b8d6b8c0c85d/Frame-62.jpg" data-mid="115968008" border="0"  src="https://freight.cargo.site/w/1000/i/02f636798cbcac0348873a4c4b4ece2dc85a472ad8597e896f27b8d6b8c0c85d/Frame-62.jpg" /&#62;
	


	

In the last line of investigation, we cohabiting 2d and 3d forms, layering shapes and colors, also incorporating different textures to our graphic assets.




we start to collect pictorial and abstract forms, which bring in a sense of depth, authenticity, and playfulness to a visual narrative using physical collaging.





	










	&#60;img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/d8f0465caf1549772f00cb47d93bdd74194e0bf18f7159082406de0de61dcfde/Frame-63.jpg" data-mid="115969803" border="0"  src="https://freight.cargo.site/w/1000/i/d8f0465caf1549772f00cb47d93bdd74194e0bf18f7159082406de0de61dcfde/Frame-63.jpg" /&#62;
	




	Process 2:Lateral Explorations within 

disrupting monotonous readability, layering shapes and colours alongside principles of texture and framing.



Upon all the explorations, we settled down with one line of investigation featuring the quality of disrupting monotonous readability along with principles of layering shapes and colours, incorporating textures, and framing text and images. 



Aiming to focus on challenging the notion of functional readability, we utilized unconventional typographic practices to stretch the limits of monotonous and passive reading, while integrating overlapping layers and textures to provide dynamism through depth.
	


	&#60;img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/12b5e332fc6080da81b3843fbe376e9fa28d43b2b9767079ae2757b3a5779c43/Loi-intent.jpg" data-mid="115968393" border="0"  src="https://freight.cargo.site/w/1000/i/12b5e332fc6080da81b3843fbe376e9fa28d43b2b9767079ae2757b3a5779c43/Loi-intent.jpg" /&#62;
	


	

As we moved forward in our progress, we decided to further expand Friedman's quality of challenging passive reading into three specific techniques as it would provide the team with a more pointed lens for exploration and execution.




IRREGULAR SPACING AND CONTRASTING STYLES :The first of these being irregular spacing and contrasting styles to break conventional and "corporate-like" practices in favour of viewer interest and excitement.




OBSTRUCTING FLOW :The second focused on obstructing text with organic and irregular polygons to disrupt a linear and normalized reading flow while demanding active participation in decoding information.




INTERWEAVING TYPE AND IMAGE : And the third blurs the boundaries of imagery and text, unifying the two different mediums into one, creating a compelling tension that draws in viewers.



	




	
	
&#60;img width="5000" height="3750" width_o="5000" height_o="3750" data-src="https://freight.cargo.site/t/original/i/9325d4c6091f7a73f8c4ce613e610393e9a8f1c0147ebc71d8b98f3ec45211f7/Event-Ticket-Mockup.png" data-mid="115969325" border="0"  src="https://freight.cargo.site/w/1000/i/9325d4c6091f7a73f8c4ce613e610393e9a8f1c0147ebc71d8b98f3ec45211f7/Event-Ticket-Mockup.png" /&#62;
&#60;img width="1584" height="2448" width_o="1584" height_o="2448" data-src="https://freight.cargo.site/t/original/i/d311ae95a4f55450bdca444759b8d6f2cdebde7b36b7afa9999a495f76a5a46b/Tabloid---7.jpg" data-mid="115968785" border="0"  src="https://freight.cargo.site/w/1000/i/d311ae95a4f55450bdca444759b8d6f2cdebde7b36b7afa9999a495f76a5a46b/Tabloid---7.jpg" /&#62;
&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/05611a027f318fb75776a8956ba43ff66ebff7239c5d30b38fd01d63e6054385/05.png" data-mid="115968970" border="0"  src="https://freight.cargo.site/w/1000/i/05611a027f318fb75776a8956ba43ff66ebff7239c5d30b38fd01d63e6054385/05.png" /&#62;
&#60;img width="1398" height="2160" width_o="1398" height_o="2160" data-src="https://freight.cargo.site/t/original/i/3070edd30828530e90b4db36cac4d08d404c0b46e5514fb462e0f99262ecab6e/Tabloid---27.jpg" data-mid="115968792" border="0"  src="https://freight.cargo.site/w/1000/i/3070edd30828530e90b4db36cac4d08d404c0b46e5514fb462e0f99262ecab6e/Tabloid---27.jpg" /&#62;
&#60;img width="1398" height="2160" width_o="1398" height_o="2160" data-src="https://freight.cargo.site/t/original/i/e061a39ea7612c42c16ec3feeb21182afef3c4f3d9b3c4a2ad7d51edcb1a4d31/Tabloid---26.png" data-mid="115968791" border="0"  src="https://freight.cargo.site/w/1000/i/e061a39ea7612c42c16ec3feeb21182afef3c4f3d9b3c4a2ad7d51edcb1a4d31/Tabloid---26.png" /&#62;
&#60;img width="1850" height="1711" width_o="1850" height_o="1711" data-src="https://freight.cargo.site/t/original/i/eb8d65f4667d08f03ac4288764a809b51e4dda792cf75f4a76930c9510483d3f/Frame-56.png" data-mid="115969444" border="0"  src="https://freight.cargo.site/w/1000/i/eb8d65f4667d08f03ac4288764a809b51e4dda792cf75f4a76930c9510483d3f/Frame-56.png" /&#62;
&#60;img width="2642" height="1651" width_o="2642" height_o="1651" data-src="https://freight.cargo.site/t/original/i/1fa01398522dfbef2874613a60df580cb81728e00b00a780ddd45d675b63cb8e/Frame-57.png" data-mid="115969448" border="0"  src="https://freight.cargo.site/w/1000/i/1fa01398522dfbef2874613a60df580cb81728e00b00a780ddd45d675b63cb8e/Frame-57.png" /&#62;
&#60;img width="1920" height="1434" width_o="1920" height_o="1434" data-src="https://freight.cargo.site/t/original/i/58618134eafdb0b3249b7a831a18e591ee7d5ffb9c5ff666df9e2fb49803f55d/34334.png" data-mid="115972852" border="0"  src="https://freight.cargo.site/w/1000/i/58618134eafdb0b3249b7a831a18e591ee7d5ffb9c5ff666df9e2fb49803f55d/34334.png" /&#62;
&#60;img width="4000" height="3000" width_o="4000" height_o="3000" data-src="https://freight.cargo.site/t/original/i/f97d27f9e08da63d73f158aac7ddd03e236dba2d9a70c22386d4fe9bec70b90c/BAG.png" data-mid="115969849" border="0"  src="https://freight.cargo.site/w/1000/i/f97d27f9e08da63d73f158aac7ddd03e236dba2d9a70c22386d4fe9bec70b90c/BAG.png" /&#62;


	










	Final Direction



Although we explored many ways of extending the concept of interweaving text and image to our microsite, its specificity constrained the team a bit too much and we ended designing in a loop with no real progress. Being stuck in this rut led us to revisit our previous explorations that had more potential moving forward.

So, our revised direction is an exploration of Friedman's irregular spacing and contrasting styles in addition to framing, and layering shapes, colors, and textures.

Moodboard



Some design attributes that were considered in the making of this exploration: dense texture to obscure literal imagery, warping images to express emotion, combining layers and spacing to stimulate active reading, and softening rigid forms with organic lines.


 





	


	&#60;img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/9d018744ebdbc4a0dfbe992527fd70e4db64ac5a34ba3c5ea0beb0fb1746288f/MB.jpg" data-mid="115970116" border="0"  src="https://freight.cargo.site/w/1000/i/9d018744ebdbc4a0dfbe992527fd70e4db64ac5a34ba3c5ea0beb0fb1746288f/MB.jpg" /&#62;
	
	
	

We paired Futura (foo-tura) and Ogg for their contrasting characteristics. Futura is used to highlight its elongated ascenders and provide optimal legibility for smaller-sized content, while the classy calligraphic traits of Ogg resonate with the free-forming elements and add personality.




	



	&#60;img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/453699312689cd8f2e6005e2a89542aef0730a2bba81609961a43c2e958ddfbe/Font.jpg" data-mid="115970360" border="0"  src="https://freight.cargo.site/w/1000/i/453699312689cd8f2e6005e2a89542aef0730a2bba81609961a43c2e958ddfbe/Font.jpg" /&#62;
	














	



Consisting of a dominant achromatic visual presence, the red is used as an accent to balance flatness and provide a striking contrast to bring vibrancy and energy.






	


	&#60;img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/66c94113d3efe5b17cb427fd8fd3681e254c523a710f9d8b6e5b131d05d39383/color.jpg" data-mid="115970438" border="0"  src="https://freight.cargo.site/w/1000/i/66c94113d3efe5b17cb427fd8fd3681e254c523a710f9d8b6e5b131d05d39383/color.jpg" /&#62;
	


	Interaction

In our interaction exploration, we had revisited our qualities and principles and examined how we could transfer them into expressive and logical experiences on our microsite. We were fascinated by how spatial intervals can be used to play with ambiguity while creating denial and reward. 

And also, how multi-dimensional layering can stimulate engagement and surface a multitude of content through depth. 



And how texture and motion can cohabit to create a dynamic and energizing experience.

For our microsite, we decided to switch our header and body font, opting for Ogg for headers and Futura for body copy. We did so since, during exploration with the site, we found that using Ogg for small body copy was difficult to read, and we thought that showcasing Ogg in larger text, like with our landing page and show titles, presented the text in a visually compelling way.


 





	


	&#60;img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/b001767ed0923f83cb4a1b48c9ce668624e8e06ec22d0d944b77a853f2efc806/Microsite-Breakdown---legibility.jpg" data-mid="115970537" border="0"  src="https://freight.cargo.site/w/1000/i/b001767ed0923f83cb4a1b48c9ce668624e8e06ec22d0d944b77a853f2efc806/Microsite-Breakdown---legibility.jpg" /&#62;
	


	Discovering shows








HOVER: Reveal complete show name, bite-sized synopsis, and an animation of textured organic shapes framing the show.CLICK: Direct users to more content and information about the selected show.






 



	


	
	




	








About Klanggg
Provide a summary, date, and location about Klanggg as an event, as well as a listing of the six shows presented.







HOVER: Reveal the show’s genre and an associated image.

	


	
	








	


	
	Learning about a elected show

SCROLL: Detailed information is layered between the pieces of the show name. CLICK: Reveal more detailed information, expand videos full-screen, and guide users to next show.HOVER: Clarify navigational iconography and present actionable options.IMAGES: Achromatic color palette allows for viewable images while still tying together with art direction.



	



	
	




	

Purchasing tickets


HOVER: Broken up words are stitched together and reveals process information.CLICK: Interact with text fields and direct users to the next step of the process.





	






	


	







	Reflection&#38;nbsp;
Over the course of the past few weeks, we really learned a lot about the design process. Making sure that we're not trapped into thinking too linearly, not getting overly attached to an idea, and being able to pivot away if the idea isn't able to progress forward.

	






</description>
		
	</item>
		
		
	<item>
		<title>SEE:NEMA</title>
				
		<link>https://davidgugu.com/SEE-NEMA</link>

		<pubDate>Tue, 10 Aug 2021 07:39:58 +0000</pubDate>

		<dc:creator>DavidGu</dc:creator>

		<guid isPermaLink="true">https://davidgugu.com/SEE-NEMA</guid>

		<description>


	


	

Netflix Design JamSEE:NEMA
	


	
	Role: User-Research, UX/UI Design, Graphic Design, Prototyping, 
 Camera &#38;amp; Video editing



Tool: Adobe XD, Illustrator + Photoshop + Premier + After Effect + ProtoPie



Duration: 3 days




To connect people and cultures through diverse content available on Netflix, the 3rd-party desktop app: SEE:NEMA provided a platform for the audience to enjoy every memorable watching moment with friends, family and people from all around the world. &#38;nbsp;



	





	
	

	









	
	

</description>
		
	</item>
		
		
	<item>
		<title>Tealeaves Internship</title>
				
		<link>https://davidgugu.com/Tealeaves-Internship</link>

		<pubDate>Tue, 05 Jan 2021 17:06:06 +0000</pubDate>

		<dc:creator>DavidGu</dc:creator>

		<guid isPermaLink="true">https://davidgugu.com/Tealeaves-Internship</guid>

		<description>


	


	

TEALEAVES IntershipVisual design, Video Ads, Packaging, and other creative work.


	&#60;img width="4928" height="3264" width_o="4928" height_o="3264" data-src="https://freight.cargo.site/t/original/i/4b769a2ee45961c5909f85cf9d15f0147bfe42c52baf6bc6c587d72e8e30aa57/pexels-skitterphoto-597055.png" data-mid="99371290" border="0"  src="https://freight.cargo.site/w/1000/i/4b769a2ee45961c5909f85cf9d15f0147bfe42c52baf6bc6c587d72e8e30aa57/pexels-skitterphoto-597055.png" /&#62;


	
	Tealeaves is one of the few tea blending companies in the world, founded in Vancouver. By working with some of the world's best restaurants (Jean Georges Vongerichten, Alain Ducasse, Guy Savoy) and hotels (Four Seasons and Mandarin Oriental), Tealeaves has gained a lot of unparalleled reputation by creating innovative blends and provide the best tea choice to the customers.During my intership,I worked as creative + visual designer in the "Creative Team". In short, our team is mainly responsible for all the design-related projects and assets of Tealeaves. My main work as the Visual Design Intern included creating promotional Ads and different social media posts, 3D reder and mutiple visual asset for the web and email campaigns
. In addition, I also assisted with packaging projects, including the design of the insert for the limted Lunar new year loose leaf gift set and experience kit.

	






	Project
Some select projects that I’ve had the opportunity to work on during this internship experience:
	
	
	Animation AdsProduced a variety of video Ads assets for some of the existing and new products and events on the marketing calendar at Tealeaves,&#38;nbsp;such as TGIF, Halloween, Nutcracker, Black Friday, Holiday Guide, and Gift Card.

	

	
	
    

	
    

	
    

	




	Creative Design for Dieline Submission
	
	
	
&#60;img width="2400" height="3000" width_o="2400" height_o="3000" data-src="https://freight.cargo.site/t/original/i/d0c8d24cbc63ba2431dbeabd2ef21ddf4cedb070585445e8b15ae811be1f4a81/PapertubeDreamyShot_1.png" data-mid="98373484" border="0"  src="https://freight.cargo.site/w/1000/i/d0c8d24cbc63ba2431dbeabd2ef21ddf4cedb070585445e8b15ae811be1f4a81/PapertubeDreamyShot_1.png" /&#62;
&#60;img width="2400" height="3000" width_o="2400" height_o="3000" data-src="https://freight.cargo.site/t/original/i/5e1e6a74cd5cb32a572fc6766d674c4c87502a2958a1e5b2bb1fab3533314edd/PapertubeDreamyShot_2.png" data-mid="98373488" border="0"  src="https://freight.cargo.site/w/1000/i/5e1e6a74cd5cb32a572fc6766d674c4c87502a2958a1e5b2bb1fab3533314edd/PapertubeDreamyShot_2.png" /&#62;
&#60;img width="2400" height="3000" width_o="2400" height_o="3000" data-src="https://freight.cargo.site/t/original/i/77624b9824c528bd7567670ef9dfee87116b45e2d86a39e371a8df6bc04f53e6/MutipleTubeShot_1.png" data-mid="98374019" border="0"  src="https://freight.cargo.site/w/1000/i/77624b9824c528bd7567670ef9dfee87116b45e2d86a39e371a8df6bc04f53e6/MutipleTubeShot_1.png" /&#62;
&#60;img width="2400" height="3000" width_o="2400" height_o="3000" data-src="https://freight.cargo.site/t/original/i/a62938f3bf217310feb43db29ee7a2b1abdb23fa380665455f5af4adbd6f1cc6/PapertubeDreamyShot_3.png" data-mid="98373492" border="0"  src="https://freight.cargo.site/w/1000/i/a62938f3bf217310feb43db29ee7a2b1abdb23fa380665455f5af4adbd6f1cc6/PapertubeDreamyShot_3.png" /&#62;
&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ab5977c67d655bf7be46bcda51f59b502ac893000cc55f1587045661a4aba438/CollectionsShot_1.png" data-mid="98373467" border="0"  src="https://freight.cargo.site/w/1000/i/ab5977c67d655bf7be46bcda51f59b502ac893000cc55f1587045661a4aba438/CollectionsShot_1.png" /&#62;

	





	
	
&#60;img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/9f1650ceaa8fd865f2c84ed36dbbde36636980ee1d0617383be4d58f4bb70676/DailyRitualsofAroma.jpg" data-mid="99369587" border="0"  src="https://freight.cargo.site/w/1000/i/9f1650ceaa8fd865f2c84ed36dbbde36636980ee1d0617383be4d58f4bb70676/DailyRitualsofAroma.jpg" /&#62;
&#60;img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/25e338b578b9e6cdda7054bde57471d718a1258c5a29b149789036ba08a729c2/ImperialEarlGrey.jpg" data-mid="99369589" border="0"  src="https://freight.cargo.site/w/1000/i/25e338b578b9e6cdda7054bde57471d718a1258c5a29b149789036ba08a729c2/ImperialEarlGrey.jpg" /&#62;
&#60;img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/b29be50d7cae42ca3a68d006d7c1704fd65eca2c52e6e9a29e41f30d82c00840/PurelyPeppermint_v2.jpg" data-mid="99369590" border="0"  src="https://freight.cargo.site/w/1000/i/b29be50d7cae42ca3a68d006d7c1704fd65eca2c52e6e9a29e41f30d82c00840/PurelyPeppermint_v2.jpg" /&#62;
&#60;img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/4a065a68ebe71f9132d65c562cfc09ddc70a73d099073649a4bb3202d309ccf8/CalmingChamomile.jpg" data-mid="99369586" border="0"  src="https://freight.cargo.site/w/1000/i/4a065a68ebe71f9132d65c562cfc09ddc70a73d099073649a4bb3202d309ccf8/CalmingChamomile.jpg" /&#62;
&#60;img width="2400" height="3000" width_o="2400" height_o="3000" data-src="https://freight.cargo.site/t/original/i/7b3678ec5b2c8a15c49854e0aa418b32997977ac8e1c1192e13fced33e369b7c/CloseShot.jpg" data-mid="99369820" border="0"  src="https://freight.cargo.site/w/1000/i/7b3678ec5b2c8a15c49854e0aa418b32997977ac8e1c1192e13fced33e369b7c/CloseShot.jpg" /&#62;
&#60;img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/fa4d4e0abc5771962fe9e30b23db12ce4f0f5c5044f074a76f255c88fda28c5b/CollectionShot_2.jpg" data-mid="99369803" border="0"  src="https://freight.cargo.site/w/1000/i/fa4d4e0abc5771962fe9e30b23db12ce4f0f5c5044f074a76f255c88fda28c5b/CollectionShot_2.jpg" /&#62;
&#60;img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/130870bb8453143bc40c30a0efbcd2f6229adc7b7cacc18516fccae3881b9585/EnglishBreakfast.jpg" data-mid="99369588" border="0"  src="https://freight.cargo.site/w/1000/i/130870bb8453143bc40c30a0efbcd2f6229adc7b7cacc18516fccae3881b9585/EnglishBreakfast.jpg" /&#62;


	








&#60;img width="100" height="118" width_o="100" height_o="118" data-src="https://freight.cargo.site/t/original/i/830b2098591f577139170381535b38dd3ef24d3e63c4435472ede4742fefd7ae/306865631541211-copy.png" data-mid="94031632" border="0" data-rotation="17.5" src="https://freight.cargo.site/w/100/i/830b2098591f577139170381535b38dd3ef24d3e63c4435472ede4742fefd7ae/306865631541211-copy.png" /&#62;
	More project coming soon! (packaging, email campaigns, etc). For now, I'm happy to talk about this intership more detail in an interview.&#38;nbsp;︎


	






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