<?xml version="1.0" encoding="UTF-8"?>
<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:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Ali Ali Thinks : My delicious thoughts! &#187; Professional Work</title>
	<atom:link href="http://www.dcamm.com/blog/archives/category/personalwork/professional/feed" rel="self" type="application/rss+xml" />
	<link>http://www.dcamm.com/blog</link>
	<description></description>
	<lastBuildDate>Thu, 27 May 2010 20:05:14 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>A Feed Apart</title>
		<link>http://www.dcamm.com/blog/archives/765</link>
		<comments>http://www.dcamm.com/blog/archives/765#comments</comments>
		<pubDate>Fri, 30 Apr 2010 00:56:15 +0000</pubDate>
		<dc:creator>Ali Ali</dc:creator>
				<category><![CDATA[Professional Work]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.dcamm.com/blog/?p=765</guid>
		<description><![CDATA[A Feed Apart is the official twitter aggregator for An Event Apart. It was originally created by Pete Karl and Nick Sergeant at the AEA Boston 2009. After a resounding success and in anticipation of the AEA Boston 2010, Pete and Nick decided to have A Feed Apart reprogrammed and redesigned. One day Nick approached [...]]]></description>
			<content:encoded><![CDATA[<p><a title="A Feed Apart" rel="lightbox" href="http://www.dcamm.com/blog/wp-content/uploads/2010/04/afawebshot.png"><img class="alignnone size-large wp-image-766" title="AFA" src="http://www.dcamm.com/blog/wp-content/uploads/2010/04/afawebshot-1024x442.png" alt="" width="574" height="247" /></a></p>
<p><a title="A Feed Apart" href="http://afeedapart.com" target="_blank">A Feed Apart</a> is the official twitter aggregator for An Event Apart. It was originally created by <a href="http://pkarl.com/" target="_blank">Pete Karl</a> and <a href="http://nicksergeant.com/" target="_blank">Nick Sergeant</a> at the <a href="http://aneventapart.com/2009/boston/" target="_blank">AEA Boston 2009</a>. After a resounding success and in anticipation of the AEA Boston 2010, Pete and Nick decided to have A Feed Apart reprogrammed and redesigned.</p>
<p>One day Nick approached me while we were working together at <a href="http://www.dwaiter.com" target="_blank">dwaiter </a>and asked me if I wanted to redesign AFA… My answer immediately was &#8220;HELL YA!&#8221; My task was to create a new look for AFA. This included a logo, icons and a user interface.</p>
<p><strong>The AFA logo and twitter avatar</strong></p>
<p>I started with the obvious which is the logo. We were not sure if we wanted to go really far from the look of AEA or to stay fairly close, so we ended up in the middle. The new logo has resembling elements from the AEA brand while having its own unique look. I came up with ten different variations.</p>
<p><a title="A Feed Apart - Logos and Icons" rel="lightbox" href="http://www.dcamm.com/blog/wp-content/uploads/2010/04/afaLogoV01.png"><img class="alignnone size-full wp-image-771" title="AFA Logo" src="http://www.dcamm.com/blog/wp-content/uploads/2010/04/afaLogoV01.png" alt="" width="560" height="420" /></a></p>
<p>We all agreed that we liked number 4 to be AFA&#8217;s twitter avatar and number ten as the official logo. The logo got tweaked a bit too after some nice feedback from Andy Birchwood on dribbble (<a href="http://dribbble.com/shots/14991-A-Feed-Apart-Logo" target="_blank">http://dribbble.com/shots/14991-A-Feed-Apart-Logo</a>)</p>
<p><strong>AFA Icons</strong></p>
<p>One thing the original AFA was missing were icons. Since I love pixel icons and this was a great platform to use them, I thought why the hell not! So I started with my iPhone. I know some of you might think, oh he is going to do some research on iPhone icon designs. That wasn&#8217;t why I turned to my iPhone though. The reason was this <a href="http://itunes.apple.com/us/app/c64-paint-xl/id363962811?mt=8" target="_blank">C64 Paint XL app</a></p>
<p>I was able to use it to create a huge family of pixel icons which I ended up utilizing some of for AFA.</p>
<p><a title="iPhone Made Icons" rel="lightbox" href="http://www.dcamm.com/blog/wp-content/uploads/2010/04/91432376.jpg"><img class="alignnone size-full wp-image-773" title="iPhone Icons" src="http://www.dcamm.com/blog/wp-content/uploads/2010/04/91432376.jpg" alt="" width="320" height="480" /></a></p>
<p><strong>AFA User Interface</strong></p>
<p><strong><span style="font-weight: normal;">One thing that really helped me with the design of the new AFA website was the old AFA site. Pete and Nick put a lot of thought into the original AFA which made my life way easier. Nevertheless I had to improve the interface and find better ways to show sessions and other elements in the website. I tried my best to stay true to the simplicity of the original AFA while giving it a visual enhancement. I can&#8217;t wait till AFA goes live in May. Stay tuned</span></strong></p>
<p><strong><span style="font-weight: normal;"><a href="http://www.dcamm.com/blog/wp-content/uploads/2010/04/AFA_sessions.jpg"><img class="alignnone size-large wp-image-774" title="AFA sessions" src="http://www.dcamm.com/blog/wp-content/uploads/2010/04/AFA_sessions-901x1024.jpg" alt="" width="556" height="631" /></a></span></strong></p>
<div><span style="font-family: Helvetica, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: small;"><br />
</span></div>
]]></content:encoded>
			<wfw:commentRss>http://www.dcamm.com/blog/archives/765/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Everybody&#8217;s Good Website Illustrations.</title>
		<link>http://www.dcamm.com/blog/archives/659</link>
		<comments>http://www.dcamm.com/blog/archives/659#comments</comments>
		<pubDate>Tue, 15 Sep 2009 13:38:33 +0000</pubDate>
		<dc:creator>Ali Ali</dc:creator>
				<category><![CDATA[My Work]]></category>
		<category><![CDATA[Professional Work]]></category>
		<category><![CDATA[Art]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Dumbwaiter Design]]></category>
		<category><![CDATA[graphic Design]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.alialithinks.com/blog/?p=659</guid>
		<description><![CDATA[This collection of illustrations was made by me as well as the full interface design for the everybodysgood website at Dumbwaiter Design. This website is created to serve the needs of the LGBT community in Rochester, NY and else where. The site will go live in October.]]></description>
			<content:encoded><![CDATA[<p>This collection of illustrations was made by me as well as the full interface design for the <a href="http://everybodysgood.com/" target="_blank">everybodysgood</a> website at <a href="http://www.dumbwaiterdesign.com" target="_blank">Dumbwaiter Design</a>. This website is created to serve the needs of the LGBT community in Rochester, NY and else where. The site will go live in October.</p>
<p><img class="alignnone size-full wp-image-660" title="EBG00" src="http://www.dcamm.com/blog/wp-content/uploads/2009/09/EBG00.png" alt="EBG00" width="540" height="360" /><img class="alignnone size-full wp-image-664" title="EBG09" src="http://www.dcamm.com/blog/wp-content/uploads/2009/09/EBG09.png" alt="EBG09" width="540" height="448" /><img class="alignnone size-full wp-image-665" title="EBG01" src="http://www.dcamm.com/blog/wp-content/uploads/2009/09/EBG01.png" alt="EBG01" width="540" height="412" /><img class="alignnone size-full wp-image-666" title="EBG02" src="http://www.dcamm.com/blog/wp-content/uploads/2009/09/EBG02.png" alt="EBG02" width="540" height="540" /><img class="alignnone size-full wp-image-667" title="EBG03" src="http://www.dcamm.com/blog/wp-content/uploads/2009/09/EBG03.png" alt="EBG03" /><img class="alignnone size-full wp-image-668" title="EBG04" src="http://www.dcamm.com/blog/wp-content/uploads/2009/09/EBG04.png" alt="EBG04" /><img class="alignnone size-full wp-image-669" title="EBG05" src="http://www.dcamm.com/blog/wp-content/uploads/2009/09/EBG05.png" alt="EBG05" /><img class="alignnone size-full wp-image-670" title="EBG06" src="http://www.dcamm.com/blog/wp-content/uploads/2009/09/EBG06.png" alt="EBG06" /><img class="alignnone size-full wp-image-671" title="EBG07" src="http://www.dcamm.com/blog/wp-content/uploads/2009/09/EBG07.png" alt="EBG07" /><img class="alignnone size-full wp-image-672" title="EBG08" src="http://www.dcamm.com/blog/wp-content/uploads/2009/09/EBG08.png" alt="EBG08" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcamm.com/blog/archives/659/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Latest Illustration</title>
		<link>http://www.dcamm.com/blog/archives/616</link>
		<comments>http://www.dcamm.com/blog/archives/616#comments</comments>
		<pubDate>Thu, 18 Jun 2009 20:27:23 +0000</pubDate>
		<dc:creator>Ali Ali</dc:creator>
				<category><![CDATA[My Work]]></category>
		<category><![CDATA[Professional Work]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[illustration]]></category>

		<guid isPermaLink="false">http://www.alialithinks.com/blog/?p=616</guid>
		<description><![CDATA[New illustrations created using Adobe Photoshop. These were made as a part of a bigger website design project which I will share more details about on a later date. Hope you will enjoy it.]]></description>
			<content:encoded><![CDATA[<p><a rel="lightbox" href="http://www.dcamm.com/blog/wp-content/uploads/2009/06/aboutusIllustration.jpg"><img class="alignnone size-full wp-image-617" title="aboutusIllustration" src="http://www.dcamm.com/blog/wp-content/uploads/2009/06/aboutusIllustration.jpg" alt="aboutusIllustration" width="576" height="280" /></a></p>
<p>New illustrations created using Adobe Photoshop. These were made as a part of a bigger website design project which I will share more details about on a later date. Hope you will enjoy it.</p>
<p><a rel="lightbox" href="http://www.dcamm.com/blog/wp-content/uploads/2009/06/oufacilty.jpg"><img class="alignnone size-full wp-image-623" title="oufacilty" src="http://www.dcamm.com/blog/wp-content/uploads/2009/06/oufacilty.jpg" alt="oufacilty" width="576" height="280" /></a></p>
<p><a rel="lightbox" href="http://www.dcamm.com/blog/wp-content/uploads/2009/06/ourfaciltyBW.jpg"><img class="alignnone size-full wp-image-624" title="ourfaciltyBW" src="http://www.dcamm.com/blog/wp-content/uploads/2009/06/ourfaciltyBW.jpg" alt="ourfaciltyBW" width="609" height="296" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcamm.com/blog/archives/616/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Animating Print!</title>
		<link>http://www.dcamm.com/blog/archives/440</link>
		<comments>http://www.dcamm.com/blog/archives/440#comments</comments>
		<pubDate>Wed, 20 May 2009 03:18:26 +0000</pubDate>
		<dc:creator>Ali Ali</dc:creator>
				<category><![CDATA[Professional Work]]></category>
		<category><![CDATA[Dumbwaiter Design]]></category>
		<category><![CDATA[Motion]]></category>
		<category><![CDATA[motion graphics]]></category>
		<category><![CDATA[print]]></category>

		<guid isPermaLink="false">http://www.alialithinks.com/blog/?p=440</guid>
		<description><![CDATA[While working at Dumbwaiter Design we were challenged to create an internal motion spot that features our capability to do print work. It sounded really easy at first until we faced reality. We quickly realized that print and motion just didn&#8217;t go together that well. We went through many phases of ideation and concept development. [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-441" title="print01" src="http://www.dcamm.com/blog/wp-content/uploads/2009/05/print01.jpg" alt="print01" width="582" height="300" /></p>
<p>While working at Dumbwaiter Design we were challenged to create an internal motion spot that features our capability to do print work. It sounded really easy at first until we faced reality. We quickly realized that print and motion just didn&#8217;t go together that well.</p>
<p>We went through many phases of ideation and concept development. Storyboards were made for all kinds of concepts from CG driven, live video to hand animated. Every one of those sounded good but then it was not really that practical to do and it required a lot of resources.<span id="more-440"></span></p>
<p>After a couple of months and five different concepts later, I finally hit it. I was sitting at the office staring at my computer monitor and then it hit me. I got up and picked our Canon 30D SLR camera with some sample print pieces and went to our brainstorming room. I called Adam, one of our part timers and asked him to help me out. Here is what we came up with this test</p>
<p><object width="583" height="354" data="http://www.youtube.com/v/2R85BwmSPjE&amp;hl=en&amp;fs=1&amp;rel=0" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/2R85BwmSPjE&amp;hl=en&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /></object></p>
<p>Later on, we showed that test to the group and everyone&#8217;s eyes widened and their heart beats accelerated. So at that point we knew that we had something good in our hands and we had to make a more refined one. So we set up shop few days later and we started to shoot again. However, after a quick mash up and a quick edit we realized that we were far from being done.</p>
<p><object width="583" height="354" data="http://www.youtube.com/v/8J8LccTaZgI&amp;hl=en&amp;fs=1&amp;rel=0" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/8J8LccTaZgI&amp;hl=en&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /></object></p>
<p>We couldn&#8217;t put our heads around it and we didn&#8217;t know why this second try just didn&#8217;t work. We went back to the initial test, which got us excited about the spot in the first place and we closely examined it. We found that the animation was too smooth than we liked and the colors were too washed out. The print pieces that we chose didn&#8217;t stand out on their own in the piece as well. We needed bolder and more in your face graphics to stand own their own while the motion flow.</p>
<p>So we went back and we created fresh new print work that had bold and colorful graphics that would stand out while being animated. We shot the spot by holding the camera with our hands and not using a tripod to give it a rougher feel. After the shoot we did a quick cut and we were very satisfied with the result. Later on we did some color correction and design a simple soundtrack to go along. Enjoy it.</p>
<p><object width="583" height="354" data="http://www.youtube.com/v/ISN91pwO__g&amp;hl=en&amp;fs=1&amp;rel=0" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/ISN91pwO__g&amp;hl=en&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcamm.com/blog/archives/440/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Robofunk Wallpaper</title>
		<link>http://www.dcamm.com/blog/archives/383</link>
		<comments>http://www.dcamm.com/blog/archives/383#comments</comments>
		<pubDate>Mon, 11 May 2009 21:27:32 +0000</pubDate>
		<dc:creator>Ali Ali</dc:creator>
				<category><![CDATA[Professional Work]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[robofunk]]></category>
		<category><![CDATA[wallpaper]]></category>

		<guid isPermaLink="false">http://www.alialithinks.com/blog/?p=383</guid>
		<description><![CDATA[Robofunk is a poster I designed for Dumbwaiter Design&#8217;s Print Motion piece. Here it is, for you to use as your computer desktop wallpaper or on your iPhone. Enjoy and share the love! 1920x1200px 1680x1050px 1440x900px 1280x1024px 1280x800px 1024x768px iphone If you have any question regarding this wallpaper please feel free to contact me. All [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-384" title="robofunkpost" src="http://www.dcamm.com/blog/wp-content/uploads/2009/05/robofunkpost.jpg" alt="robofunkpost" /></p>
<p>Robofunk is a poster I designed for <a href="http://www.vimeo.com/2335151" target="_blank">Dumbwaiter Design&#8217;s Print Motion piece</a>. Here it is, for you to use as your computer desktop wallpaper or on your iPhone. Enjoy and share the love!</p>
<ul>
<li><a href="http://www.dcamm.com/robofunk/1920x1200px.jpg" target="_blank">1920x1200px</a></li>
<li><a href="http://www.dcamm.com/robofunk/1680x1050px.jpg" target="_blank">1680x1050px</a></li>
<li><a href="http://www.dcamm.com/robofunk/1440x900px.jpg" target="_blank">1440x900px</a></li>
<li><a href="http://www.dcamm.com/robofunk/1280x1024px.jpg" target="_blank">1280x1024px</a></li>
<li><a href="http://www.dcamm.com/robofunk/1280x800px.jpg" target="_blank">1280x800px</a></li>
<li><a href="http://www.dcamm.com/robofunk/1024x768px.jpg" target="_blank">1024x768px</a></li>
<li><a href="http://www.dcamm.com/robofunk/iphone.jpg" target="_blank">iphone</a></li>
</ul>
<p>If you have any question regarding this wallpaper please feel free to contact me. All the artwork is the property of <a href="http://www.dumbwaiterdesign.com" target="_blank">Dumbwaiter Design LLC.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dcamm.com/blog/archives/383/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
