Jon Montenegro creating engaging experiences

Design, Art, Development, Artificial Intelligence, Data Visualization, Mobile, Folksonomy, Augmented Reality, Art Direction, Branding, Ethnography and more...

Mobile Web – Designer’s Idea Book

Mobile Web Designers Idea Book Jon Montenegro

One of my works has been featured in Mobile Web Designers Idea Book, Volume 1

The 2014 book “The Mobile Web Designer’s Idea Book will look at trends, styles, themes and patterns in mobile web design. Much like the author’s other Idea Books, the core focus will be on providing inspiration and analyzing trends and patterns. Note that the primary focus will be on the mobile web, but the author will devote a full section to mobile applications. The end result will be a comprehensive inspiration tool focused on all aspects of mobile web design.”

Designing for Google Glass

Designing for Google Glass Jon Montenegro

With Google Glass coming out soon, I’m sure other developers and designers are curious about best practices. Google has suggested following the approved standard card design and templates. Below are some brief specs for Card regions.

Main Content
The main text content of the card is in Roboto Thin and is bounded by padding.

Glass dynamically resizes the font size based on the amount of content.

Full-bleed image
Images work best when full-bleed and do not require the 40px of padding that text requires.

Footer
The footer shows supplementary information about the card, such as the source of the card or a timestamp. Footer text is usually 26 pixels, Roboto Light, white (#ffffff) in color, and centered.

Status bar
The status bar has 3 states. Slider shows the current location in a set of cards. Progress or grace period shows progress or time to cancel an action. Candy cane animates in a loop while processing.

Left image or column
Left image or columns require modifications to padding and text content. See the left image and column templates for the complete grid.

Padding
Timeline cards have 40 pixels of padding on all sides for the text content. This allows most people to see your content clearly.

I have created a simple Photoshop template (for app development) which you can download below.
Download a Google Glass Photoshop Template

AVA Digital Awards

AVA Digital Awards - jon montenegro

Recently won an AVA Digital Award.

AVA Awards is an international competition that recognizes outstanding work by creative professionals involved in the concept, direction, design and production of media that is part of the evolution of digital communication. Work ranges from audio and video production- to developing websites that present interactive components such as video, animation, blogs, and podcasts- to interactive social media sites- to other forms of user-generated communication.”

The Web Designer’s Idea Book

The Web-Designers Idea Book - jon montenegro

Some of my work has been featured in The Web Designer’s Idea Book, Volume 3

The 2013 book “Helps designers keep up with the latest web design trends *Features more than 600 examples of successful website designs *From Patrick McNeil, creator of the popular web design blog designmeltdown.com Featuring more than 600 examples, this guide offers visual inspiration to web designers to help them see what others have done and how they can adapt those ideas to their own needs. This third volume in the popular Web Designer’s Idea Book series offers the latest in today’s themes, styles and trends in web design.”

AIGA Space Gallery in Philadelphia

twitter art - AIGAphilly - jon montenegro

happyrain – a live interactive twitter art piece has been selected to be displayed at AIGA Space Gallery in Philadelphia starting on First Friday, June 1st thru 30th, First Friday Reception: June 1st, 6-8:30 pm.

Featuring artists: Allan Espiritu, Colette Gaiter, Zofia Hausman, E. Sherman Hayman, Gaby Heit, Boots Levinson, Katie Dillon Low, David Macomber, Kari Marton-Rollins, Jon Montenegro, Paula Searing and Brian O’Neill, Jonathan Weary, Matt Zigler.

Read the New Release

“Message & Medium” at PhilaMOCA

twitter art - philaMOCA - jon montenegro

happyrain – interactive twitter art piece has been displayed at the “Message & Medium” at PhilaMOCA opening.

The show “Message & Medium” had its opening at PhilaMOCA on Thursday, March 1. Its name is taken from the famous assertion by Marshall McLuhan that “the medium is the message.” In this exhibit, assembled by artist and curator Gaby Heit, some 20 artists display work, which is in some way based in textual elements.

In contemporary society we are inundated with images from art to ads and everything in between. More often than not, especially within advertisements, text also plays a crucial role in directing our thought process. Language is often the most literal factor, displaying information, which would otherwise be lost through images or abstractions: dates, times, locations or names for instance. The art in “Message & Medium” plays off the ubiquity of text and language in popular culture.

Jon Montenegro’s “happyrain” is an interactive piece, which stems from the world of social media. A monitor refreshes every few minutes with live feeds from Twitter, turning the messages sideways so it appears that they are raining downward. The data received is specifically content that deals with Tweets expressing excitement or happiness. As the viewer examines the raining words, the happiness is vicariously delivered to the audience in an effort to spread joy or positivity. Curiously enough, the night of the opening coincided with Justin Bieber’s birthday, so many of the messages were barely legible birthday shout outs to the teen pop star.

Read the Gallery Opening Review

“The Day” – Mobile Art Timepiece

mobile art - jon montenegro
The project is an explorative minimal art piece for mobile devices. The art piece is an ever changing composition that also serves as a functional time piece. Depending on the time of the day the minimal composition and color change. Through time the user can learn the time just by quickly glancing at the colors and composition.

The original project was called “Red Day”, created circa 2003, using Adobe Flash/Flashlite for Series 60 devices and pocketPC devices.

Featured in Awwwards Book

awwwards-book-2011 - jon montenegro
I will have couple of websites featured in Awwwards Book 2011

“2011 is coming to an end and with it, we proudly present to you the new Awwwards book. Through its pages you will find the websites that mark nowadays’ trends in web design, the ones that represent today’s web standards (HTML5, CSS, jQuery…), and the finest web design studios and agencies of the year.”

The best 365 websites of 2011 around the world compiled in more than 190 pages of awesome web design goodness. A must-have book for any web-designer, developer or design lover.

jonmontenegro.com – Site of the day

awwwards - jon montenegro
Recently, jonmontenegro.com was released. The site received positive feedback for its alternative typographical visual solution.

awwwards - jon montenegro
The website became Awwwards’ Site of Day
Awwwards are the awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world.

site inspire- jon montenegro
The website was also featured in Siteinspire.net.
SiteInspire is showcase and CSS gallery featuring the best web design today, designed, developed. Curated by kulör

- many thanks, jon

iphone 4 case

happyrain - jon montenegro
Kamon series artwork piece engraved in a bamboo iPhone 4 case.

Designed by: Jon Montenegro
Created by: Grove

Kamon Series consist of Adobe Flash Lite interactive art pieces created specifically for cell phones. Based from traditional Japanese kamons the artwork is a result from a application written for cellphones that utilizes cell phone signals to determine the artworks composition.

The phone’s application constantly displays a unique art composition based on the mobile cell phone’s reception signal. Exploring the process of cell phone art created by cell phones. programming code as art. The pieces are a result of the art.

happyrain – Social Media Art

happyrain - jon montenegro
Who’s Happy Now?
happyrain is an interactive art project created from using jquery,
php, and social media information from twitter.

The interactive piece is dynamically created from happy feelings that have been tweeted from people between specific times using twitter. The piece explores dynamic art creation using social media and how to display updated mood based information data as an art form.

PHP was used to search twitter for today’s tweets that expressed happiness. jQuery was used to parse, animate and compose the data being presented. I hope to explore and inspire a unique perspective on what data is and how it may be translated into art. View the project

Folksonomy Art

folksonomy art - jon montenegro
These art pieces uses data and folksonomy as mediums to dynamically create art pieces based off Internet users, exploring ways of translating data into into interactive art pieces, to give a new perspective of what data is…or can be. The process involves using actionscript that frequently retrieves updated imagery based off abstract terms in which the internet users define. The intention is to research how people define abstract terms by using social media tools such as flickr and/or twitter…A visual & interactive exploration into folksonomy.

Solving Problems

quote - Albert Einstein
“We can’t solve problems by using the same kind of thinking we used when we created them.”
- Albert Einstein

Born Magazine

born-magazine-jon-montenegro
Title: [Never grow accustomed; the brittle, often shimmering heat…]
Date: 2003
Medium: Flash, Actionscript
Size: 934px x 430px

Born Magazine is an experimental venue marrying literary arts and interactive media. Original projects are brought to life every three months through creative collaboration between writers and artists. The art piece is a visual interpretation of a poem written by Pablo Peschiera. You can view the piece at www.bornmagazine.org.

[Never grow accustomed; the brittle, often shimmering heat…] by Pablo Peschiera after Walcott
Designer: Jon Montenegro
Author:: Pablo Peschiera