erin hupp

Webability Trends

2008-11-17T11:22:00.000-08:00

The latest edition of the "Webability Trends" Newsletter went out today. This month it's about the different services surrounding the web.

Webability Trends is Azavar's Newsletter, This year it received the award from IAC for Best Consulting Online Newsletter campaign. It's managed by Patrick D'helf, written by Emily Aleisa and designed by Erin Hupp.

Gift Sites with fun unique products

2008-11-12T15:10:00.001-08:00

Here are some trinket sites I have come across that I absolutely adore.
(listed in no particular order)

1. Perpetual Kid
Features all kinds of crazy things!

2. Vat19
Another site with unique gifts including gummybear soap, and something my dad would love to give me....the 63 piece AAA Emergency Roadside Kit - complete with a poncho. Also, have you ever heard of color flame candles?

3. Think Geek
Because really, any site that sells a Fish Training School Kit has to be awesome!

4. Uncommon Goods
This site is a bit less quirky and a bit more modern artsy. The item that caught my eye: The Aerodynamic Senz Umbrella.
I dont know, but I think my fellow Chicago-ians may be curious too!

WebAward

2008-11-11T11:36:00.000-08:00

Its official! My company received the award in the mail for the "2008 Best Design Website". We are all very proud! The main leads in the project were Brian Flanagan and Patrick D'helf.

This was one of my first projects I worked on at Azavar. I cannot tell you how sick of xml sheets and photoshopping faucets I was at the end. But all the hard work was worth it, and the jurors for the Webawards agreed.

Nice work to all that contributed at Azavar and thank-you to the Justyna Team that helped make this possible!

The site: Justyna-collections
The award: WebAward

Make your own What Not Muppet

2008-11-11T09:03:00.000-08:00

Yes that's right, you can be Jim Henson this Christmas. FAO Schwarz has again come up with a "make your own" Christmas present.

Last year they featured a "Make-My-Own-Monster Custom Design Kit" for $249 you could submit your child's monster drawing and they create a stuffed animal out of it.

This year for the low price of 90 dollars you can create a Muppet. They allow you to pick your body, eyes, nose, crazy hair. There's all sorts of adorable outfits such as a labcoat, cheerleader outfit, Broadway Showgirl and even a Bowling shirt. This definitely beats build-a-bear!

Here's the Muppet What Not I designed:

Make your own Here

Is your user name taken?

2008-11-05T09:44:00.000-08:00

Today I found this great site usernamecheck.com! The site has a place to type in your beloved username, upon submit the site searches the popular web2.0 sites and displays which are available on which sites.

This is a very useful tool!

My wishlist for the site:
1. A description about what the site is/does maybe utilizing some sort of AJAX rollover.
2. A Better design
3. A place to type in your email to see if you are in-fact the one who owns the "taken" usernames

Holiday Card (take two)

2008-10-30T14:46:00.000-07:00

I finished the Holiday Card for my company today! One small change and it will sit on the shelf till its time to send it to cheerful clients.

"a Flickr treat"

2008-10-29T18:55:00.000-07:00

Halloween in the Time of Cholera

"The idea being that people back then were probably on a more intimate level with death — and that would have affected the way they celebrated Halloween." wrote Steven Martin.

Creeeepppyyy but very cool!

Halloween Newsletter

2008-10-28T14:31:00.001-07:00

I got the newsletter re-skinned for the holiday!

Are you right or left brained

2008-10-28T10:18:00.001-07:00

Some of us web designers don't always know which side we land on because we have to use both to do our jobs. Here's a great test >

Codeweavers

2008-10-28T07:42:00.000-07:00

Codeweavers is giving away it's software (that lets you run Windows applications on an Intel Mac and linux) for FREE today and today only. Last July Jeremy White, president and CEO of CodeWeavers, said that Codeweavers would do it for one day only – if gas prices ever dropped to a certain price while Bush was in the office.

Today is that day.

http://down.codeweavers.com/

Dont worry, if you missed it tody, White also noted that if other goals are met, CodeWeavers will once again provide free software.

Goals include:

-- Return the stock market to it's 2008 high
-- Reduce the average price of a gallon of milk to $3.50
-- Create at least one net job in the U.S. this calendar year
-- Return the median home price to its Jan. 1, 2008 level
-- Bring Osama Bin-Laden to justice

Read Article from MarketWatch.com

About Color

2008-10-24T14:26:00.000-07:00

Humans have been thinking about colors since the beginning of our existence, but modern color theory really arose in the 1800s. At this time people started looking into it as more than just art. Today’s color theory requires some understanding of basic scientific principle and psychological principles. Much of modern color theory surrounds the way that people view, think about and interact with colors, from those used on in their homes to the hues in a company logo.

What is color?

Color is the quality of an object or substance with respect to light reflected by the object, usually determined visually by measurement of hue, saturation and brightness of the reflected light; saturation or chroma; hue.

Color is perceived in the following areas:
• Physiological - Color is perceived through the eye – causing muscles to relax or tense up and the pupils to expand or contract.
• Psychological - Each color subconsciously evokes thoughts and emotions that are developed through previous experiences with that color.
• Aesthetic - When used properly color creates visual harmony and enforces a visual hierarchy to provide an uncluttered non-chaotic experience.

Physiological:
“Though color-sensing mechanisms of the eye and brain interpret color information, the nervous impulses of the color channel don’t only go to the brain for cognitive analysis. Some pulses travel to the pituitary and pineal glands through the hypothalamus. It is logical to assume that what we see, especially color, can affect other systems of the body.” - Brandy Gee, color expert

Color is a stimuli, which causes a response. Like any other stimuli response pair, there are several different variables and outcomes.

The simplest example to understand physiological responses to color is how color affects a person's perception of temperature. Studies have shown that body temperature fluctuates in response to various colors. Red, orange and yellow (considered to be warm colors) can raise temperature, whereas cool colors have the opposite reaction.

A more specific example pertaining to the web relates to the color red. Visitors tend to browse more quickly (if at all) through pages that have a pure red background. This is due to the strain that the color red places on the retinas.

Psychological:
“People will actually gamble more and make riskier bets when seated under a red light as opposed to a blue light. That's why Las Vegas is the city of red neon.” – Pantone website

Throughout the years colors have become less subjective and more representative. Colors have universal and cultural underlying meanings that shouldn’t be overlooked when deciding on one color over another.

The following are some of the most common noted psychological pairings:

Red --excitement, strength, sex, passion, speed, danger.
Blue --(listed as the most popular color) trust, reliability, belonging, coolness.
Yellow --warmth, sunshine, cheer, happiness
Orange -- playfulness, warmth, vibrant
Green -- nature, fresh, cool, growth, abundance
Purple --royal, spirituality, dignity
Pink -- soft, sweet, nurture, security
White --pure, virginal, clean, youthful, mild.
Black --sophistication, elegant, seductive, mystery
Gold -- prestige, expensive
Silver -- prestige, cold, scientific

It is important to consider these meanings when choosing colors. Most of today’s large companies refer to these color references when choosing company colors. Color is the first impression your audience takes in, it is important to represent yourself correctly.

What do you think of when you see the colors listed above? Are the majority of your answers in line with what is above?

Most people can look at something and confidently say that the colors clash, but they cannot explain why. Someone who has studied color can discuss how the saturation of the colors, tints and shades causes the “Clash”. A lack of color harmony can be quite unsettling, as you may have noted if you've ever tried to pair, say, red shoes and a red dress; small variations between the reds can cause a fashion crime.

Color theory is very complex; art and design students often spend years learning about the subject. The following is the most basic information that can be applied to greater learning and discovery:

The color wheel:
The color wheel is a tool that was developed to understand color. Many people remember it from art class in elementary school. But artists and designers use it as a base when dealing with colors. On a basic color wheel there are 6 colors– red, orange, yellow, green, blue and purple. The color wheel serves as a chart to help visualize the following categories and combinations.

Primary Colors: Red, Yellow and Blue.
These 3 colors are the base colors for every other color on the color wheel. Note the triangular positioning of the primary colors on the color wheel.

Primary colors are useful for designs or art that needs to have a sense of urgency. Primary colors are the most vivid colors when placed next to each other, which is why you'll notice that most fast food joints use primary colors in their logos, as it evokes speed.

Secondary Colors: Orange, Green and Purple
These 3 colors are formed when 2 primary colors are mixed. They're located in-between the primary colors to indicate what colors they're made from.

Secondary colors are usually more interesting than primary colors, but they do not evoke the same sense of speed and urgency.

Tertiary Colors: These are those "in-between" colors like Yellow-Green and Red-Violet. Mixing one primary color and one secondary color together makes them.

Complementary Colors: Red and Green, Blue and Orange, Purple and Yellow.
These are the colors directly across from each other on the color wheel. When used together, they become extremely vibrant and have heavy contrast.

Analogous Colors: Red and Orange, Blue and Green (etc.)
These are colors right next to each other on the color wheel. They usually match extremely well, but they also create almost no contrast.

They're good for very serene-feeling designs and artwork where you want viewers to feel comfortable.

The color wheel is the basis for colors; however there are plenty of other variables that make one red differ from another. Here is a list of them:

Hue:
Undiluted colors – the true colors of the spectrum.

Saturation:
Brightness of a color.

Value:
Lightness and darkness of a color.

Tint:
A color with the presence of white – lighter shade of a color. Pink is a tint of red.

Shade:
A color with the presence of black – darker shade of a color. Navy is a shade of blue.

Color theory can get incredibly complex. Some people spend years to become experts in the field, devoting time to serious research in the sciences that are involved in color.

Here are some fun and interesting facts taken from increasetheknowledge.com:

- Butter has been artificially colored yellow back as far as the 1300’s.
- It is generally accepted that pink is for girls and blue is for boys. Pink has also been used in drunk tanks and opposing team locker rooms to calm and weaken the people in them. Even color-blind prisoners have been tranquilized.
- Blue and black are both appetite suppressants.
- Red is used in stoplights and emergency vehicles, although bright neon green is becoming more relevant for emergency and safety applications. It is the color of fire and blood as well as being energizing, aggressive and bold.
- Color helps people differentiate medicines.
- Green is associated with nature, growth, fruitfulness, freshness and ecology. On the other hand, green may also be symbolic of good luck, seasickness, money and greed — all of which have nothing to do with green plants.
- Color helps increase memory by attaching extra meaning to things that we see.
- Color can improve readership by 40 percent, learning from 55 to 78 percent and comprehension by 73 percent.
- Ads in color are viewed up to 42% more often than the same ads in black and white.
- Red appears more brilliant against a black background and duller against the white background. In contrast with orange, red appears lifeless; in contrast with blue-green, it exhibits brilliance.
- A soft shade of blue triggers a sense of calm.
- Color may have both positive and negative symbolism. For example, although blue is the beautiful color of the sky on a sunny day, it can be symbolic of sadness or stability.
- Dark and light shades of any color can convey completely different meanings. For example, pink (light red) tends to appear delicate and sweet as opposed to the strength and anger associated with dark red.
- Colors take on new meaning when combined with other colors. For example, red and green together remind many people of Christmas.
- As people get older, their eyes change. The sensitivity to certain colors gets dulled, but orange is least affected. So if your audience is older, you may want to use more orange hues.

multi-plane scrolling background

2008-10-24T14:05:00.000-07:00

I added the silverbackaps.com effect to my site finally!

If you re-size your browser you should see the birds move. Unfortunately this doesn't work in IE6. Check it out www.erinhupp.com

You can find the demo at Vitamin!

Sneak Joint Grand Opening

2008-10-22T15:15:00.001-07:00

Over the last year have had the pleasure of working on promotional items for a new bar in San Diego, California... specifically "Mission Beach" I am excited to announce their grand opening! They're kicking it off with 4 different parties for the different groups of people: Locals, College Students, Businesses and the Food, Beverage / lifestyle industry. The invitations turned out well! See them on flickr

Creative Commons on Flickr

2008-10-22T10:48:00.000-07:00

I always knew that Flickr's creative commons was a resource for images, however due to lack of research I have always had in mind that it is another source of poorly tagged bad photography. I had been searching for images for my company's holiday card for several hours with no success when I decided to try it out.

The images on the site are unreal. Some of them are garbage, but the majority of them are amazing shots with great grain and photo flaws that give the images character.

Boots- adorable, but are they practical?

2008-10-22T09:47:00.001-07:00

So my mind wandered a bit while I was writing a document about color and websites... I found these boots:
Unfortunately, they don't seem practical. My boot search continues...

Company holiday card... option one

2008-10-20T13:38:00.000-07:00

My first take at this year's company holiday card...

moo cards!

2008-10-16T20:35:00.000-07:00

I just ordered some Moo Cards for my mom... Hopefully they turn out well!

Things I that have kept me sane this week...

2008-10-16T17:59:00.000-07:00

The days are getting shorter and Chicago is getting colder every day... With that my spirits have sank to an all time low. Here's some things that have gotten me through this chilly week.

1. The delicious soy blueberry cinnamon crumble latte from "the fixx"

2. Magic Eraser by Mr Clean (he's a genius) – if you have never used these little jems you need to go out to the supermarket and grab one.. get it wet and clean your bathtub, if you have a better way to get rid of soap scum... I will be surprised.
Anyways, the uber clean tub made a hot bath so much more relaxing!

3. My new blanket – this thing works wonders for an insomniac find it here!

4. Caroms – saved my life in my pool match and helped me beat a "5". Thanks for teaching me Bob! That Patron shot that Rick bought me for winning really warmed me up!

5. The thoughts of sugar plums and new winter boots dancing in my head. I must begin shopping for them next week.

Please adjust your Photoshop levels

2008-10-15T09:32:00.000-07:00

It seems I am always buying stock photography for different things, lately I have been on a kick to do more collages and create more original work. There are several free stock sites that have some great images on them, but it bothers me that people will post images without adjusting the levels. Now, I know you are not getting anything for the images but it only takes 5 seconds to do; I guarantee your images will be downloaded more often and your reputation will benefit.
Here's an example of a great photo of the Chicago Skyline:

And with literally 1 minute of adjusting levels and maybe 4 to take out the distracting lightpost...

Thanksgiving card

2008-10-14T12:56:00.000-07:00

Today I completed the thanksgiving card for my company I have been working on. Check it out!