http://works.yumiasai.com Yumi Asai Sat, 19 May 2012 20:39:53 +0000 http://works.yumiasai.com en http://works.yumiasai.com/Bloomberg-LP http://works.yumiasai.com/following/works.yumiasai.com/Bloomberg-LP Sat, 19 May 2012 20:39:53 +0000 Yumi Asai 3436143 <img src="http://payload56.cargocollective.com/1/1/41792/3436143/bloomberg_wall.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload56.cargocollective.com/1/1/41792/3436143/bloomberg_wall_o.jpg" data-mid="17693730" border="0" align="left"/> <img src="http://payload56.cargocollective.com/1/1/41792/3436143/bloomberg_template.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload56.cargocollective.com/1/1/41792/3436143/bloomberg_template_o.jpg" data-mid="17693765" border="0" align="left"/> <img src="http://payload56.cargocollective.com/1/1/41792/3436143/bloomberg_ipad.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload56.cargocollective.com/1/1/41792/3436143/bloomberg_ipad_o.jpg" data-mid="17693771" border="0" align="left"/> Bloomberg.com/company Bloomberg, multinational mass media corporation, has asked Frog to redesign their corporate website which was originally hidden deep inside their market site, bloomberg.com. The company mainly provides financial software tools for analysing data services and latest news to financial companies and organizations. For their company site, we wanted to communicate the true personality of the company, therefore we made a single-page, infinite scrolling website using their real-time data. Agency: Frog, CD: Monique Teselle, VD: Yumi Asai, Tech: Juan Charvet, Erika Wei Achieved Business Marketing Association's ACE Awards for the Best Corporate Website <img src="http://payload56.cargocollective.com/1/1/41792/3436143/bloomberg_bh_long.jpg" width="670" height="3467" width_o="670" height_o="3467" src_o="http://payload56.cargocollective.com/1/1/41792/3436143/bloomberg_bh_long_o.jpg" data-mid="17693887" border="0" align="left"/> When compiling all the information together, we divided the data in 3 types. Evergreen data, moderately changing data and constantly changing data. Using their corporate typeface, Akzidenz Grotesk and incorporating their visual language, we decided to keep them in modules but in different sizes to create a dynamic site. Specifically in my role, there was a typographical challenge since numbers were pulled from the source, which meant that the numbers kept changing. Potentially growing or losing digits created unknown spaces. Therefore I needed to create multiple templates that are flexible. When the numbers are small, they can be large point size but when the numbers are large, point sizes must be smaller. I also had to work this out in relation to the text that followed underneath the numbers. Sometimes there are 3 lines of text, sometimes there are 2. Keeping in mind that these numbers fluctuated. In order to keep the site visually entertaining, I had to make the color, type size and modules consistently apart from the similar ones. Therefore there needed to be a pattern and a matrix made for each row per section. Getting all this together, the site was able to look randomly in order. Press http://works.yumiasai.com/Power-of-Ten-Letters http://works.yumiasai.com/following/works.yumiasai.com/Power-of-Ten-Letters Mon, 21 Feb 2011 20:36:21 +0000 Yumi Asai 1086330 On the occasion of Powers of Ten Month, Core77, the Eames Office, and Herman Miller hosted a competition challenge to create a "response video" to Powers of Ten video originally created by Charles and Ray Eames in 1977. The challenge was limited to 2 minutes, celebrating the seminal work in any way in which creativity leads—a reinterpretation, a mashup, a tribute, a reflection, a love letter. I created a video which demonstrates exponential power in quantity using simple letters. Read the brief here Illustration/Video: Yumi Asai, Narration: Robert C. Lueking, Music: +33 by Ryuichi Sakamoto http://works.yumiasai.com/Savor-Brooklyn http://works.yumiasai.com/following/works.yumiasai.com/Savor-Brooklyn Wed, 27 Oct 2010 21:02:26 +0000 Yumi Asai 736752 <img src="http://payload.cargocollective.com/1/1/41792/736752/sacor1.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/736752/sacor1_o.jpg" data-mid="3471922" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/736752/sacor2.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/736752/sacor2_o.jpg" data-mid="3471924" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/736752/sacor3.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/736752/sacor3_o.jpg" data-mid="3471925" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/736752/sacor4.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/736752/sacor4_o.jpg" data-mid="3471926" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/736752/sacor5.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/736752/sacor5_o.jpg" data-mid="3471927" border="0" align="left"/>The logotype and Identity guideline for Savor Brooklyn. Catering service influenced by Spanish/Italian home cooked food. The logotype is inspired by the drawings often used in Spanish ceramic plates and the Icon represents the letter S which suggests the simple ingredients on a clean plate. http://works.yumiasai.com/The-Making-of-Nookanooka http://works.yumiasai.com/following/works.yumiasai.com/The-Making-of-Nookanooka Mon, 09 Aug 2010 05:28:39 +0000 Yumi Asai 557889 <img src="http://payload.cargocollective.com/1/1/41792/557889/nn1.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/557889/nn1_o.jpg" data-mid="2558886" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/557889/nn2.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/557889/nn2_o.jpg" data-mid="2558887" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/557889/nn3.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/557889/nn3_o.jpg" data-mid="2558888" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/557889/nn4.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/557889/nn4_o.jpg" data-mid="2558889" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/557889/nn5.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/557889/nn5_o.jpg" data-mid="2558892" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/557889/nn6.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/557889/nn6_o.jpg" data-mid="2558895" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/557889/nn7.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/557889/nn7_o.jpg" data-mid="2558898" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/557889/nn8.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/557889/nn8_o.jpg" data-mid="2558899" border="0" align="left"/> Above shows the process of how Nooka's mascot, Nookanooka character was made. http://works.yumiasai.com/CAMOF-INGLAGE http://works.yumiasai.com/following/works.yumiasai.com/CAMOF-INGLAGE Sat, 07 Aug 2010 16:20:33 +0000 Yumi Asai 555560 <img src="http://payload.cargocollective.com/1/1/41792/555560/camo1.jpg" width="670" height="670" width_o="670" height_o="670" src_o="http://payload.cargocollective.com/1/1/41792/555560/camo1_o.jpg" data-mid="2568812" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/555560/camo2.jpg" width="670" height="670" width_o="670" height_o="670" src_o="http://payload.cargocollective.com/1/1/41792/555560/camo2_o.jpg" data-mid="2568814" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/555560/camo3.jpg" width="670" height="670" width_o="670" height_o="670" src_o="http://payload.cargocollective.com/1/1/41792/555560/camo3_o.jpg" data-mid="2568815" border="0" align="left"/> http://works.yumiasai.com/Luis-Barragan http://works.yumiasai.com/following/works.yumiasai.com/Luis-Barragan Sat, 07 Aug 2010 16:18:26 +0000 Yumi Asai 555557 <img src="http://payload.cargocollective.com/1/1/41792/555557/barragan0.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/555557/barragan0_o.jpg" data-mid="2557865" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/555557/barragan1.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/555557/barragan1_o.jpg" data-mid="2557869" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/555557/barragan2.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/555557/barragan2_o.jpg" data-mid="2557871" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/555557/barragan3.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/555557/barragan3_o.jpg" data-mid="2557872" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/555557/barragan4.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/555557/barragan4_o.jpg" data-mid="2557874" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/555557/barragan5.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/555557/barragan5_o.jpg" data-mid="2557875" border="0" align="left"/>Above is the book design for Luis Barragán, one of the most influential Mexican architects of the 20th century. This book is carefully hand-bound with respect to his beautiful landscape and his architecture. http://works.yumiasai.com/NN-microsite http://works.yumiasai.com/following/works.yumiasai.com/NN-microsite Sat, 07 Aug 2010 16:17:18 +0000 Yumi Asai 555556 <img src="http://payload.cargocollective.com/1/1/41792/555556/nnsite1.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/555556/nnsite1_o.jpg" data-mid="2558584" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/555556/nnsite2.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/555556/nnsite2_o.jpg" data-mid="2558585" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/555556/nnsite3.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/555556/nnsite3_o.jpg" data-mid="2558586" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/555556/nnsite4.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/555556/nnsite4_o.jpg" data-mid="2558587" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/555556/nnsite5.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/555556/nnsite5_o.jpg" data-mid="2558588" border="0" align="left"/>This microsite showcases the Nooka mascot, the nookanooka. This character is a creative connector between the Nooka brand and artists around the world. It is kept simple and clean to showcase the artistic styles of the collaborators. visit site Collaborators: Andrew Hamilton, Paul Isabella. Backend Coding: Leslie Harper http://works.yumiasai.com/Nooismo8 http://works.yumiasai.com/following/works.yumiasai.com/Nooismo8 Sat, 07 Aug 2010 16:16:00 +0000 Yumi Asai 555553 <img src="http://payload.cargocollective.com/1/1/41792/555553/nooismo0.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/555553/nooismo0_o.jpg" data-mid="2558961" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/555553/nooismo1.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/555553/nooismo1_o.jpg" data-mid="2548114" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/555553/nooismo2.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/555553/nooismo2_o.jpg" data-mid="2548115" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/555553/nooismo3.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/555553/nooismo3_o.jpg" data-mid="2548153" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/555553/nooismo4.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/555553/nooismo4_o.jpg" data-mid="2548158" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/555553/nooismo5.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/555553/nooismo5_o.jpg" data-mid="2548159" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/555553/storyboard.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/555553/storyboard_o.jpg" data-mid="2568049" border="0" align="left"/> AD / Digital Manipulation / Cover by Yumi Asai, Photography by The Supervisory http://works.yumiasai.com/zon http://works.yumiasai.com/following/works.yumiasai.com/zon Sat, 07 Aug 2010 16:10:00 +0000 Yumi Asai 552683 <img src="http://payload.cargocollective.com/1/1/41792/552683/zon1.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/552683/zon1_o.jpg" data-mid="2557137" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/552683/zon2.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/552683/zon2_o.jpg" data-mid="2557138" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/552683/zon3.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/552683/zon3_o.jpg" data-mid="2557139" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/552683/zon4.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/552683/zon4_o.jpg" data-mid="2557141" border="0" align="left"/> Zon is Nooka’s first world time watch that displays time in 24 cities around the world. One of the unique features about this watch is its graphical display of showing time. Inspired by an hourglass, it uses one minute per block method which fills the entire display every 12 hours.The package takes this concept and shows an image of pixilated grains of sand morph into an image of a world map using lenticular printing. http://works.yumiasai.com/GOOD http://works.yumiasai.com/following/works.yumiasai.com/GOOD Sat, 07 Aug 2010 02:29:34 +0000 Yumi Asai 552626 <img src="http://payload.cargocollective.com/1/1/41792/552626/good1.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/552626/good1_o.jpg" data-mid="2558041" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/552626/good2.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/552626/good2_o.jpg" data-mid="2558042" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/552626/good3.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/552626/good3_o.jpg" data-mid="2558043" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/552626/good4.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/552626/good4_o.jpg" data-mid="2558045" border="0" align="left"/><img src="http://payload.cargocollective.com/1/1/41792/552626/good5.jpg" width="670" height="476" width_o="670" height_o="476" src_o="http://payload.cargocollective.com/1/1/41792/552626/good5_o.jpg" data-mid="2558046" border="0" align="left"/>A submission for GOOD magazine’s competition to create an infographic that illuminates some aspect of New Orleans and why its maintenance and its recovery are important.