Browsing

IDEA

Popstamatic, pop art creator for the iPhone

Popstamatic is an art creator app for the iPhone which takes a normal photo and transforms it into Andy Warhol inspired pop art. With a retro, whimsical look and feel inspired by Warhol's work and his time period, the app uses a straight-forward flow to capture a photo from the camera (or use one that already exists on the device), automatically process it, allow user customization and finally save the resulting art on the device and share it with friends. Seemingly random, the irregular shapes of the UI match and connect with each-other to create an effervescent yet flowing user experience.

WikiNodes, a visual Wikipedia browser for the iPad

WikiNodes is a visual browser for Wikipedia on the iPad. Based on the SpicyNodes information mapping technology, the app displays articles as nodes that you can touch, drag, and spin around. The design challenge was to create an user interface (UI) that will allow users to explore Wikipedia content through the relations between articles and between different sections within an article, making information easier to assimilate, in a more engaging manner. The application maintains an unique visual style while hinting at the association with Wikipedia through the application icon.

URL
IDEA.org
Client
IDEA
Tags
web site, blog

IDEA.org Redesign / Blog Design

The Institute for Dynamic Educational Advancement (IDEA) is a nonprofit organization that works to enhance scientific, artistic, and cultural literacy by improving the way people learn and interact with information. As it shifted towards a more active online presence and with a growing involvement in development for the iOS platform, the organization needed a more efficient channel for communication and a better platform to showcase its new applications. The natural solution was to restructure the web site around a central blog and a support section for the new IDEA apps. Although transformed, the design of the site retains the look and feel present throughout the organization's family of web sites and applications.

Client
ColoRotate, IDEA
Tags
logo

ColoRotate Identity Update

ColoRotate is a simple to use yet powerful color editor that allows intuitive control over individual colors as well as full palettes in a three-dimensional color space. The visual identity derives from the concept of light dispersion into color hues. This concept was crystalized in the initial ColoRotate symbol, a diamond inspired by the shape of the editor body, and in the various graphical elements of the editor and web site pages. As ColoRotate evolved and was further refined, the editor body (the 'color solid') changed from angular and faceted to a smoother shape which represents the human perception of the color more accurately. The logo was adjusted to match the new shape of the color solid and a new icon was designed for the upcoming ColoRotate iPad app.

Spring Ahead & Fall Back, an iPhone and iPad app

Spring Ahead & Fall Back is an app for iPhone and iPad that enables users to discover when and where Daylight Saving Time events take place, and when they should switch their clocks. The design makes use of stark contrast, subtle lighting effects, as well as seamless transitions to create a compelling and fluent user experience. An extensive set of unique icons and illustrations reinforces the distinctive look and feel of the app.

WebExhibits, 'Drafts' Exhibit

Launched in 1999, WebExhibits was one of the first online museums, and now receives over eight million visitors each year. The web site presents interactive exhibits covering science, technology, engineering, mathematics, humanities, and culture. Part of the WebExhibits online museum, the new 'Drafts' exhibit provides insight into the creative processes leading to exceptional works. The provided designs construct the metaphor of a creative person's desk and are adapted for delivery both on the web and as an Apple iPad app.

WebExhibits Main Site Redesign

Launched in 1999, WebExhibits was one of the first online museums, and now receives over eight million visitors each year. The web site presents interactive exhibits covering science, technology, engineering, mathematics, humanities, and culture. There were two progressive redesigns over a couple of years. The first redesign addressed the dated look of the previous site. The solution included a compelling new index and auxiliary pages for the main site as well as updated designs for the subordinate exhibit sites. The new index design relied on a central interactive object and used iconic photo elements to provide brief descriptions and access to exhibit sites. A second redesign made the site fully available on emerging Apple iOS devices by replacing the main Flash object with HTML and CSS content. The site was also given a fresh new look that remains consistent with the museum theme.

Client
IDEA
Tags
logo

IDEA Identity

The Institute for Dynamic Educational Advancement (IDEA) is a nonprofit organization that works to enhance scientific, artistic, and cultural literacy by improving the way people learn and interact with information. The visual identity relies on assymetric, uneven shapes to suggest organic imperfection. The central fruit-shaped symbol contained in the logo works to round off a bright, clean and warm environment that sustains growth and transformation. These attributes extend to IDEA's child projects which share prominent unifying features, such as consistent use of the same font family and similarly vibrant colors.

SpicyNodes Identity

SpicyNodes is a visually engaging and interactive way for visitors to explore concept maps (such as site maps) and immediately access the information they need. As one of IDEA's projects, SpicyNodes shares the bright and clean feel of the main identity. The logo builds on the concept of mapping connections, central to SpicyNodes, and employs an accurate depiction of a connection map as a symbol, instantly linking the logo to the technology it represents.

Client
TownAccess, IDEA
Tags
logo

TownAccess Logo

TownAccess is an interactive information and guidance system for museums and public sites. The symbol used in the logo takes inspiration from a compass rose found on conventional maps. This makes TownAccess kiosks displaying the logo instantly recognizable as access points for guidance. The symbol may also be perceived as a three-dimensional object, which contributes to an unique and memorable logo, despite the similarities to a very common graphic mark.

TapTheExpert iPhone App

TapTheExpert is an online service offering advice, in the form of quizzes and guides, on virtually any topic. Guides are delivered to the iPhone platform via the iPhone app, which provides an intuitive and coherent user experience, as a result of mapping and implementing common usage scenarios. The app is clearly branded as part of the TapTheExpert service through unique UI icons, art and most importantly, an expressive app icon that stands out on the springboard. The app complies with the Apple iPhone guidelines for design and interaction, ensuring a familiar user experience.

TapTheExpert Web Site

TapTheExpert is an online service offering advice, in the form of quizzes and guides, on virtually any topic. The web site provides a platform for browsing and authoring guides that takes advantage of a clear interface and simplified navigation to optimize access to critical functions. The home page features a central smart search which enables users to find guides related to their interests by navigating a cluster of results mapped by relevance, from center to perifery, large to small.

ColoRotate Photoshop Plugin

ColoRotate is a simple to use yet powerful color editor that allows intuitive control over individual colors as well as full palettes in a three-dimensional color space. As a compressed version of the ColoRotate online editor, the Photoshop plugin is just as powerful and even more versatile by integrating with the existing workflow of the user. In addition to the online version, the plugin is able to manipulate the Photoshop specific foreground and background colors. As the plugin interfaces with Photoshop features and functionalities, the UI was adapted to accomodate changes and additions.

ColoRotate Web Site

ColoRotate is a simple to use yet powerful color editor that allows intuitive control over individual colors as well as full palettes in a three-dimensional color space. In addition to the complex color editor, the web site hosts support and promotion sections, user management and the ColoRotate online store. Although the site blends together several web technologies, often considered mutually exclusive, it succeeds in providing a cohesive and fluid user experience.

ColoRotate Web Application

ColoRotate is a simple to use yet powerful color editor that allows intuitive control over individual colors as well as full palettes in a three-dimensional color space. The ColoRotate web application combines the universal availability of a web site with the power of a professional desktop application, providing comprehensive color and palette management on virtually any OS and device. The online editor uses intuitive concepts for controls, easily recognizable icons and flexible elements to create a fluid, uncluttered user experience without compromising on efficiency.

URL
www.idea.org
Client
IDEA
Tags
web site

IDEA Web Site

The Institute for Dynamic Educational Advancement (IDEA) is a nonprofit organization that works to enhance scientific, artistic, and cultural literacy by improving the way people learn and interact with information. As part of a complete redesign, the fresh web site design reinforces IDEA's visual identity by using assimetric and uneven elements to achieve an organic, natural feel. The most prominent feature of the new design is a three-level deep site menu that flows naturally above and alongside content.

WebExhibits Interactive Exhibits

Launched in 1999, WebExhibits is one of the first online museums, and now receives over eight million visitors each year. The museum hosts multiple interactive exhibits covering science, technology, engineering, mathematics, humanities, and culture. As part of a general redesign of the online museum, the exhibit subsites received refreshed designs that retained the distinct themes of the originals. The subsites are recognizable as parts of the WebExhibits museum through the shared general layout, similar structure and consistent fonts.

SpicyNodes Nodemap Editor

SpicyNodes is a visually engaging and interactive way for visitors to explore concept maps (such as a site map) and immediately access the information they need. The editor suite allows users to create, adjust and publish SpicyNodes information maps (nodemaps) in a four step flow covering details, content, presentation and preview. The process includes a simple to use content editor based on a tree metaphor and a powerful visual configurator allowing control over virtually every aspect of nodemap's look and behavior.

SpicyNodes iPhone App Prototype

SpicyNodes is a visually engaging and interactive way for visitors to explore concept maps (such as site maps) and immediately access the information they need. The prototype app design was conceived to deliver individual nodemaps as stand-alone apps for the iPhone. The UI follows Apple's recommendations for app design and common conventions, while also adapting to the particular aspects of using a SpicyNodes nodemap on a small touch screen device.

SpicyNodes Web Site

SpicyNodes is a visually engaging and interactive way for visitors to explore concept maps (such as site maps) and immediately access the information they need. Constantly evolving, the web site is home to the SpicyNodes radial map technology and hosts a complex gallery of user created maps, relevant documentation and an extensive user account component. Logged-in users can manage content and styles for their SpicyNodes maps via the online editors.

SpicyNodes Nodemap Styles

SpicyNodes is a visually engaging and interactive way for visitors to explore concept maps (such as site maps) and immediately access the information they need. The nodemap styles are coherent collections of presets, graphic sprites, behaviors and sounds which can be applied to the SpicyNodes radial mapping engine. All styles can be further adjusted by users through an online editor. Users can also mix and match elements from different styles to create personal styles.