Connect with us:

Internet Marketing Blog

Internet Marketing Blog for the Serious Entrepreneur.

Pac-man Starts Life At 30

May 21, 2010 – 1:17 pm
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

One particular football player won’t grow up because he’s a Toys ‘R Us kid, and other unmentionable things. But his father ages gracefully.  Today, Pac-man celebrates his 30th birthday after years of chasing pellets, big and small, to get the affection of his female cohort.  Google commemorates the celebration with this kitschy website design where you enter a coin and can play with Mr. and Mrs. Pac-man at the same time.  It’s an ingenious blend of marketing and synergy of the iconic, beloved arcade game.  It remains one of the most recognizable brands in the world, and its influence on postmodern society along with the digital age remains strong to this day. I remember playing at the barber shop on Saturdays in between cuts as a boy, and I could never get to the same level on subsequent trips.  I would climb several levels in one visit, then get nowhere the next time.  It is a game dependent on memory, hand-eye coordination, and perception. These skills can be applied to any medium in life, beyond video games. I think this explains its durability in an era of Grand Theft Auto, Wii, and Xbox. Pac-man has endless brand equity.  Before you start playing, flex your fingers because they will get a workout from pounding the arrow keys.  Click on the retro illustration to the right and get started.

Remember Your Interface

February 25, 2010 – 1:45 pm
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

The staff at Blueliner prides itself on delivering quality web design to our clients in all phases. Unfortunately, the process contains pitfalls that derail the process. At times, businesses may concentrate too much on the application and forget to execute the web development necessary for quality design.  Sometimes, the original designers do not factor into the process.  Web developers will choose to handle the web applications and design, even if design is not their forté.

It is critical for interactive teams to clearly determine several phases of the web construction process. One of them is understanding the difference between a website and web application.  To the general public, they may be considered one and the same.  A website’s main purpose is to convey information in a clear manner with sound visual stimulation to generate traffic, which as we know leads to higher ROI metrics.  A web application, on the other hand, is the guts behind a website.  It allows businesses to perform several tasks at a singular time in order to carry out initiatives and ensure production.  Web applications are further segmented into open and closed applications. Open applications are simply accessible to everyone while closed applications are used for a corporate network on-site, carrying an offline status.

Businesses must also identify their users to ensure that the project meets their needs.  Interviewing users and stakeholders give answers about their knowledge of the system.  ”Shadowing” is another technique, where observation of user behavior through disclosed channels can reveal insightful answers.

These are just a few examples for businesses to consider when implementing a quality web strategy.  Janko Jovanovic of Smashing Magazine goes further in detail to discuss prototypes and other principals of the design process here.

Throw The Kitschen Sink at Web Design

February 18, 2010 – 4:14 pm
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

In any creative enterprise, we reach a block where nothing fresh and genuine comes to our senses.  As an interactive marketing firm, Blueliner looks at endless channels to create innovative content that will increase traffic and improve our development techniques.  Boagworld.com posted an interesting topic back in Winter 2009, pressing web developers to take a step outside the box, so to speak.  They look at various websites who create poster templates of kinetic styles.  Here’s one from The Kitschen Sink, who use a pulp movie theme to sell jewelry and accessories.  Click here to visit the site.

It’s Simple Mathematics

February 11, 2010 – 3:51 pm
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

On first glance,  you would not think that mathematics would be an asset to web design and development.  If you take a closer look, however, mathematics can prove invaluable.  The beauty of mathematics lies in its symmetry, consistency, and finite properties.  As a foundation for any graphic designer, creative channels can be limitless.  Architecture, along with various art forms, are obvious examples of this fact.  Adit Gupta of Smashing Magazine goes into more depth with various examples, but I’ll explain the golden ratio.

Right below, I have an example called the golden ratio.  Basically, it is a proportion 1.618033988749895 ≈ 1.618 which holds between objects placed within some context.  Say that you want to create a fixed width layout for your page and you have a given layout width. First, calculate the widths of your contact block, then divide this result by 1.62. Next, you subtract this result from your given layout width.  The final step is to determine the ratio between your content and sidebar blocks, followed by the ratio between your container-width and container block.  If done properly, the ratios should all be close to equal.

Clearly, a designer does not have to use this example to a tee.  Nevertheless, the value of this symmetry is evident when looking at a website like Mint.com, which we had discussed here in the past.  It exudes a sensual, calm visual experience with good composition and crisp color schematics. Many designers can learn from the golden ratio and see that limits aren’t all bad.

A Love of Color

February 4, 2010 – 3:56 pm
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Smashing Magazine is an outstanding source of web design news and link for building the best web page possible.  It also provides valuable tutorials, such as this one.  Cameron Chapman discusses how to use color in a multi-part series called “Color Theory for Designers”.  He takes an exploratory view on color’s subjective nature and how the right color scheme can affect your digital strategy in terms of traffic, brand development, and ultimately, brand equity.  This feature can provide some invaluable feedback on Blueliner’s future direction with web development.  Take a look.

Digital Conservation for Your Web Design

August 25, 2008 – 11:26 am
1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 3.00 out of 5)
Loading ... Loading ...

As we all know, green design is no longer about light bulbs and electric cars. Windmills and solar panels play an important part in sustaining energy and our future, but what about conserving our digital economy?

From producers to buyers and everything in between, all of you are powering web 2.0. and everyone will have a role in determining the shape of the next generation Internet. As more people get directly involved in producing content on the web, we all have the option to implement best-practices in ‘digital conservation’.

We know about the greening of data centers. Instead of busting out a new tech meme for green coding practices, let’s reuse some older terms. Below are some familiar terms to get you started thinking green in your designs, work-flows and coding practices. This is not meant to be a definition of sustainable web design but it could lead you to more research.

Reduce

Power requirements in web servers are going down. Energy Star compliance for computers was the beginning but data centers are now driving cooling, energy and bandwidth requirements. Hosting control panels are reducing the amount of support required by giving more control to the site owner and site designers. Better designs which include mature, standards-based languages and coding practices help insure we get the most logic from the least amount of code.

Web standards like XHTML 1.0 and CSS 2.0 help reduce the amount of code on a page. Emerging standards like POSH and other Microformats help designers write semantically-correct code leveraging existing standards. Spending less time learning new standards shortens learning curves. Shorter learning curves free designers to focus more on user needs and sustainability.

Recycle

Design patterns help recycle code, imagery, and media based on past-project requirements. One example might be shopping cart code that is recycled from product sku to product sku. The same JavaScript is reused while the variables get updated for each product skew. The associated graphical elements, like “Buy Now” and “Add to Cart” buttons might be recycled from other navigational aids found in the site design. Rich Media such as product video introductions can be recycled from product to product using the similar titles, intro and credits.

One key to recycling code is the separation of code from presentation and style. Themes are a great example of site design recycling since a theme can be easily duplicated, and recycled through designer customizations.

Reuse

Hot-swappable hardware such as hard drives are refurbished and disk images are reused across entire server farms. Virtualization software and platforms help optimize the entire process. Even though we’re just in the beginning stages of green design, the techniques we’re employing in the technology sector are amazing. It seems to have started in the data centers.

Data centers themselves are now being located near renewable energy sources and some web hosts are entirely off-the-grid. Just as the data centers were driven to go green by cost-savings, green design is beginning to take hold as standards progress.

Another example of “reuse” is the popular one-click installations offered by many web hosts. Entire websites are now installed with just a few clicks and an ever-increasing amount of code in site designs are reused. Portions of your site design may be reused on other sites such as social networks. Your CSS, product descriptions and contact information may be simply cut and paste between many sites.

In sum, conservation starts with a mindset and we all have the power to contribute in different ways.

Additional Reading

Web Standards Project

Sustainable Web Design

Sustainable Web Community

Seven steps to a green data center

Sustainability Defined at Wikipedia

Make Your Website’s Graphic Design Effective in 2008

March 13, 2008 – 11:00 am
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)
Loading ... Loading ...

“Strike the eye, Seduce the mind”

That phrase, coined by prominent national artist and professor Marc Dennis, is, or should be, the mantra of all marketing related visual materials. While messaging is key in marketing materials in order to generate sales, a strong message will be lost or wasted if it is set in a visual design that does not also engage the viewer.

This is especially true with web sites, since the interactive nature of that marketing medium has vast potential for enthralling the viewer. Extensive studies have shown that customers who enjoy or like an advertising piece instantaneously create a positive association with the brand. This effected is multiplied ten or twenty fold on a web site because of the comprehensive interaction between a consumer and the web site’s branding as the consumer moves through a site.

Thus it is key that the visual design of a web site be treated as much like a work of art as a mode for sending a message

To aid the marketer in creating a web site that seduces the minds of customers via striking visual imagery, I present four key principles for successful design. These principles largely stem from the confluence of traditional design techniques and studies in consumer behavior that uncovered key visual stimuli that attract attention.

Read the rest of this entry »

Social Media Marketing: Lessons from a Matchmaker

January 8, 2008 – 12:41 pm
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 4.00 out of 5)
Loading ... Loading ...

Match.com is the latest Corporation to try it’s hand at the the world of Facebook

Match.com’s latest attempt to generate a wider social media user base has made big news, but faces even bigger challenges. In what objective social media experts might call a match (har!) made in interactive heaven, Match.com has created a Facebook application which pulls user data from a Facebook profile and, with help from Match.com’s algorithms, identifies potential matches. 99 cents unlocks the user data and contact info for those matches (“Match.com Integrates with Facebook“).

Match.com's Matches

The devil, or potentially devastating flaw, for this program is in the details. The application fails to stipulate whether it matches you with other Facebook users or other Match.com profiles. Then, when the application sets you up, it pulls little or no data from your profile. Email address and name are automatically picked up, but most meaningful data must be manually entered. It also costs money to contact potential matches using the application. As other Facebook application writers have discovered, wildly popular Facebook applications are intuitive, simple, easy to implement, and FREE.

Match.com's little black book

Read the rest of this entry »

Website Design Trends: What It Could Mean for Your Site in 2008

November 20, 2007 – 11:38 am
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Can a web site designer really learn anything from upcoming trends in the world of physical product packaging? Contrary to popular belief about the two different branches of design, packaging trends and web site design trends are actually derived from the same complex combination of fashion, evolving design philosophies, shifts in cultural value, and technology.

Aside from common sources, web design and packaging design also share the same emphasis on visual appeal, need for distinguishing characteristics to prevent blending in with the competition, and reliance on the written, rather than spoken, word.

So what’s going on in packaging that the web site designer should be aware of?

Read the rest of this entry »