http://work.annienguyen.net Annie Nguyen Wed, 18 Apr 2012 05:55:01 +0000 http://work.annienguyen.net en http://work.annienguyen.net/Big-Voice-Movie-Poster http://work.annienguyen.net/following/work.annienguyen.net/Big-Voice-Movie-Poster Wed, 18 Apr 2012 05:55:01 +0000 Annie Nguyen 3227686 <img src="http://payload46.cargocollective.com/1/0/10784/3227686/header_bigvoice_700.jpg" width="684" height="136" width_o="684" height_o="136" src_o="http://payload46.cargocollective.com/1/0/10784/3227686/header_bigvoice_o.jpg" data-mid="16530332" border="0" align="left"/> Poster design for Big Voice, a documentary on the Santa Monica High School Choir and it's choir director. In designing this poster, I was asked to convey the power of a unified voice and what it looks like to encourage students to find their inner voice. While designing the poster, I noticed the cycle between the teacher inspiring students and the students giving back and inspiring the teacher in return through their learning experiences. The result is a constant cycle of growth. I chose to have a circle motif appear as if it were voices being carried upwards. The poster is deep and rich in tones to emulate the deep passion that is evident in both teacher and students in Big Voice. Documentary Summary: BIG VOICE is a feature documentary exploring the lives of the top-singing students of the award-winning Santa Monica High School Choir, and its visionary choir director. At a time when drastic budget cuts endanger both the quality of our public schools and their arts programs, this determined high school music teacher strives to create a thriving vocal music program that ignites in his students a passion for music, a sense of belonging, and the value of working hard to achieve their dreams. <img src="http://payload46.cargocollective.com/1/0/10784/3227686/bigvoiceposter_700.jpg" width="684" height="1010" width_o="684" height_o="1010" src_o="http://payload46.cargocollective.com/1/0/10784/3227686/bigvoiceposter_o.jpg" data-mid="16530337" border="0" align="left"/> http://work.annienguyen.net/Oliver-Peoples-Talks-Site-Proposal http://work.annienguyen.net/following/work.annienguyen.net/Oliver-Peoples-Talks-Site-Proposal Sun, 11 Mar 2012 07:00:13 +0000 Annie Nguyen 2979437 <img src="http://payload33.cargocollective.com/1/0/10784/2979437/oliverpeopleswebsiteproposal_700.jpg" width="684" height="136" width_o="684" height_o="136" src_o="http://payload33.cargocollective.com/1/0/10784/2979437/oliverpeopleswebsiteproposal_o.jpg" data-mid="15175741" border="0" align="left"/>This was a mock up website I created for Oliver Peoples, Los Angeles based eyewear company, in order to show case videos and eventually user based content (images, text, etc) that would be collected. The objective was to show the Oliver Peoples demographic and connect Oliver Peoples fans all over the world. The map is a very literal depiction of this but this was the mock up that was intended to give the project context and direction. The images below show examples of what the user interface would have been. Users would hover over dots on the map to see a preview of an interview. Each week, there would be a featured interview in the lightbox shown in which they could exit out of to explore the site. My intention was to show how many voices there were, by showing snippets of stories in different languages. Once they click on it, the video would stream and play. Clicking "Talk to Us" they would be able to submit their own story. I also attempted to develop a logo for the campaign site by using the Oliver Peoples graphic logo rather than their traditional serif logotype. Below is an example of the use of the graphic logo next to the, at the time, working campaign name "Talks." This logo was used for a video trailer that was developed for the campaign. Note - This project did not make it live and is not official. These designs remain only in the preliminary state shown. <img src="http://payload33.cargocollective.com/1/0/10784/2979437/optalkslogo1_700.jpg" width="684" height="128" width_o="684" height_o="128" src_o="http://payload33.cargocollective.com/1/0/10784/2979437/optalkslogo1_o.jpg" data-mid="15176174" border="0" align="left"/><img src="http://payload33.cargocollective.com/1/0/10784/2979437/opsite1_700.jpg" width="684" height="459" width_o="684" height_o="459" src_o="http://payload33.cargocollective.com/1/0/10784/2979437/opsite1_o.jpg" data-mid="15175641" border="0" align="left"/><img src="http://payload33.cargocollective.com/1/0/10784/2979437/opsite2_700.jpg" width="684" height="459" width_o="684" height_o="459" src_o="http://payload33.cargocollective.com/1/0/10784/2979437/opsite2_o.jpg" data-mid="15175642" border="0" align="left"/><img src="http://payload33.cargocollective.com/1/0/10784/2979437/opsite3_700.jpg" width="684" height="459" width_o="684" height_o="459" src_o="http://payload33.cargocollective.com/1/0/10784/2979437/opsite3_o.jpg" data-mid="15175644" border="0" align="left"/> http://work.annienguyen.net/Ward-Center-Sidewalk-Sale-Logo http://work.annienguyen.net/following/work.annienguyen.net/Ward-Center-Sidewalk-Sale-Logo Mon, 13 Feb 2012 02:43:50 +0000 Annie Nguyen 2796883 <img src="http://payload24.cargocollective.com/1/0/10784/2796883/wardcenterlogo_1_700.jpg" width="684" height="136" width_o="684" height_o="136" src_o="http://payload24.cargocollective.com/1/0/10784/2796883/wardcenterlogo_1_o.jpg" data-mid="14201397" border="0" align="left"/> This was a freelance project for a advertising agency in Hawaii. I was asked to do some logos for Ward Center's "Sidewalk Sundays" new monthly event. The directive was to create something fun, lively, and that contained movement as the audience is the local and eclectic. The logo below is what Ward Center decided on. This logo was used on print ads, signage, and on their website. <img src="http://payload24.cargocollective.com/1/0/10784/2796883/sidewalk1_2_700.jpg" width="684" height="225" width_o="684" height_o="225" src_o="http://payload24.cargocollective.com/1/0/10784/2796883/sidewalk1_2_o.jpg" data-mid="14200372" border="0" align="left"/> Other iterations: <img src="http://payload24.cargocollective.com/1/0/10784/2796883/sidewalk2_700.jpg" width="684" height="225" width_o="684" height_o="225" src_o="http://payload24.cargocollective.com/1/0/10784/2796883/sidewalk2_o.jpg" data-mid="14200321" border="0" align="left"/><img src="http://payload24.cargocollective.com/1/0/10784/2796883/sidewalk3_700.jpg" width="684" height="225" width_o="684" height_o="225" src_o="http://payload24.cargocollective.com/1/0/10784/2796883/sidewalk3_o.jpg" data-mid="14200322" border="0" align="left"/><img src="http://payload24.cargocollective.com/1/0/10784/2796883/sidewalk4_700.jpg" width="684" height="225" width_o="684" height_o="225" src_o="http://payload24.cargocollective.com/1/0/10784/2796883/sidewalk4_o.jpg" data-mid="14200323" border="0" align="left"/> http://work.annienguyen.net/ET-AL-Issue-I-Spread-Proposal http://work.annienguyen.net/following/work.annienguyen.net/ET-AL-Issue-I-Spread-Proposal Fri, 10 Feb 2012 06:42:39 +0000 Annie Nguyen 2781239 <img src="http://payload24.cargocollective.com/1/0/10784/2781239/etalheader_700.jpg" width="684" height="136" width_o="684" height_o="136" src_o="http://payload24.cargocollective.com/1/0/10784/2781239/etalheader_o.jpg" data-mid="14115051" border="0" align="left"/> ET/AL was a former magazine collaboration between Gary Saito and Matthew Honda. Images show examples of what would have been spreads for these particular stories in the magazine. The magazine was never completed in design past these two stories before the project was disbanded. Click here to view our promo booklet. Although the project has disbanded, I chose to put this in my portfolio because it shows examples of logo development, typography and layout design. Spread I: Images are from a video that was shot by Gary Saito. I laid out the typography. <img src="http://payload24.cargocollective.com/1/0/10784/2781239/etalspread1_700.jpg" width="684" height="537" width_o="684" height_o="537" src_o="http://payload24.cargocollective.com/1/0/10784/2781239/etalspread1_o.jpg" data-mid="14115175" border="0" align="left"/> Spread II: A shoot organized by Matt Honda, shot by Gary Saito for a thrift fashion story we did. I laid out the typography. <img src="http://payload24.cargocollective.com/1/0/10784/2781239/etalspread2b_700.jpg" width="684" height="537" width_o="684" height_o="537" src_o="http://payload24.cargocollective.com/1/0/10784/2781239/etalspread2b_o.jpg" data-mid="14115162" border="0" align="left"/> http://work.annienguyen.net/Free-the-Robots-Poster http://work.annienguyen.net/following/work.annienguyen.net/Free-the-Robots-Poster Wed, 08 Jun 2011 20:20:22 +0000 Annie Nguyen 1564174 <img src="http://payload.cargocollective.com/1/0/10784/1564174/freetherobotsheader_700.jpg" width="684" height="136" width_o="684" height_o="136" src_o="http://payload.cargocollective.com/1/0/10784/1564174/freetherobotsheader_o.jpg" data-mid="8386374" border="0" align="left"/> Flyer design for Santa Ana based producer Free the Robots (Chris Alfaro) performance in Honolulu. This event was organized by Space&Sound and myself. Space&Sound is a new, independently funded art/music collective that is striving to bring our favorite noteworthy music and art to Hawaii. Featured in Honolulu Weekly. This event was also the first one where we worked at producing mini films on the event. Below are videos done in collaboration with my film expert genius friend, Brad Caberto. <img src="http://payload.cargocollective.com/1/0/10784/1564174/freetherobots_700.jpg" width="684" height="1038" width_o="684" height_o="1038" src_o="http://payload.cargocollective.com/1/0/10784/1564174/freetherobots_o.jpg" data-mid="7657253" border="0" align="left"/> http://work.annienguyen.net/Japan-Aid http://work.annienguyen.net/following/work.annienguyen.net/Japan-Aid Sun, 08 May 2011 09:35:52 +0000 Annie Nguyen 1413358 <img src="http://payload.cargocollective.com/1/0/10784/1413358/japanaidheader_700.jpg" width="684" height="136" width_o="684" height_o="136" src_o="http://payload.cargocollective.com/1/0/10784/1413358/japanaidheader_o.jpg" data-mid="8386381" border="0" align="left"/> My side project I work on with my friends is called Space&Sound. We are a collective that strives to showcase our favorite art and music culture in Hawaii. My role in Space&Sound is to handle all design and art direction. In collaboration with Lightsleepers, we were able to put together a benefit concert for the people in Japan. 100% of the proceeds were donated to The Salvation Army of Japan. The benefit concert featured an amazing line up of local musicians of every genre. The event was a huge success, raising over $1000 in donations. Designing fliers and shirts for this event was difficult and emotional for me. I wanted to show the emotion and magnitude of what had happened without being too obvious, offensive or too ornate. The flier is simple, with the Japan flag being distressed. Subtle cracks run through it. The raw edges were intended to convey both debris and also reminded me of the spray of ocean water. For the event, Space&Sound printed a very small run of shirts to sell as well as 9 posters printed on rice paper. Each poster is hand cut and numbered. Currently almost all shirts are gone and all prints have been sold. Thank you to everyone for supporting this event. <img src="http://payload.cargocollective.com/1/0/10784/1413358/japanaidposter_700.jpg" width="684" height="1038" width_o="684" height_o="1038" src_o="http://payload.cargocollective.com/1/0/10784/1413358/japanaidposter_o.jpg" data-mid="6879204" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/10784/1413358/japanaidshirtsmock_700.jpg" width="684" height="362" width_o="684" height_o="362" src_o="http://payload.cargocollective.com/1/0/10784/1413358/japanaidshirtsmock_o.jpg" data-mid="6879049" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10784/1413358/japanaidshirts3_700.jpg" width="684" height="362" width_o="684" height_o="362" src_o="http://payload.cargocollective.com/1/0/10784/1413358/japanaidshirts3_o.jpg" data-mid="6878971" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10784/1413358/japanaid_ricepaper1_700.jpg" width="684" height="480" width_o="684" height_o="480" src_o="http://payload.cargocollective.com/1/0/10784/1413358/japanaid_ricepaper1_o.jpg" data-mid="7011442" border="0" align="left"/> http://work.annienguyen.net/TheVines-org http://work.annienguyen.net/following/work.annienguyen.net/TheVines-org Wed, 13 Apr 2011 10:01:29 +0000 Annie Nguyen 342368 <img src= "http://annienguyen.net/header/header_vines.jpg"> I designed this at the age of 17. The reason why I chose to put it in my portfolio is because it was the first "big" web page I ever did. I was a huge fan of Australian rock band, The Vines at the time. All I wanted to do was make art and listen to rock and roll. (As most teenagers would probably.) I recall sitting in class, doodling away the very beginnings of this layout only to go home and work on this vector for days. This website was also my first attempts at Flash. I've stopped working on this website years ago, but while it was active, it put me in contact with a lot of people. I was in touch with the band's manager/the band, Ivy League Records, and NME through this fan site. Though I've lost interest in working on these types of websites, this is still one of my favorite works. <img src="http://payload.cargocollective.com/1/0/10784/342368/vines_1_700.jpg" width="684" height="400" width_o="684" height_o="400" src_o="http://payload.cargocollective.com/1/0/10784/342368/vines_1_o.jpg" data-mid="2007336" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10784/342368/vines_2_700.jpg" width="684" height="400" width_o="684" height_o="400" src_o="http://payload.cargocollective.com/1/0/10784/342368/vines_2_o.jpg" data-mid="2007337" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10784/342368/vines_3_700.jpg" width="684" height="400" width_o="684" height_o="400" src_o="http://payload.cargocollective.com/1/0/10784/342368/vines_3_o.jpg" data-mid="2007338" border="0" align="left"/> http://work.annienguyen.net/RitztoRubble-com http://work.annienguyen.net/following/work.annienguyen.net/RitztoRubble-com Wed, 13 Apr 2011 10:01:05 +0000 Annie Nguyen 341507 <img src= "http://annienguyen.net/header/header_ritz.jpg"> This was another fan page I did out of my love for Arctic Monkeys. I was 19 and totally in love with their demo tapes. I wanted to design a page that captured as much of the band and their music as possible. The crumpled stop motion paper is actually a map of Sheffield, England, where the Arctic Monkeys are from. The first Flash frame features Hunter's Bar, a place mentioned in the song "Fake Tales of San Francisco." In the backdrop are scribbled lyrics from "From the Ritz to the Rubble" and on every page is a vectored image of each band member. I stopped updating this page ages ago out of lack of time and interest but it was fairly exciting while it was active. This website put me in touch with Much Music Canada, MTV Europe, NME Magazine, Domino Records, many Arctic fans a like and according to the interviewer at Much Music, the band has seen this site as well. To this day, this page is one of my favorites just because I remember being so excited and happy to have designed it. View archived site. <img src="http://payload.cargocollective.com/1/0/10784/341507/ritz_1_700.jpg" width="684" height="400" width_o="684" height_o="400" src_o="http://payload.cargocollective.com/1/0/10784/341507/ritz_1_o.jpg" data-mid="2007320" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10784/341507/ritz_2_700.jpg" width="684" height="400" width_o="684" height_o="400" src_o="http://payload.cargocollective.com/1/0/10784/341507/ritz_2_o.jpg" data-mid="2007321" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10784/341507/ritz_3_700.jpg" width="684" height="400" width_o="684" height_o="400" src_o="http://payload.cargocollective.com/1/0/10784/341507/ritz_3_o.jpg" data-mid="2007322" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10784/341507/ritz_4_700.jpg" width="684" height="400" width_o="684" height_o="400" src_o="http://payload.cargocollective.com/1/0/10784/341507/ritz_4_o.jpg" data-mid="2007323" border="0" align="left"/> http://work.annienguyen.net/Screenprints http://work.annienguyen.net/following/work.annienguyen.net/Screenprints Wed, 13 Apr 2011 10:01:01 +0000 Annie Nguyen 341511 <img src= "http://annienguyen.net/header/header_screen.jpg"> This is a gallery of all my screenprints I did in class. They were done with various requirements. Fresh (geometric) was made using handcut rubylith. Self-portrait was done as an alter ego assignment. Fresh! Alice in Wonderland was hand drawn with india ink on transparency. Letters were done in glow in the dark paint. Typographic octopus was done as a print on alternative substrate (wood.) I spent many 4am nights in the screen lab because I loved it so much. <img src="http://payload.cargocollective.com/1/0/10784/341511/screen_1_700.jpg" width="684" height="400" width_o="684" height_o="400" src_o="http://payload.cargocollective.com/1/0/10784/341511/screen_1_o.jpg" data-mid="2007262" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10784/341511/screen_2_700.jpg" width="684" height="400" width_o="684" height_o="400" src_o="http://payload.cargocollective.com/1/0/10784/341511/screen_2_o.jpg" data-mid="2007263" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10784/341511/screen_3_700.jpg" width="684" height="400" width_o="684" height_o="400" src_o="http://payload.cargocollective.com/1/0/10784/341511/screen_3_o.jpg" data-mid="2007264" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10784/341511/screen_4_700.jpg" width="684" height="400" width_o="684" height_o="400" src_o="http://payload.cargocollective.com/1/0/10784/341511/screen_4_o.jpg" data-mid="2007265" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10784/341511/screen_7_700.jpg" width="684" height="400" width_o="684" height_o="400" src_o="http://payload.cargocollective.com/1/0/10784/341511/screen_7_o.jpg" data-mid="2007269" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10784/341511/screen_5_700.jpg" width="684" height="400" width_o="684" height_o="400" src_o="http://payload.cargocollective.com/1/0/10784/341511/screen_5_o.jpg" data-mid="2007266" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10784/341511/screen_6_15_700.jpg" width="684" height="400" width_o="684" height_o="400" src_o="http://payload.cargocollective.com/1/0/10784/341511/screen_6_15_o.jpg" data-mid="2007298" border="0" align="left"/> http://work.annienguyen.net/Modern-Type-Grid-Systems-Books http://work.annienguyen.net/following/work.annienguyen.net/Modern-Type-Grid-Systems-Books Wed, 13 Apr 2011 10:01:00 +0000 Annie Nguyen 341506 <img src= "http://annienguyen.net/header/header_modgrid.jpg"> We were given the text to Robin Kinross' Modern Typography essay and Josef Muller-Brockmann's Grid Systems and asked to type set it as well as design a book for each. This assignment was intended for us to learn how to use grids, how to set our type and basically familiarize ourselves with Indesign. I chose to do one book in very synthetic materials and the other in natural materials. It was very contrasting and related to each essay. I learned a lot about production and materials in this project. Materials: Modern Typography: Vellum and Plastic, Grid Systems: Wood and Cardstock <img src="http://payload.cargocollective.com/1/0/10784/341506/modtype_1_700.jpg" width="684" height="550" width_o="684" height_o="550" src_o="http://payload.cargocollective.com/1/0/10784/341506/modtype_1_o.jpg" data-mid="2006885" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10784/341506/modtype_2_700.jpg" width="684" height="550" width_o="684" height_o="550" src_o="http://payload.cargocollective.com/1/0/10784/341506/modtype_2_o.jpg" data-mid="2006886" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10784/341506/grid_1_700.jpg" width="684" height="550" width_o="684" height_o="550" src_o="http://payload.cargocollective.com/1/0/10784/341506/grid_1_o.jpg" data-mid="2006887" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10784/341506/grid_2_700.jpg" width="684" height="550" width_o="684" height_o="550" src_o="http://payload.cargocollective.com/1/0/10784/341506/grid_2_o.jpg" data-mid="2006888" border="0" align="left"/>