Banner design for AHOJ! Souvenirmanufaktur

0
Banner design for AHOJ! Souvenirmanufaktur

PVC vinyl banners are an ideal way to make your brand stand out. These eye-catching advertising tools are real head-turners in exhibition halls, at construction fences or sports events. We recently organized a sweepstakes to give our Facebook fans the opportunity to get inspired by this awesome promotional tool. The Berlin-based AHOJ! Souvenirmanufaktur, which produces creative souvenirs, was the lucky winner of a professionally designed advertising banner including print. We used the opportunity to film a tutorial of the design process.

Contents of this article:

The briefing

A graphic with Banner design facts lists company info on the left and a blue circular Banner design-inspired Souvenir Manufaktur logo with a star and anchor on the right, displayed on a clean, simple background.

Before diving right into designing the advertising banner for AHOJ! Souvenirmanufaktur, we first met with our contact to discuss design preferences and specifications. What should the banner look like? Which text should be incorporated? Which corporate design specifications need to be considered? We started the design work based on the following data:

  • PVC banner, 200 cm x 100 cm, 4/0 colours
  • With hem and eyelets
  • Company name: AHOJ! Souvenirmanufaktur
  • Claim: “Souvenirs machen glücklich!”
  • Font: Berlin Sans FB Regular
  • Primary colour: C100 M35 Y0 K40
  • Font colour: White
  • Link to the website: www.souvenirmanufaktur.de
  • Background: simple and minimalistic, not overloaded

Tips for designing advertising banners:

  • Your elements should be sufficiently large and visible.
  • Do not add too much information!

Our design idea comprises four areas:

Background: The primary colour cyan looks great and is ideal to fill the entire background.

Text: As text elements we add the claim “Souvenirs machen glücklich!”, the company name “AHOJ! Souvenirmanufaktur” and the website address “www.souvenirmanufaktur.de”. This is not a lot of text for a banner of this size but this is intentional, because it gives emphasis to the individual elements.

Logo: The logo creates a powerful impact with its circular shape and the ornaments at the centre. Thus, the logo becomes the eye-catching element.

Text colour: We use dark cyan as the primary colour which goes well with the specified white and assures optimum legibility.

A screenshot of Adobe InDesign showing the Document Setup dialog box, where banner design settings like number of pages, page size, width, height, and orientation can be adjusted.

For the design, we used our free InDesign template available for all dimensions on the product page in the online shop.

Our tip:

You have to add the bleed to any print document that will be further processed. It is 10 mm on all sides for advertising banners. If you click File > Document Setup in the template, you will see that the correct bleed for the respective document size is already included.

 

A screenshot of a graphic design software interface showing a blank document ready for banner design, with a toolbar featuring color swatches, and panels for pages, layers, and links on the right side.

In the first step, we create the colours and the required layers. For the AHOJ! advertising banner, double-click the existing “Layer 1” in the Layers panel via Window > Layers and rename it to “background”. Then create three more layers: logo, claim and text.

In the next step, add the dark cyan for the background and the lighter hue for the claim.

Background

A screenshot of Adobe InDesign showcasing a banner design, with a large blue rectangle covering most of the workspace. Toolbars and panels are visible at the top and right sides of the screen.

Having completed these basic steps, we continue with the background design. For this purpose, go to the background layer and use the Rectangle Tool to create a 2020 mm x 1020 mm rectangle. Adjust the rectangle to the banner size and colour it in dark cyan using the Color Themes.

Our tip:

Click the padlock icon in the Layers panel to lock the background layer and prevent it from being moved inadvertently.

Logo 

A blue rectangular banner design in a graphic editor, featuring a white circular emblem on the left with hearts, a flower, and the words SOUVENIR MANUFAKTUR around the edge.

Next create another rectangle, click into it and import the logo from our computer using the shortcut Ctrl + D. In our case, the logo is smaller than the rectangle we created, but this is not a problem since you can adjust the logo to the rectangle by right-clicking > Fitting > Fit Frame to Content. Important: The logo must be available as a vector graphic to be scaled without loss. If the logo is still blurry, this is probably not because of poor logo quality but because InDesign needs to save resources. To display the logo in full resolution, right click > Display Performance > High Quality.

Company name

A digital banner design interface displays a blue rectangle with a white circular logo featuring an anchor, hearts, and the words “Souvenir Manufaktur.” Below, the text “AHOI! Souvenirmanufaktur” appears in white.

Use the Text Toolto drag out a text frame below the logo in which to insert the company name. The text is formatted in Berlin Sans FB Regular font and placed in the middle below the logo. The font size of the word “AHOJ!” is slightly bigger than that of “Souvenirmanufaktur”.

Website 

A blue banner design features a white circular Souvenir Manufaktur logo with an anchor and hearts, the text AHOI!, and www.souvenirmanufaktur.de at the bottom.

Subsequently, add another text frame for the website address. Place the text frame including text in the lower right corner and make sure that the company name and the website address are aligned properly.

Claim

Blue banner design with a circular logo featuring a heart and clover, the text “SOUVENIR MANUFAKTUR,” catchy phrases AHOI! and “Souvenirmanufaktur” plus website link. Background says, “SOUVENIRS MACHEN GLÜCKLICH!”.

Finally, add the claim in the upper right corner. Distribute it evenly across the empty space as large as possible. To add a fancy effect, position the last letter of the words just outside the template and rotate the claim by approx. 10 degrees to the left to create an ascending line. To delimit the claim, add tapered stripes at the top and bottom.

A screenshot of the Export Adobe PDF dialog box in Adobe InDesign, displaying various export settings. The background showcases a blue banner design with partial white German text and a circular logo.

After completing the design phase, you can prepare the artwork for printing. For this purpose, open the export window via File > Export. The InDesign template comes preloaded with all necessary settings so you don’t have to do anything here. The Summary panel might show a small warning icon. This is because the bleed was not defined separately but was included in the document size. Click Export to save the artwork document and submit it to Onlineprinters for printing.

Credits:

By media designer Christoph Ullrich.

We thank AHOJ! Souvenirmanufaktur for the great cooperation.

Previous article Logo design made easy
Next article InDesign tutorial: Creating a six page DL folded leaflet
»<i>Mehr als das Gold hat das Blei die Welt verändert. Und mehr als das Blei in der Flinte das im Setzkasten.</i>« Georg Christoph Lichtenberg erinnerte uns schon vor mehr als 200 Jahren daran, wie kostbar freie Information einst war; in diesem Sinne versuche ich, auch in der heutigen Onlinewelt das Wesentliche klar und prägnant zu vermitteln.