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.

Concierge Contractor Web Site

Concierge Contractor is a construction company activating in the Austin, Texas metropolitan and suburban areas. The web site accomodates the company's two branches of activity, residential and commercial services, guiding users to their area of interest within the site, starting from separate entry points on the home page. A notable feature of the site is the 'client notepad', allowing users to take persistent notes while they browse, which are automatically transferred to the contact form. The designs use rigurous shapes and strong contrast to reinforce Concierge Contractor's identity.

Listening Chair Web Site

Listening Chair is a team of in-home psychologists and social workers specializing in senior health and psychology. Listening Chair needed a web site to provide information about their business and services online, and to help streamline the appointment process. The solution consists in a small, elegant web site with separate sections corresponding to critical areas of interest, and flexible contact functionality for appointments and inquiries.

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.

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.

Easy Software Solutions Web Site

Easy Software Solutions (ESS) is a software development business with a primary focus on expert solutions for the medical industry. Without an existing web site, ESS needed a platform to showcase its business and services. The provided designs offered a clear overview of capabilities and a structured presentation of services and products. Together with a newly created visual identity, the site builds an appropriate public image for the organization.

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.

Pongo Flash Presentation

Pongo.ro is a provider of affordable design and development solutions for small to medium-sized companies. The Flash presentation features a dynamic snapshot of the site which changes as the presentation progresses. Similar to a DVD player, the UI provides playback control and access to chapters. The presentation can also be watched without sound, as the voice-over is augmented by on-screen subtitles.

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.

Camex Flash Presentation

Camex is the only business-to-business event for major Romanian construction companies. The Flash presentation gives an overview and schedule of the latest event and a history of facts about past events. Using easily accessible controls and a flexible layout, the presentation can be delivered on multiple platforms - offline laptop or PC, web or projector. The presentation may be played as a looping video in less than ideal viewing conditions, due to seamless transitions, high contrast and good readability.

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.

Bizoo Flash Presentation

The largest online business directory in Romania, Bizoo.ro offers presentation and discovery tools, and receives more than a million visitors each month. The Flash presentation features a multi-purpose timeline that shows streaming progress, allows control over playback and provides access to individual chapters. Both voice-over and on-screen text are used, making the presentation effective even if speakers are not available.

Plasmaplugs Flash Site

Plasmaplugs is a software shop that produces plugin components for Adobe Flash development. The web site features a sharp, minimalistic design with seamless transitions between sections and fluid animations. Developed entirely using Adobe Flash, plasmaplugs.com hosts product presentations, demos and documentation, as well as an online shop for components.

Mancetta Flash Site

Mancetta is an enthusiastic fashion brand for sophisticated, uninhibited young people. The web site, which is built using Adobe Flash, relies on a photo composition to simulate a room where objects react to user actions. Framed pictures on the wall act as anchors for the site sections. The brand's distinct character is emphasized by the striking color palette and the dynamic environment.

Reductostart Web Site

Reductostart is a campaign launched by pharmaceutical company Abbott Labs, dealing with the risks posed by overweight. Developed at Grapefruit, the existing online component of the campaign was redesigned to provide a more comprehensive approach. The site offers extensive information on diets, interactive tools to assist in identifying weight related issues, a discussion forum and a new visual concept, better suited to the target audience.

Dacia Web Site

Dacia is a Romanian automobile manufacturer that has emerged, over the past years, as the country's most notable brand. As the core element of an extensive solution for online promotion, delivered by branding agency Grapefruit, the web site hosts presentations for the company's range of automobile models and services. The solution features an open and optimistic design built upon a lightweight hybrid of Adobe Flash and conventional HTML. Employing the strengths of both technologies, the site promotes accessible and highly interactive content.

McCann Erickson Flash Site

The Romanian division of McCann Erickson is one of the country's leading advertising agencies. Developed at Grapefruit, the site promotes the brand's core values and showcases McCann's portfolio of advertising work in Romania. With a minimalist visual concept, the design uses an unconventional dynamic graph structure to outline connections between sections and provide access to content. The full-Flash web site is backed up by a HTML alternative, both using the same underlying data structure, allowing content to be easily managed by the client.