http://www.ceciliayang.com cecilia yang / 杨茜 Wed, 25 Jan 2012 00:52:07 +0000 http://www.ceciliayang.com en http://ceciliayang.com/Mythologies http://ceciliayang.com/following/ceciliayang.com/Mythologies Wed, 25 Jan 2012 00:52:07 +0000 cecilia yang / 杨茜 2259461 <img src="http://payload.cargocollective.com/1/3/114131/2259461/various-myth1.jpg" border="0" width="575" height="502" width_o="575" height_o="502" src_o="http://payload.cargocollective.com/1/3/114131/2259461/various-myth1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/114131/2259461/various-myth2.jpg" border="0" width="575" height="680" width_o="575" height_o="680" src_o="http://payload.cargocollective.com/1/3/114131/2259461/various-myth2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/114131/2259461/various-myth3.jpg" border="0" width="575" height="767" width_o="575" height_o="767" src_o="http://payload.cargocollective.com/1/3/114131/2259461/various-myth3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/114131/2259461/various-myth4.jpg" border="0" width="575" height="781" width_o="575" height_o="781" src_o="http://payload.cargocollective.com/1/3/114131/2259461/various-myth4_o.jpg" align="left" /> http://ceciliayang.com/Android-Companion-for-Jawbone http://ceciliayang.com/following/ceciliayang.com/Android-Companion-for-Jawbone Wed, 25 Jan 2012 00:21:27 +0000 cecilia yang / 杨茜 2262000 Designed all visual user interface elements for Jawbone Companion, an Android app that adds new features to the Jawbone device. With Companion, you can hear alerts for upcoming calendar events and other info through your Jawbone, see its remaining battery life, and dial into conference calls automatically when they begin. Role: Visual + UX Design Tutorial: <img src="http://payload.cargocollective.com/1/3/114131/2262000/tutorial1.png" border="0" width="350" height="770" width_o="350" height_o="770" src_o="http://payload.cargocollective.com/1/3/114131/2262000/tutorial1_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/3/114131/2262000/tutorial2.png" border="0" width="350" height="770" width_o="350" height_o="770" src_o="http://payload.cargocollective.com/1/3/114131/2262000/tutorial2_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/3/114131/2262000/tutorial3.png" border="0" width="350" height="770" width_o="350" height_o="770" src_o="http://payload.cargocollective.com/1/3/114131/2262000/tutorial3_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/3/114131/2262000/tutorial4.png" border="0" width="350" height="770" width_o="350" height_o="770" src_o="http://payload.cargocollective.com/1/3/114131/2262000/tutorial4_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/3/114131/2262000/tutorial5.png" border="0" width="350" height="770" width_o="350" height_o="770" src_o="http://payload.cargocollective.com/1/3/114131/2262000/tutorial5_o.png" align="left" /> http://ceciliayang.com/JAMBOX-Landing-page http://ceciliayang.com/following/ceciliayang.com/JAMBOX-Landing-page Fri, 23 Dec 2011 20:09:55 +0000 cecilia yang / 杨茜 2399982 Designed various landing pages for the JAMBOX. Users get to these pages by scanning QR codes on products displayed in stores or from banner ads on the web. Role: UX + visual design <img src="http://payload4.cargocollective.com/1/3/114131/2399982/adwordsOptimizedPages_v10_final-06.png" border="0" width="670" height="502" width_o="1251" height_o="939" src_o="http://payload4.cargocollective.com/1/3/114131/2399982/adwordsOptimizedPages_v10_final-06_o.png" align="left" caption="Within browser"/> <img src="http://payload4.cargocollective.com/1/3/114131/2399982/adwordsOptimizedPages_v10_final-07.png" border="0" width="670" height="502" width_o="1251" height_o="939" src_o="http://payload4.cargocollective.com/1/3/114131/2399982/adwordsOptimizedPages_v10_final-07_o.png" align="left" caption="Within browser"/> <img src="http://payload4.cargocollective.com/1/3/114131/2399982/adwordsOptimizedPages_v10_final-08.png" border="0" width="670" height="638" width_o="1250" height_o="1191" src_o="http://payload4.cargocollective.com/1/3/114131/2399982/adwordsOptimizedPages_v10_final-08_o.png" align="left" caption="Final design wireframes"/> http://ceciliayang.com/charity-water-JAMBOX-Landing-Page http://ceciliayang.com/following/ceciliayang.com/charity-water-JAMBOX-Landing-Page Fri, 23 Dec 2011 20:09:48 +0000 cecilia yang / 杨茜 2261995 Jawbone teamed up with charity: water to design a JAMBOX that would help fund water projects in developing nations. I designed the landing page to showcase this JAMBOX as well as introduce charity: water's cause. Wireframes: <img src="http://payload.cargocollective.com/1/3/114131/2261995/charitywater_v4-04.png" border="0" width="670" height="502" width_o="1306" height_o="979" src_o="http://payload.cargocollective.com/1/3/114131/2261995/charitywater_v4-04_o.png" align="left" caption="Landing page"/> <img src="http://payload.cargocollective.com/1/3/114131/2261995/charitywater_v4-05.png" border="0" width="670" height="502" width_o="1306" height_o="979" src_o="http://payload.cargocollective.com/1/3/114131/2261995/charitywater_v4-05_o.png" align="left" caption="Landing page, scrolled down"/> <img src="http://payload.cargocollective.com/1/3/114131/2261995/charitywater_v4-06.png" border="0" width="670" height="862" width_o="1304" height_o="1679" src_o="http://payload.cargocollective.com/1/3/114131/2261995/charitywater_v4-06_o.png" align="left" caption="Full height"/> http://ceciliayang.com/UP-Demo-for-iPad http://ceciliayang.com/following/ceciliayang.com/UP-Demo-for-iPad Sat, 03 Dec 2011 01:40:16 +0000 cecilia yang / 杨茜 2399983 Designed an iPad demo to showcase UP by Jawbone, a wristband with advanced sensors + iPhone app that encourages healthy living. Displayed in AT&T stores. Role: UX + visual design <img src="http://payload4.cargocollective.com/1/3/114131/2399983/UPdemo_v20-01.png" border="0" width="670" height="536" width_o="1500" height_o="1200" src_o="http://payload4.cargocollective.com/1/3/114131/2399983/UPdemo_v20-01_o.png" align="left" caption=" High-fidelity wireframes"/> <img src="http://payload4.cargocollective.com/1/3/114131/2399983/UPdemo_v20-02.png" border="0" width="670" height="536" width_o="1500" height_o="1200" src_o="http://payload4.cargocollective.com/1/3/114131/2399983/UPdemo_v20-02_o.png" align="left" caption=" High-fidelity wireframes"/> <img src="http://payload4.cargocollective.com/1/3/114131/2399983/UPdemo_v20-07.png" border="0" width="670" height="536" width_o="1500" height_o="1200" src_o="http://payload4.cargocollective.com/1/3/114131/2399983/UPdemo_v20-07_o.png" align="left" caption=" High-fidelity wireframes"/> <img src="http://payload4.cargocollective.com/1/3/114131/2399983/UPdemo_v20-08.png" border="0" width="670" height="536" width_o="1500" height_o="1200" src_o="http://payload4.cargocollective.com/1/3/114131/2399983/UPdemo_v20-08_o.png" align="left" caption=" High-fidelity wireframes"/> <img src="http://payload4.cargocollective.com/1/3/114131/2399983/UPdemo_v20-13.png" border="0" width="670" height="536" width_o="1500" height_o="1200" src_o="http://payload4.cargocollective.com/1/3/114131/2399983/UPdemo_v20-13_o.png" align="left" caption=" High-fidelity wireframes"/> <img src="http://payload4.cargocollective.com/1/3/114131/2399983/UPdemo_v20_v.png" border="0" width="670" height="536" width_o="1500" height_o="1200" src_o="http://payload4.cargocollective.com/1/3/114131/2399983/UPdemo_v20_v_o.png" align="left" caption=" High-fidelity wireframes"/> <img src="http://payload4.cargocollective.com/1/3/114131/2399983/UPdemo_v20-25.png" border="0" width="670" height="536" width_o="1500" height_o="1200" src_o="http://payload4.cargocollective.com/1/3/114131/2399983/UPdemo_v20-25_o.png" align="left" caption=" High-fidelity wireframes"/> http://ceciliayang.com/Android-Companion-Landing http://ceciliayang.com/following/ceciliayang.com/Android-Companion-Landing Mon, 07 Nov 2011 01:30:43 +0000 cecilia yang / 杨茜 2262766 Designed the landing page for the Jawbone Companion for Android app. Roles: UX + visual design <img src="http://payload.cargocollective.com/1/3/114131/2262766/macbook_androidcompanion1-01 copy.png" border="0" width="670" height="402" width_o="800" height_o="480" src_o="http://payload.cargocollective.com/1/3/114131/2262766/macbook_androidcompanion1-01 copy_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/3/114131/2262766/Screen shot 2011-12-05 at 12.57.05 PM.png" border="0" width="670" height="508" width_o="1456" height_o="1105" src_o="http://payload.cargocollective.com/1/3/114131/2262766/Screen shot 2011-12-05 at 12.57.05 PM_o.png" align="left" /> http://ceciliayang.com/Blackberry-Battery-Meter http://ceciliayang.com/following/ceciliayang.com/Blackberry-Battery-Meter Sun, 06 Nov 2011 22:50:25 +0000 cecilia yang / 杨茜 2262071 The Jawbone Battery Meter for BlackBerry® is a mobile application that shows the Jawbone's remaining talk time on a Blackberry user's screen. Due to the nature of the technology, getting the app would be a complex multi-step process: users would have to plug in and enable their headsets through a web UI, then download and set up the mobile application on their phone. Goals: make set up & install as easy as possible; provide unobtrusive help along the way Contribution: flow (in conjunction with engineering), UX, UI, graphic design <img src="http://payload.cargocollective.com/1/3/114131/2262071/Blackberry-PSD_CY1 copy.jpg" border="0" width="500" height="690" width_o="500" height_o="690" src_o="http://payload.cargocollective.com/1/3/114131/2262071/Blackberry-PSD_CY1 copy_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/114131/2262071/Blackberry-PSD_CY2 copy.jpg" border="0" width="500" height="690" width_o="500" height_o="690" src_o="http://payload.cargocollective.com/1/3/114131/2262071/Blackberry-PSD_CY2 copy_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/114131/2262071/Blackberry-PSD_CY3 copy.jpg" border="0" width="500" height="690" width_o="500" height_o="690" src_o="http://payload.cargocollective.com/1/3/114131/2262071/Blackberry-PSD_CY3 copy_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/3/114131/2262071/Blackberry-PSD_CY4 copy.jpg" border="0" width="500" height="690" width_o="500" height_o="690" src_o="http://payload.cargocollective.com/1/3/114131/2262071/Blackberry-PSD_CY4 copy_o.jpg" align="left" /> http://ceciliayang.com/LiveAudio-for-JAMBOX http://ceciliayang.com/following/ceciliayang.com/LiveAudio-for-JAMBOX Sun, 06 Nov 2011 17:45:16 +0000 cecilia yang / 杨茜 2260868 Designed UX of landing page for a new Jawbone JAMBOX feature. Role: UX design Website: jawbone.com/liveaudio <img src="http://payload.cargocollective.com/1/3/114131/2260868/macbook_liveaudio1-01 copy.png" border="0" width="650" height="390" width_o="650" height_o="390" src_o="http://payload.cargocollective.com/1/3/114131/2260868/macbook_liveaudio1-01 copy_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/3/114131/2260868/macbook_liveaudio2-01 copy.png" border="0" width="650" height="390" width_o="650" height_o="390" src_o="http://payload.cargocollective.com/1/3/114131/2260868/macbook_liveaudio2-01 copy_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/3/114131/2260868/macbook_liveaudio3-01 copy.png" border="0" width="650" height="390" width_o="650" height_o="390" src_o="http://payload.cargocollective.com/1/3/114131/2260868/macbook_liveaudio3-01 copy_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/3/114131/2260868/project_images_liveaudio3.png" border="0" width="650" height="390" width_o="650" height_o="390" src_o="http://payload.cargocollective.com/1/3/114131/2260868/project_images_liveaudio3_o.png" align="left" caption="Preliminary wireframes"/> Graphics credit: Jawbone & fuseproject http://ceciliayang.com/Matchsticks http://ceciliayang.com/following/ceciliayang.com/Matchsticks Sun, 06 Nov 2011 10:59:52 +0000 cecilia yang / 杨茜 2259824 Two fun little projects: Prompt: Make a progression of at least 100 painted objects fromL saturated to de-saturated, light to dark, and warm to cool. <img src="http://payload.cargocollective.com/1/3/114131/2259824/color-arrangement1.jpg" border="0" width="575" height="424" width_o="575" height_o="424" src_o="http://payload.cargocollective.com/1/3/114131/2259824/color-arrangement1_o.jpg" align="left" /> Prompt: Time affords an opportunity for design to become dynamic. Produce a construction that employs movement, and possibly transformation as its primary source of interest. Give particular attention to making the manner of movement or transformation visually engaging. <img src="http://payload.cargocollective.com/1/3/114131/2259824/rhythm1.jpg" border="0" width="575" height="776" width_o="575" height_o="776" src_o="http://payload.cargocollective.com/1/3/114131/2259824/rhythm1_o.jpg" align="left" /> http://ceciliayang.com/Tavern-Books-website http://ceciliayang.com/following/ceciliayang.com/Tavern-Books-website Sun, 06 Nov 2011 08:47:21 +0000 cecilia yang / 杨茜 2259651 I designed an online home for Tavern Books' "living library" – a place where readers can buy books of fine poetry that have fallen out of print. Role: UX + visual design; CSS Website: tavernbooks.com. <img src="http://payload.cargocollective.com/1/3/114131/2259651/macbook_tavern1-01 copy.png" border="0" width="670" height="402" width_o="800" height_o="480" src_o="http://payload.cargocollective.com/1/3/114131/2259651/macbook_tavern1-01 copy_o.png" align="left" caption="Homepage"/> <img src="http://payload.cargocollective.com/1/3/114131/2259651/macbook_tavern2-01 copy.png" border="0" width="670" height="402" width_o="800" height_o="480" src_o="http://payload.cargocollective.com/1/3/114131/2259651/macbook_tavern2-01 copy_o.png" align="left" caption="Homepage, scrolled down"/> <img src="http://payload.cargocollective.com/1/3/114131/2259651/macbook_tavern4-01 copy.png" border="0" width="670" height="402" width_o="800" height_o="480" src_o="http://payload.cargocollective.com/1/3/114131/2259651/macbook_tavern4-01 copy_o.png" align="left" caption="Catalog item: Broadsides"/> <img src="http://payload.cargocollective.com/1/3/114131/2259651/project_images_tavernbooks2.png" border="0" width="650" height="390" width_o="650" height_o="390" src_o="http://payload.cargocollective.com/1/3/114131/2259651/project_images_tavernbooks2_o.png" align="left" caption="Homepage: Broadsides"/> <img src="http://payload.cargocollective.com/1/3/114131/2259651/project_images_tavernbooks1.png" border="0" width="650" height="390" width_o="650" height_o="390" src_o="http://payload.cargocollective.com/1/3/114131/2259651/project_images_tavernbooks1_o.png" align="left" caption="Catalog item: Book"/>