Colleen Miller » Websites http://clickcolleen.com Just another WordPress weblog Sun, 20 Feb 2011 23:46:44 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Living Language Mobile Applications http://clickcolleen.com/2011/02/living-language-mobile-applications/ http://clickcolleen.com/2011/02/living-language-mobile-applications/#comments Thu, 03 Feb 2011 21:47:40 +0000 Colleen http://clickcolleen.com/?p=219

This summer I had the great opportunity to accept the Living Language Mobile internship, as part of the Random House Digital Publishing Group, aimed to design new web and mobile language-learning tools.

The scope of the internship was to research and experiment with a team of language editors and designers, with a goal of innovating within and beyond existing digital products to expand the reach of Living Language content and educational methodology. Focusing on user experience, the team developed products to extend the line of newly-branded Living Language books and audio CDs. We created a series of online games and learning activities, as well as mobile applications, designed with extended multimedia tools, including vocabulary flashcards, animated grammar lessons, and audio conversations for comprehensive language learning.

My role as an interaction designer included:

  • competitive research
  • stakeholder interviews
  • brainstorming sessions with paper prototyping
  • site mapping
  • developing wireframes and online prototypes
  • usability tests with individuals who study (or have studied) French
  • some visual design

Sample interface designs

The Living Language Essential French for iPhone/iPod Touch is now available in
the iTunes App Store.

]]> http://clickcolleen.com/2011/02/living-language-mobile-applications/feed/ 0 Impact! Design for Social Change http://clickcolleen.com/2010/03/impact-design-for-social-change/ http://clickcolleen.com/2010/03/impact-design-for-social-change/#comments Fri, 12 Mar 2010 17:38:14 +0000 Colleen http://clickcolleen.com/?p=47 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

Impact! Design for Social Change website

Home Page

Preliminary Design Explorations:

]]> http://clickcolleen.com/2010/03/impact-design-for-social-change/feed/ 0 Sweet! http://clickcolleen.com/2010/01/sweet/ http://clickcolleen.com/2010/01/sweet/#comments Fri, 01 Jan 2010 20:06:20 +0000 Colleen http://clickcolleen.com/?p=77 What do you get when you cross fresh baked goodies with cool type? The Sweetery Truck! (Formerly known as Street Sweets) The branding element of giant, tasty words in Hoefler & Frere-Jones’ “Cyclone” makes a strong impact on the busy streets of New York City. The website (www.sweeterynyc.com) uses Twitter status updates and e-newsletters to broadcast the truck’s location.

ROLE: identity design, website design, HTML/CSS code
CREDITS: Website development in ExpressionEngine by Cooper Graphic Design VIEW: launch live site

]]> http://clickcolleen.com/2010/01/sweet/feed/ 0 MTA New York City Transit Prototype Website http://clickcolleen.com/2009/12/mta-new-york-city-transit-prototype-website/ http://clickcolleen.com/2009/12/mta-new-york-city-transit-prototype-website/#comments Sun, 20 Dec 2009 19:42:20 +0000 Colleen http://clickcolleen.com/?p=66 In Jason Santa Maria’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 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.

ROLE: information architecture, wireframes, visual design, html/css code CREDITS: Team project with Derek Chan
VIEW: launch live site (prototype)

MTA website prototype 1

MTA prototype - Fares page

]]> http://clickcolleen.com/2009/12/mta-new-york-city-transit-prototype-website/feed/ 0 Kidfresh Brand Extension http://clickcolleen.com/2009/01/kidfresh-brand-extension/ http://clickcolleen.com/2009/01/kidfresh-brand-extension/#comments Thu, 01 Jan 2009 22:27:01 +0000 Colleen http://clickcolleen.com/?p=39 Kidfresh packagingWith 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 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.

Kidfresh Website

Kidfresh Website

ROLE: package design, website design, store graphics / Landers Miller Design CREDITS: Website development by Gorges VIEW: launch live site

]]> http://clickcolleen.com/2009/01/kidfresh-brand-extension/feed/ 0 MFA Social Documentary Film Program Website http://clickcolleen.com/2008/01/mfa-social-documentary-film-program-website/ http://clickcolleen.com/2008/01/mfa-social-documentary-film-program-website/#comments Tue, 01 Jan 2008 20:26:30 +0000 Colleen http://clickcolleen.com/?p=160 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.
Social Documentary Film Website

ROLE: website design, HTML/CSS code, e-newsletter design CREDITS: Website development by Dan Hodos VIEW: launch live site

]]> http://clickcolleen.com/2008/01/mfa-social-documentary-film-program-website/feed/ 0 Hellerbooks.com http://clickcolleen.com/2007/01/hellerbooks-com/ http://clickcolleen.com/2007/01/hellerbooks-com/#comments Mon, 01 Jan 2007 21:00:44 +0000 Colleen http://clickcolleen.com/?p=31 There’s no shortage of great content coming through the inbox when you have the privilege of designing and maintaining the website for Steven Heller. Since he writes a new book every 10 seconds, the site constantly stays current!

Hellerbooks.com website

]]> http://clickcolleen.com/2007/01/hellerbooks-com/feed/ 0 Forbes Design Consultants Identity and Website http://clickcolleen.com/2007/01/forbes-design-consultants-id-and-website/ http://clickcolleen.com/2007/01/forbes-design-consultants-id-and-website/#comments Mon, 01 Jan 2007 20:46:16 +0000 Colleen http://clickcolleen.com/?p=168 Forbes Design Consultants Identity Pieces
Having just completed a range of new work ranging from traditional to modern interiors, Forbes Design Consultants wanted to build an identity and a web presence to showcase the range studio capabilities.

You can view the website live at www.forbesdesign.net.

Forbes Design Consultants Website

ROLE: identity design, website design, HTML/CSS code with Landers Miller Design
COMPLETED FOR: Alvaré Associates, Bryn Mawr, PA VIEW: launch live site

]]> http://clickcolleen.com/2007/01/forbes-design-consultants-id-and-website/feed/ 0