October 31, 2011

October 24, 2011

Motion Graphics Studio Report: Shilo

Motion Graphics Studio Report - Shilo


Further Reading:

http://vimeo.com/channels/designinfusedstories
http://vimeo.com/shilo
http://www.shilo.tv/

Chocolove Final Statement

Front and back of the Chocolove bar. 

Old Front Packaging. 

Old Back Packaging. 


New logo branding next to the old:



Chocolove - 100% Guilt Free. 
Chocolove - "Guilt-free chocolate that tastes as good as it is for you"

While working with this Chocolove chocolate bar I have explored taking a Pathos mode of appeal based object and converting it into a Logos based mode of appeal. I used this informative and logical   mode of appeal to reinforce the health benefits of Chocolove chocolate in a fun, informative, eye catching way. Using the Logos mode of appeal and utilizing three dimensional space to create an informative and appealing chocolate packaging. On the right and left side of the bar rests the "100% guilt free" to reassure the shopper. The label that wraps around the bar leads directly into an informative infographic that simple enough to be understood by average customers. They then encounter the nutrition facts and health benefits. I believe that the health conscious shopper will not only pick up this packaging over the others but purchase it based on the benefits that I verified through research. As well as informative fun facts that now sit on the front of the packaging allowing for the benefits to reside in the back together. 

The benefits being:
  • Lowering right of heart disease. 
  • Lowering cholesterol. 
  • The addition of vitamins and antioxidants. 
  • Reduces blood pressure. 
On the shelf in context with other chocolate bars.
The redesign stands out clearly against the other bars on the shelf. 

Front / Right side angle shot. 

Back / Left side angle shot. 



October 21, 2011

Interactive Timeline Final

While working on the Union Station Timeline project I learned how transitions play a key role in the process of improving storytelling through mediums such as film. Using translations like the action edit, directional edit, form edit, concept edit, and combined edit as some of the ones we discussed. As well as linear versus non-linear storytelling. I learned that you could nest files within other files in after effect. I learned about the importance of making design moves to reinforce the store telling process rather than polish a poorly told narrative. Ways to build up the content and deliver it to the viewer. Most importantly of all I learned to scale back on the amount of feature bloat one can put into a project. I enjoyed add features because hey who doesn't like being able to show and design neat ways for people to interact with the work. But in this case it was too much and I found that rather humbling to realize that there are cases that in fact less options are enough options. Pairing down and scaling back is something I am having to learn and this project was great for that. I don't want to get into the concept of our video or how this ties into but working with our fictional character "John" but it was a really interesting experience working out a storyline using a persona over the process of a user experience. UX is something I find very interesting and hope to pursue more in the future. 


October 18, 2011

Chocolove Packaging Adjustments

Clean up the icons, make them smaller, explore the lock up placement with text.

Work on wrapping around the box in a more interesting composition.

Try to avoid using banners too much.

Explore using the white line under the text for the icons. Make sure its slightly thicker to improve clarity in printed form.

Alignment needs to be purposeful. Explore left alignment in 2 or 3 columns. Keep swiss clarity in mind.

Keep the icons just on the back of the packaging.

Replace the old "lowers blood pressure" icon with something that doesn't look like the main chocolove heart icon.

Experiment with separate banding.

Remember this is logical chocolate.

Union Station Audio Info: 29.97 fps / 48,000 Hz

Hey everyone,

Those of you mixing audio for the Union Station interactive timeline should make sure that your sample rate is 48,000 Hz so it functions better with the 29.97 fps video recording that we're using in After Effects.

If you're recording with your MBP or iPhone they have been recording at 44,100 Hz for me. You can convert using Soundbooth without any issues.

Check it out:


48,000 HzThe standard audio sampling rate used by professional digital video equipment such as tape recorders, video servers, vision mixers and so on. This rate was chosen because it could deliver a 22 kHz frequency response and work with 29.97 frames per second NTSC video - as well as 25 frame/s, 30 frame/s and 24 frame/s systems. With 29.97 frame/s systems it is necessary to handle 1601.6 audio samples per frame delivering an integer number of audio samples only every fifth video frame.[11] Also used for sound with consumer video formats like DV, digital TVDVD, and films. The professional Serial Digital Interface (SDI) and High-definition Serial Digital Interface (HD-SDI) used to connect broadcast television equipment together uses this audio sampling frequency. Much professional audio gear uses (or is able to select) 48 kHz sampling, including mixers, EQs, compressors, reverb, crossovers and recording devices such as DAT.

October 14, 2011

Koenig Book Spreads






My conept for the Koenig book is based on the idea of referencing architectural drawings. Line work comes off of the imagery where appropriate to resemble the blue prints. These same lines are being used to lead your eye into the start of paragraphs. I have decided to slice images at the start of a new section revealing a little of the image and giving the text an interesting place to sit and interact with the image to create energy. My paragraphs are focused around other paragraphs or pull quotes to create a sense of negative space on the page that could resemble rooms in a house using a top down view. The images themselves have been treated using a few filters to create a more vintage and attention grabbing feel depending on the time of day they were shot in. My pull quotes are resting on a black shape to create a strong sense of contrast that can also interact with the rest of the content by being shaped by it.

October 12, 2011

Chocolove - New Packing Mockups


New mockups w/ extra styles. 

Five new mockups together. 

Seven old mockups together. 

Mockups together. 

Close up. 

Angle of the set. 

Close up detail. 

Group Shot

Group Shot

Detail Shot


Old and new design comparison. 

October 11, 2011

Chocolove Re-Branding for Packaging

I replaced the old Chocolove branding with a more up to date and modern feel to better compliment my information graphics and logo / logic based packaging. 


A few different logo variations. The old version at the top. 


Chocolove Lock up



Typeface experimentation. 


Color pallet. 

October 10, 2011

Interactive Timeline Update


New Decade Screen.
Moving forward this has been created with a combination of the two concepts we had. 
Clarity and simple functionality, union station color schemes, and a more creative interface has merged. 


New Article Screen. 
Larger view, more space for text, with a system of icon and way finding. 

Major adjustments to simplify are currently in the works! 

Chocolate Bar / Logos - Digital Iterations & Going forward


Crit Feedback:
  • Keep infographics pedestrian level. 
  • The corner of the composition that is cropped off is acceptable. But the heart icon with the + cannot be shoved into it. Something else might but work but Icons don't fit well into the space. Iteration # 2. 
  • The division in some of the infographic compositions are NOT working because of the division in two parts are covered up with design elements. These elements can be removed because the infographic is clearer with less in the composition. Iteration #2, and 3. 
  • The thin line elements are working. 
  • Do not allow branding elements to overshadow the infographic or icons. See iteration #1. 
  • White space is okay to have. 
  • The heart with the + is better than the x. 
Adjustments:
  • Replace the Chocolove logo with a sans-serif version of it without the xoxoxo pathos connotations. 
  • Arrow icon should be more interesting, a little chubbier to match the other icons, and be diverse from one other if the context is simular. IE: Lowers Blood Pressure & Reduces Cholesterol. 
  • Lowers Cholesterol needs a specific icon design. See medical reference. Maybe the equipment that relates to the machine. 
  • Reduces Blood Pressure needs a specific icon design. See medical reference. Maybe the equipment that relates to the machine. 
New Rules:
  • Always use a heart in the composition to reference heart health. The heart should be hierarchically high.
  • Icons should have a strong contrast like in the third down composition. 
  • Infograph and icons should both be 50% of the focus. 
  • SIMPLIFY. 
Color Schemes: 
  • Red, Brown, White. 
  • Blue, Brown, White. 
  • Brown, Pink. 
Individual Variations: 
  • Chocolate bar is the infographic: Clean and simple variation. 50/50 hierarchy split with icons & infographic. (Not counting the other supporting data) 
  • The heart is alone with the infographic data and supporting text.
  • The heart with the other icons are the focal point.  




- Removed the bottom three -





Typography of Sanborn New York City Maps