Advertise with

You remember how branding works?

If someone see's your logo he will remember it - at least as a fleeting memory.
The more often your brand is seen - the more intense and vivid the remembrance will be.
And the next time in a shop they will probably choose your product.
They are familiar with - even if they had never used / bought it before.

You know the general principles?

How to raise the quality of branding?

Branding is, from a consumers perspective some kind of learning.
- It's like learning a word / phrase in a foreign language.
Modern learning involves playing, singing and other funny things like this.
The principles are easy:

• Make your audience use / see / say / read / write (not 100 times like at school) the word or phrase.
  - And they will remember it.
  - Depending on the person one method works better than the other.
  -- Some learn better when they write down a word, the other prefer speaking it.
• Inclusion of social components to raise the branding efficiency.
  - If you talk with close friends you use words which have a meaning to you as a group.
  - Even if the are more precise or some kind of better alternatives...
  -- using these words makes you feel the togetherness.
  
• Let these things occur often and they will learn through rehearsal
  - Since you brand / slogan is part of the game it will be used very often.

This is where puzzle 101 comes in!

How puzzle 101 works in advertisement

• Everyone knows jigsaw puzzles.
  You have to place pieces on their correct location to solve it.
• Everyone knows multi player online games.
  Hundreds and more players work together on their tasks.
  And the combined efforts helps to speed up the process - or makes it possible to solve the task.

Let's bring it together

Multi Player - means communication.
Communication about locations involves coordinates.

A common coordinate system used in a jigsaw puzzle.

Can you help me with this piece?
I guess it fits somewhere in the area around B,5.

And this solves my branding problem?

The puzzle 101 navigation

We use your banner as optical replacement for the headers.
And your brand name / slogan as coordinates.

Can you help me with this piece?
I guess it fits somewhere in the area around "CoolC" and "Thunder One".
"CoolC"?
Uuups - you'll find it as "The Cool Company"

Will anyone communicate like this?

YES the players do so. The reason are modern user interface elements which make these things easy to use.

The puzzle image is larger than your banner

Therefore scrolling occurs. It is handled like in common grid related programs.
The Coordinate bar stays always visible.

Scrolling makes your banner partial visible?

With our current implementation it does. The reason are some pro arguments as well as the smoother game experience.
But as you advertise you can choose if you prefer to see it always as the whole thing.
If we have a serious number of votes for this solution (scroll as the whole) we will implement it like this.

• The Con's
  
  1. Only a part of a larger brand is visible
  2. The "general look and feel" could get lost
• The Pro's
  1. You can make the player curious
     CoolC - The leader in... Let's have a look in what
  2. The game experience is much smoother
     Du to the fact that different banner sizes exist a "banner by banner" scrolling would become inconsistent
  3. By dividing you banner in several sections you can achieve interesting effects.

UI Elements

We show you some User Interface Elements to give you an idea how the game works.
We made an HTML Clone of the Fast-Navigation Element to show you how it works.
The rest of the elements are modified pictures from our current beta.
They have a much better look in reality and also some enhanced functionality.
Just think about - free positioning, auto collapsing / expanding windows and so on.

Use the panel on top for navigation

Use the second row to show the elements (Position Info, Fast Navigation, Team Chat, System Info).

Position Information

This window shows the player his current position on the puzzle.
It enables further to send a position to the current communication window.
The brand names / slogans are links which open your given page in a browser window below the game (pop under).
There is also a tooltip functionality if the user moves the mouse over the links.

Fast Navigation

This allows a user to reach an area by selecting brands / slogans from a dropdown.
We made a little simulation in HTML here. Only 4 brands are available in this demo!
Use the dropdowns to select your position and watch the highlighted cell in the picture below.

Choose Column: The Cool Company XLight	Choose Row: Fast Run Thunder One

Team Chat

There are various communication windows in the game.
One of it is the Team Chat which enables the player to communicate with his team.
We use this as an example of some chat functionality.

The player (as he does in this sample) can ask his team mates for assistance.
He can link his piece so that the mates can also check where it fits.
Suggestions / solutions are sent back as Position Links (a click navigates to this position).
And again your brand / slogan is part of the game as it is used for the coordinates.

System Information

This is an other example of involving your brand into the game.

Beside some other information the user can watch events like when an other play places a piece.
- This is usefully to check how the own piece fits with the new situation.
Also Alerts are a part of the game.
- An example is a "row watch" where the player selects rows to get informed if something happens there.
- The user can click the "Row-link" to navigate to this row.
Player Links allow the user to whisper with this player.

Advertisement Data

The information we need to make your advertisement constists of the following elements.

1. Tooltip Headline
   A headline we show in bold on top of the tooltip.
2. Tooltip Text
   Textual information in the tooltip.
   This is a good place for a short product / service description.
3. Your Banner
   If it is smaller than the choosen size you should take care about the next point.
4. Background Color
   Here you set the color which is used to fill the reamining space (if one exists)
   Here you can further set the orientation of your banner (left / top, center, rigth / bottom)
5. Your URL
   The address of the landing page a user reachses if he clicks on the banner or the links.
6. Link Text
   A short descriptional / impressing text which is used for navigation.

Banner Formats

We offer 6 standard banner formats. 3 for Column and 3 for Row addressing.
Due to the fact that the banner space must correspond with the size of the pieces our smallest sizes depart from the standard.
They are a few pixels larger than the standard. You can either provide a larger image - or let us fill the remaining space with
a color you choose. Further we have to draw a small border which means that your banner must keep a Distance of 2 Pixel on the primary axis.

Columns - X

Default: 120 x 60

Rows - Y

Default: 120 x 90

Red lines represent the margin you should respect.
Green lines act as symbol for the extended space.