<?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>Colleen Miller</title>
	<atom:link href="http://clickcolleen.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://clickcolleen.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Fri, 14 May 2010 17:52:15 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Story View on the High Line</title>
		<link>http://clickcolleen.com/2010/05/story-view-on-the-high-line/</link>
		<comments>http://clickcolleen.com/2010/05/story-view-on-the-high-line/#comments</comments>
		<pubDate>Fri, 14 May 2010 17:47:36 +0000</pubDate>
		<dc:creator>Colleen</dc:creator>
				<category><![CDATA[MFA Interaction Design]]></category>

		<guid isPermaLink="false">http://clickcolleen.com/?p=208</guid>
		<description><![CDATA[
Story View is an augmented reality city viewer project inspired by the High Line in New York City.
Borrowing a nostalgic and easily recognizable form, Story View updates  the idea of a traditional coin operated binocular viewer to provide  visitors access to short spoken-word stories and historical facts about  the High Line and [...]]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="700" height="394" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=10388145&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="700" height="394" src="http://vimeo.com/moogaloop.swf?clip_id=10388145&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Story View is an augmented reality city viewer project inspired by the High Line in New York City.<span id="more-208"></span></p>
<p>Borrowing a nostalgic and easily recognizable form, Story View updates  the idea of a traditional coin operated binocular viewer to provide  visitors access to short spoken-word stories and historical facts about  the High Line and the surrounding city as they look through the  viewfinder. As a visitor pans and tilts the viewer, they are able to  listen to snippets of audio (either programmed by the High Line or left  by other visitors) about the places and things the viewer is pointed at.  By aiming the viewer at a location and holding down the record button,  the visitor is also able to leave a story tied to that place for others  to discover.</p>
<p class="details"><span class="highlight">CREDITS:</span> Group project with<a href="http://www.jeffkirsch.com/"> Jeff Kirsch</a> and <a href="http://evinnquinn.com/">Evinn Quinn</a></p>
]]></content:encoded>
			<wfw:commentRss>http://clickcolleen.com/2010/05/story-view-on-the-high-line/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Impact! Design for Social Change</title>
		<link>http://clickcolleen.com/2010/03/impact-design-for-social-change/</link>
		<comments>http://clickcolleen.com/2010/03/impact-design-for-social-change/#comments</comments>
		<pubDate>Fri, 12 Mar 2010 17:38:14 +0000</pubDate>
		<dc:creator>Colleen</dc:creator>
				<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">http://clickcolleen.com/?p=47</guid>
		<description><![CDATA[Impact! Design for Social Change is a six-week summer workshop at the School of Visual Arts focusing on the development of social entrepreneurial projects.
ROLE: website design and html/css coding  VIEW: launch live site
Preliminary Design Explorations:

]]></description>
			<content:encoded><![CDATA[<p>Impact! Design for Social Change is a six-week summer workshop at the School of Visual Arts focusing on the development of social entrepreneurial projects.<span id="more-47"></span></p>
<p class="details"><span class="highlight">ROLE:</span> website design and html/css coding  <span class="highlight">VIEW:</span> <a href="http://www.sva.edu/impact/">launch live site</a></p>
<div id="attachment_201" class="wp-caption alignnone" style="width: 710px"><a href="http://www.sva.edu/impact/"><img class="size-full wp-image-201" title="screen_impact" src="http://clickcolleen.com/wp-content/uploads/2010/03/screen_impact1.jpg" alt="Impact! Design for Social Change website" width="700" height="682" /></a><p class="wp-caption-text">Home Page</p></div>
<p><strong>Preliminary Design Explorations:</strong></p>
<p><a href="http://clickcolleen.com/wp-content/uploads/2010/03/screen_impact_pre2.jpg"><a href="http://clickcolleen.com/wp-content/uploads/2010/03/screen_Impact_prelim1.jpg"><img class="alignnone size-full wp-image-205" style="padding-right: 50px;" title="screen_Impact_prelim1" src="http://clickcolleen.com/wp-content/uploads/2010/03/screen_Impact_prelim1.jpg" alt="" width="325" height="500" /></a><img class="alignnone size-full wp-image-199" style="vertical-align: top;" title="screen_impact_pre2" src="http://clickcolleen.com/wp-content/uploads/2010/03/screen_impact_pre2.jpg" alt="" width="325" height="339" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://clickcolleen.com/2010/03/impact-design-for-social-change/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>See Spot Run, NYC Big Apps Challenge</title>
		<link>http://clickcolleen.com/2010/03/see-spot-run-nyc-big-apps-challenge/</link>
		<comments>http://clickcolleen.com/2010/03/see-spot-run-nyc-big-apps-challenge/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 20:28:47 +0000</pubDate>
		<dc:creator>Colleen</dc:creator>
				<category><![CDATA[MFA Interaction Design]]></category>
		<category><![CDATA[BigApps]]></category>
		<category><![CDATA[iPhone]]></category>

		<guid isPermaLink="false">http://clickcolleen.com/?p=23</guid>
		<description><![CDATA[NYC Big Apps promoted &#8220;a software application challenge in keeping with New York City&#8217;s drive to become more transparent, accessible, and accountable.&#8221; In Chris Fahey&#8217;s Interaction Design class, our challenge was to work through a process to create an app within the guidelines of this competition. In sifting through NYC.gov&#8217;s Data Mine, I found the [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.nycbigapps.com/">NYC Big Apps</a> promoted &#8220;a software application challenge in keeping with New York City&#8217;s drive to become more transparent, accessible, and accountable.&#8221; <span id="more-23"></span>In Chris Fahey&#8217;s Interaction Design class, our challenge was to work through a process to create an app within the guidelines of this competition. In sifting through NYC.gov&#8217;s <a href="http://www.nyc.gov/html/datamine/html/home/home.shtml">Data Mine</a>, I found the &#8220;Directory of Dog Runs  and Off-Leash Areas.&#8221; As a dog owner constantly looking for ways to socialize and exercise my hound, this extensive spreadsheet began as the source for my NYC-based app.</p>
<p class="details"><span class="highlight">FEATURED:</span> <a href="http://www.good.is/post/designing-a-new-way-to-interact-with-your-city/">&#8220;Designing a New Way to Interact With Your City&#8221;</a> by Alissa Walker on GOOD.IS</p>
<p><a href="http://clickcolleen.com/wp-content/uploads/2010/03/image_app_seespotrun.jpg"><img class="aligncenter size-full wp-image-25" title="image_app_seespotrun" src="http://clickcolleen.com/wp-content/uploads/2010/03/image_app_seespotrun.jpg" alt="See Spot Run iPhone App" width="578" height="800" /></a></p>
<p><strong>Social Considerations</strong><br />
The individual profiles of each dog run in NYC will allow users to post photos of the location, and rate the park on cleanliness, facilities, and any other factors they deem important. Other dog owners can use this feedback to decide if a run is right for them or not. Some dogs need a bigger area to run (large breeds) and other dogs might need a smaller area designated for small breeds because they are easily intimidated by big dogs. Some owners like a shaded area and benches, others may look for open, sunny spots. Reviews and photos will be very helpful in determining whether a park is right for their dogs.</p>
<p>Using the API from the social website Meetup.com (http://www.meetup.com/meetup_api/), See Spot Run! will use the “dog” category topic, as well as the New York City search specification to connect dog owners with other dog owners. Meetup.com groups such as The NYC Dog Park Meetup, “Room To Run” Dog Club, The NYC Small Dog Playgroup (just to name a few) could be followed with this app.</p>
<p><strong>Tangible Considerations</strong><br />
The camera will be an important part of the app. The ability to take photos of the dog run and post them to the site is be a great way for owners to get a sense of the physical space of the park, the types of dogs and humans that attend, and the surrounding landscape.</p>
<p>Gestures, like pull and pinch for map zooming, finger flicks to glance through photos and other locations will be tightly incorporated into the app just like they work in native applications, to allow for a simple interface that users already know from their other apps.</p>
<p><strong>Ubiquitous Considerations</strong><br />
The users would be able to decide if the App is able to use in their current location to help determine dog runs in their area, or they could opt out and search the app by neighborhood, zip code, or keyword instead. Linking to Google Maps API (http://code.google.com/apis/maps/) provides the well-known Google Map interface right inside of See Spot Run!</p>
<p>It is very important that this begins as a New York City based application, where wireless internet availability is abundant, many New Yorkers have “smart” phones, and the streets of the city act as a backyard to its residents. In a city environment, close proximity allows meetups to be an important part of social life. This behavior makes See Spot Run! a good fit for New Yorkers, but there is evidence in the comments on similar products that suburban dog owners may also appreciate the ability to find another place to be outdoors with their pets to alleviate boredom from repetition.</p>
]]></content:encoded>
			<wfw:commentRss>http://clickcolleen.com/2010/03/see-spot-run-nyc-big-apps-challenge/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tackling Weight Loss with Physical Computing</title>
		<link>http://clickcolleen.com/2010/03/tackling-weight-loss-with-physical-computing/</link>
		<comments>http://clickcolleen.com/2010/03/tackling-weight-loss-with-physical-computing/#comments</comments>
		<pubDate>Sun, 07 Mar 2010 00:24:41 +0000</pubDate>
		<dc:creator>Colleen</dc:creator>
				<category><![CDATA[MFA Interaction Design]]></category>

		<guid isPermaLink="false">http://clickcolleen.com/?p=3</guid>
		<description><![CDATA[Mindfull is a small electronic device that reminds you to slow down when eating. It takes at least twenty minutes after eating for your stomach to tell your brain that it is full. But most of us finish a meal in ten minutes or less. You can give your stomach time to catch up to [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://clickcolleen.com/wp-content/uploads/2010/03/image_mindfull_1.gif"><img src="http://clickcolleen.com/wp-content/uploads/2010/03/image_mindfull_1.gif" alt="" title="image_mindfull_1" width="700" height="300" class="alignnone size-full wp-image-150" /></a>Mindfull is a small electronic device that reminds you to slow down when eating. <span id="more-3"></span>It takes at least twenty minutes after eating for your stomach to tell your brain that it is full. But most of us finish a meal in ten minutes or less. You can give your stomach time to catch up to your brain by slowing down your consumption rate.</p>
<p>A quicker pace of eating is associated with higher body mass. Eating slower allows time for your body to product a hormone that’s responsible to signal your brain that you are full. Eating is supposed to be a mindful event. This device offers a way for fast eaters to be mindful of their speed, allowing the brain time to process when the stomach is becoming full.</p>
<p><strong>How it Works:</strong></p>
<p>After putting food in your mouth, put your fork on the Mindfull rest and let go. Do not touch the fork until your mouth is empty. If Mindfull lights up, you are eating too fast! Repeat through the entire meal.</p>
<p><strong>Ideation:</strong></p>
<p>We brainstormed with questions—What if the sensors were built into a placemat or rest, detecting the weight of the fork when it is placed down? Could the sensors be built into the rim of a plate, allowing the user to rest his/her fork on the edge of the vessel while eating? Should the device be build right into the utensil itself? An accelerometer or motion detector could detect movement, and light, sound or vibration would provide output.</p>
<div id="attachment_14" class="wp-caption alignnone" style="width: 710px"><a href="http://clickcolleen.com/wp-content/uploads/2010/03/image_mindfull_sketches.jpg"><img class="size-full wp-image-14" title="image_mindfull_sketches" src="http://clickcolleen.com/wp-content/uploads/2010/03/image_mindfull_sketches.jpg" alt="Mindfull sketches" width="700" height="300" /></a><p class="wp-caption-text">Ideation sketches for incorporating a sensor to detect eating speed</p></div>
<p><strong>Prototyping:</strong></p>
<p>This project implements electronic prototyping with Arduino, an open-source electronics prototyping platform. We decided that a fork rest would be the most effective way to test our concept with fast eaters. In our first prototype, our input was a lever switch that detected whether or not a utensil was placed onto the stand. Outputs (feedback) included a) a light turning on when the lever was not pressed and b) the light blinking after ten seconds of the switch being unpressed. This second output served as a signal to users to put their fork down.</p>
<p>In the second prototype, we experimented with a bi-colored LED that changed from green to orange in a ten-second interval while the lever was unpressed. This replaced the blinking output from round one. We also started experimenting with the form of the fork rest, considering the style of chopstick rests in Asian food restaurants. After uploading the new program to the board and switching out the LED, most users found the feedback to be a little too subtle.</p>
<p><a href="http://clickcolleen.com/wp-content/uploads/2010/03/image_mindfull_proto.jpg"><img class="alignnone size-full wp-image-15" title="image_mindfull_proto" src="http://clickcolleen.com/wp-content/uploads/2010/03/image_mindfull_proto.jpg" alt="" width="700" height="300" /></a></p>
<p>In later prototypes, we were looking to minimize the size of the device in order to perform user testing outside of the studio, e.g. in a restaurant. Our goal was to be able to place the electronics into a small hidden box, with the ultimate goal of incorporating all of the pieces into the fork rest container itself. Using a smaller breadboard, we were able to compact the device immensely. Standard hookup wire was also replaced with thinner ribbon cable, which allowed the fork rest to flex in all directions with respect to the Arduino board.</p>
<p>Other additions included a straw, which was placed into the stand and around the LED. This helped to create a more distributed, diffuse glow from the LED throughout the form. Getting to this point allowed us to do a more user testing in social environments—the wires were hidden, and the device could be tested for usability.</p>
<div id="attachment_16" class="wp-caption alignnone" style="width: 710px"><a href="http://clickcolleen.com/wp-content/uploads/2010/03/image_mindfull-proto2.jpg"><img class="size-full wp-image-16" title="image_mindfull-proto2" src="http://clickcolleen.com/wp-content/uploads/2010/03/image_mindfull-proto2.jpg" alt="" width="700" height="300" /></a><p class="wp-caption-text">Compacting the electronics helped with testing and adding a straw helped diffuse the output light throughout the case.</p></div>
<p>In our final presentation prototype, we listened closely to the advice of our testers and implemented a few changes, including:</p>
<ul>
<li>Adding a knob which allows the user to control the blinking intensity of the LED</li>
<li>Adjustment of the code to make the blinking more of a soft pulse when set to slow speed.</li>
<li>Determining the average time taken between bites to be thirteen seconds, code was adjusted to reflect this.</li>
<li>The cover of the device was made in an opaque black plastic, while the bottom remains translucent in order to view the output light.</li>
</ul>
<p><strong>Testing Video and Conclusions</strong><br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="385" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/ebPig6djhwU&amp;hl=en_US&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="640" height="385" src="http://www.youtube.com/v/ebPig6djhwU&amp;hl=en_US&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>As our user testing shows, there are more rounds of testing we would like to do to make Mindfull Better! Of course, getting the components as small as possible will be a strong factor in future usability, which we believe can be accomplished with better parts in manufacturing process.</p>
<p class="details"><span class="highlight">CREDITS:</span> Group project with<a href="http://www.aarondesigninc.com/"> Stephanie Aaron</a>, <a href="http://genelu.com/">Gene Lu</a> and Beatriz Vizcaino</p>
]]></content:encoded>
			<wfw:commentRss>http://clickcolleen.com/2010/03/tackling-weight-loss-with-physical-computing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sweet!</title>
		<link>http://clickcolleen.com/2010/01/sweet/</link>
		<comments>http://clickcolleen.com/2010/01/sweet/#comments</comments>
		<pubDate>Fri, 01 Jan 2010 20:06:20 +0000</pubDate>
		<dc:creator>Colleen</dc:creator>
				<category><![CDATA[Identity/Branding]]></category>
		<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">http://clickcolleen.com/?p=77</guid>
		<description><![CDATA[What do you get when you cross fresh baked goodies with cool type? The Street Sweets Truck! The branding element of giant, tasty words in Hoefler &#38; Frere-Jones’ &#8220;Cyclone&#8221; makes a strong impact on the busy streets of New York City. The website (www.streetsweetsny.com) uses Twitter status updates to broadcast the truck’s location daily.

ROLE: identity [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://clickcolleen.com/wp-content/uploads/2010/01/image_streetsweets.jpg"><img class="alignnone size-full wp-image-155" title="image_streetsweets" src="http://clickcolleen.com/wp-content/uploads/2010/01/image_streetsweets.jpg" alt="" width="700" height="300" /></a>What do you get when you cross fresh baked goodies with cool type? The Street Sweets Truck! <span id="more-77"></span>The branding element of giant, tasty words in Hoefler &amp; Frere-Jones’ &#8220;Cyclone&#8221; makes a strong impact on the busy streets of New York City. The website (<a href="http://www.streetsweetsny.com">www.streetsweetsny.com</a>) uses Twitter status updates to broadcast the truck’s location daily.<br />
<a href="http://clickcolleen.com/wp-content/uploads/2010/03/screen_streetsweets.jpg"><img class="alignnone size-full wp-image-79" title="screen_streetsweets" src="http://clickcolleen.com/wp-content/uploads/2010/03/screen_streetsweets.jpg" alt="" width="650" height="754" /></a></p>
<p class="details"><span class="highlight">ROLE:</span> identity design, website design, HTML/CSS code  <br/><span class="highlight">CREDITS:</span> Website development in ExpressionEngine by <a href="http://www.coopergraphicdesign.com/">Cooper Graphic Design</a> <span class="highlight">VIEW:</span> <a href="http://www.streetsweetsny.com/">launch live site</a></p>
]]></content:encoded>
			<wfw:commentRss>http://clickcolleen.com/2010/01/sweet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UbiKid: an interactive playground experience</title>
		<link>http://clickcolleen.com/2009/12/ubikid-an-interactive-playground-experience/</link>
		<comments>http://clickcolleen.com/2009/12/ubikid-an-interactive-playground-experience/#comments</comments>
		<pubDate>Mon, 21 Dec 2009 18:15:18 +0000</pubDate>
		<dc:creator>Colleen</dc:creator>
				<category><![CDATA[MFA Interaction Design]]></category>

		<guid isPermaLink="false">http://clickcolleen.com/?p=96</guid>
		<description><![CDATA[UbiKid is a conceptual, interactive playground experience that monitors the activity of participants, recording checkpoints via RFID and visualizing that data on a wristband device.
A series of RFID tags on the play equipment tracks a child’s activity, and milestones are displayed in a fun, competitive and positive environment. In this project we focus on the [...]]]></description>
			<content:encoded><![CDATA[<p>UbiKid is a conceptual, interactive playground experience that monitors the activity of participants, recording checkpoints via RFID and visualizing that data on a wristband device.<span id="more-96"></span></p>
<p>A series of RFID tags on the play equipment tracks a child’s activity, and milestones are displayed in a fun, competitive and positive environment. In this project we focus on the design of the physical relationship between the child, the tag, the reader and the resulting outputs. In the UbiKid interaction, a child wears a watch or a wristband with an RFID reader that keeps track of her score and time. Paths throughout a playground in the form of scavenger-hunt-like checkpoints are suggested on this device, and milestone badges are collected based on play motion. A digital touchscreen feeds results back to the player with every action. By embracing digital interactivity typically reserved for indoor video gaming, classic playground experiences become more advanced to keep children motivated and engaged with the physical activity they need every day.</p>
<p class="details"><span class="highlight">CREDITS:</span> Team project with <a href="http://www.gene.lu/">Gene Lu</a> and Richie Lau</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="700" height="525" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=10540146&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="700" height="525" src="http://vimeo.com/moogaloop.swf?clip_id=10540146&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://clickcolleen.com/2009/12/ubikid-an-interactive-playground-experience/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MTA New York City Transit Prototype Website</title>
		<link>http://clickcolleen.com/2009/12/mta-new-york-city-transit-prototype-website/</link>
		<comments>http://clickcolleen.com/2009/12/mta-new-york-city-transit-prototype-website/#comments</comments>
		<pubDate>Sun, 20 Dec 2009 19:42:20 +0000</pubDate>
		<dc:creator>Colleen</dc:creator>
				<category><![CDATA[MFA Interaction Design]]></category>
		<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">http://clickcolleen.com/?p=66</guid>
		<description><![CDATA[In Jason Santa Maria&#8217;s Communicating Design class, Derek Chan and I created BetterMTA.info as a website makeover for the New York City transit system.
In our design, we suggest clear functional improvements for riders. Based on a survey of active commuters, updates include live service announcements on the home page, a prominent trip planner, and a [...]]]></description>
			<content:encoded><![CDATA[<p>In Jason Santa Maria&#8217;s Communicating Design class, Derek Chan and I created <a href="http://www.bettermta.info">BetterMTA.info</a> as a website makeover for the New York City transit system.</p>
<p><span id="more-66"></span>In our design, we suggest clear functional improvements for riders. Based on a survey of active commuters, updates include live service announcements on the home page, a prominent trip planner, and a cleaner overall layout that streamlines access to important information. We have modified the site architecture to separate different services and corporate data of the MTA system into subdomains for more focused access, in an effort to enhance the user experience. We have also created an app in which commuters can access service updates on their mobile devices.</p>
<p class="details"><span class="highlight">ROLE:</span> information architecture, wireframes, visual design, html/css code  <span class="highlight">CREDITS:</span> Team project with <a href="http://www.derekwchan.com/">Derek Chan</a><br />
<span class="highlight">VIEW:</span> <a href="http://www.bettermta.com/">launch live site (prototype)</a></p>
<p><a href="http://clickcolleen.com/wp-content/uploads/2010/03/image_mta.jpg"><img class="alignnone size-full wp-image-67" title="image_mta" src="http://clickcolleen.com/wp-content/uploads/2010/03/image_mta.jpg" alt="MTA website prototype 1" width="650" height="557" /></a></p>
<p><a href="http://clickcolleen.com/wp-content/uploads/2010/03/image_mta2.jpg"><img class="alignnone size-full wp-image-68" title="image_mta2" src="http://clickcolleen.com/wp-content/uploads/2010/03/image_mta2.jpg" alt="MTA prototype - Fares page" width="650" height="557" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://clickcolleen.com/2009/12/mta-new-york-city-transit-prototype-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Kidfresh Brand Extension</title>
		<link>http://clickcolleen.com/2009/01/kidfresh-brand-extension/</link>
		<comments>http://clickcolleen.com/2009/01/kidfresh-brand-extension/#comments</comments>
		<pubDate>Thu, 01 Jan 2009 22:27:01 +0000</pubDate>
		<dc:creator>Colleen</dc:creator>
				<category><![CDATA[Identity/Branding]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[Kidfresh]]></category>
		<category><![CDATA[packaging]]></category>

		<guid isPermaLink="false">http://clickcolleen.com/?p=39</guid>
		<description><![CDATA[With Kidfresh, we share a passion for nutrition, wellness and deliciousness, and support their mission with bold, colorful graphics to appeal to parents and children alike.The Kidfresh branding has helped the company grow from a single storefront on the Upper East Side of New York to distribution in the JetBlue terminal in JFK Airport and [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://clickcolleen.com/wp-content/uploads/2009/01/image_kidfresh1.jpg"><img src="http://clickcolleen.com/wp-content/uploads/2009/01/image_kidfresh1.jpg" alt="Kidfresh packaging" title="image_kidfresh1" width="700" height="300" class="alignnone size-full wp-image-157" /></a>With Kidfresh, we share a passion for nutrition, wellness and deliciousness, and support their mission with bold, colorful graphics to appeal to parents and children alike.<span id="more-39"></span>The <a href="http://www.kidfresh.com/" target="_blank">Kidfresh</a> branding has helped the company grow from a single storefront on the Upper East Side of New York to distribution in the JetBlue terminal in JFK Airport and grocery stores throughout the U.S. We have extended the existing logo with a simple and colorful brand that matches the simple, healthy and delicious products Kidfresh makes.</p>
<div id="attachment_42" class="wp-caption alignnone" style="width: 660px"><a href="http://clickcolleen.com/wp-content/uploads/2010/03/image_kidfreshweb1.jpg"><img class="size-full wp-image-42" title="image_kidfreshweb" src="http://clickcolleen.com/wp-content/uploads/2010/03/image_kidfreshweb1.jpg" alt="Kidfresh Website" width="650" height="593" /></a><p class="wp-caption-text">Kidfresh Website</p></div>
<p class="details"><span class="highlight">ROLE:</span> package design, website design, store graphics / Landers Miller Design  <span class="highlight">CREDITS:</span> Website development by <a href="http://www.gorges.us/">Gorges</a> <span class="highlight">VIEW:</span> <a href="http://www.kidfresh.com/">launch live site</a></p>
]]></content:encoded>
			<wfw:commentRss>http://clickcolleen.com/2009/01/kidfresh-brand-extension/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MFA Social Documentary Film Program Website</title>
		<link>http://clickcolleen.com/2008/01/mfa-social-documentary-film-program-website/</link>
		<comments>http://clickcolleen.com/2008/01/mfa-social-documentary-film-program-website/#comments</comments>
		<pubDate>Tue, 01 Jan 2008 20:26:30 +0000</pubDate>
		<dc:creator>Colleen</dc:creator>
				<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">http://clickcolleen.com/?p=160</guid>
		<description><![CDATA[The MFA in Social Documentary Film Program is one of the newest Masters degree programs added to the roster at the School of Visual Arts. This site was created on a Wordpress platform to allow frequent updates in blog format. Visit the site online at mfasocdoc.sva.edu.

ROLE: website design, HTML/CSS code, e-newsletter design  CREDITS: Website [...]]]></description>
			<content:encoded><![CDATA[<p>The MFA in Social Documentary Film Program is one of the newest Masters degree programs added to the roster at the School of Visual Arts. This site was created on a Wordpress platform to allow frequent updates in blog format. <span id="more-160"></span>Visit the site online at <a href="http://mfasocdoc.sva.edu/">mfasocdoc.sva.edu.</a><br />
<a href="http://clickcolleen.com/wp-content/uploads/2010/04/screen_socdoc1.jpg"><img class="alignnone size-full wp-image-161" title="screen_socdoc1" src="http://clickcolleen.com/wp-content/uploads/2010/04/screen_socdoc1.jpg" alt="Social Documentary Film Website" width="700" height="742" /></a></p>
<p class="details"><span class="highlight">ROLE:</span> website design, HTML/CSS code, e-newsletter design  <span class="highlight">CREDITS:</span> Website development by Dan Hodos <span class="highlight">VIEW:</span> <a href="http://mfasocdoc.sva.edu/">launch live site</a></p>
]]></content:encoded>
			<wfw:commentRss>http://clickcolleen.com/2008/01/mfa-social-documentary-film-program-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Kiwi Magazine Design and Art Direction</title>
		<link>http://clickcolleen.com/2008/01/kiwi-magazine-design-and-art-direction/</link>
		<comments>http://clickcolleen.com/2008/01/kiwi-magazine-design-and-art-direction/#comments</comments>
		<pubDate>Tue, 01 Jan 2008 17:59:51 +0000</pubDate>
		<dc:creator>Colleen</dc:creator>
				<category><![CDATA[Print/Publishing]]></category>

		<guid isPermaLink="false">http://clickcolleen.com/?p=103</guid>
		<description><![CDATA[As an art director at KIWI Magazine, I was involved in reworking the overall look and feel of the publication from layout and typography to art direction of photography and illustration. Kiwi&#8217;s mission is to introduce families to the latest in natural and organic living—showing  how to practice this lifestyle on an everyday basis. Heeding [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://clickcolleen.com/wp-content/uploads/2010/01/kiwi_singlepgs.jpg"><img src="http://clickcolleen.com/wp-content/uploads/2010/01/kiwi_singlepgs.jpg" alt="" title="kiwi_singlepgs" width="700" height="295" class="alignnone size-full wp-image-153" /></a>As an art director at KIWI Magazine, I was involved in reworking the overall look and feel of the publication from layout and typography to art direction of photography and illustration. <span id="more-103"></span>Kiwi&#8217;s mission is to introduce families to the latest in natural and organic living—showing  how to practice this lifestyle on an everyday basis. Heeding the challenges of a start-up budget, My partner and I frequently contributed to the magazine’s creative by contributing custom spot and typographic illustrations. Since the redesign, KIWI has taken off (literally), a copy of KIWI Magazine is given to families on American Airlines flights from New York to LA.</p>
<div id="attachment_130" class="wp-caption alignnone" style="width: 710px"><a href="http://clickcolleen.com/wp-content/uploads/2010/04/image_kiwispread1.jpg"><img class="size-full wp-image-130" title="image_kiwispread1" src="http://clickcolleen.com/wp-content/uploads/2010/04/image_kiwispread1.jpg" alt="" width="700" height="459" /></a><p class="wp-caption-text">The annual holiday gift guide opener, handmade ribbon type</p></div>
<p><a href="http://clickcolleen.com/wp-content/uploads/2010/04/image_kiwispread2.jpg"><img class="alignnone size-full wp-image-131" title="image_kiwispread2" src="http://clickcolleen.com/wp-content/uploads/2010/04/image_kiwispread2.jpg" alt="" width="700" height="459" /></a></p>
<p><a href="http://clickcolleen.com/wp-content/uploads/2010/04/kiwi_singlepgs.png"><img class="alignnone size-full wp-image-136" title="kiwi_singlepgs" src="http://clickcolleen.com/wp-content/uploads/2010/04/kiwi_singlepgs.png" alt="" width="700" height="295" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://clickcolleen.com/2008/01/kiwi-magazine-design-and-art-direction/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
