• €1185

• 111 designs

• 17 designers

---

Web Design Brief

We are looking for creative minds to relaunch the website for our award-winning comedy musical “Himmel und Kölle” (www.himmelundkoelle.de). The aim is a cheeky, funny and surprising website that underlines our position as “Germany's funniest musical” and motivates people to buy tickets. The site should convey the positive Cologne attitude to life, be responsive and offer intuitive navigation.

Design specifications: Magenta-purple as the main color with golden accents. Font: Bebas Neue for headlines, Open Sans Condensed for body text.
The heart logo is to be placed at the top left. Various key visuals such as a drawn Cologne skyline or other drawings etc. should be integrated.

In addition to the main page, the subpages: The Musical, Ticket Info, Plan a Visit, Company Events are to be created.

The winner will be selected according to the following criteria: Creativity, user guidance, technical feasibility and compliance with the style guide.

I have uploaded briefing documents in English If you have any questions, please contact bjoern.esser@apiro-entertainment.

Further briefings and the style guide have been uploaded in the appendix.

Additionally, graphics can be downloaded under these links (the download of the files takes longer):

http://APIRO-NAS.quickconnect.to/d/s/12hIMn5Y8tBxruv0eqvaTYrfzCXX1ZXE/W2t9gugGTtFgGl2YAyfn0qzz0Jvma2EO-j7YglkhkKww

Link LOGO:
http://APIRO-NAS.quickconnect.to/d/s/12hzRrDEelalG3eIQ1zqq10t7HylrWfW/Y4BTw-kx2bB6SC1pgNFkVCuC0_7yzXY5-XLpAKylVKww

http://APIRO-NAS.quickconnect.to/d/s/12hzRrDEelalG3eIQ1zqq10t7HylrWfW/Y4BTw-kx2bB6SC1pgNFkVCuC0_7yzXY5-XLpAKylVKww

http://APIRO-NAS.quickconnect.to/d/s/12lNTwd0im1cftcjvYC45mULZ0Fh0YTU/rlBvu8wD4UG6w7gLlYP8xqw2kmzaoiy1-H7sAETBWKww

Target Market(s)

Germany-wide + region 40 kilometers around Cologne

Industry/Entity Type

Entertaunment Produktion

Coding

Coded - Design and coding required

Number of Pages Required

4 page

---

Font styles to use

Other font styles liked:

• Bebas Neue , Open Sans Condensed

---

Colors

Colors selected by the customer to be used in the logo design:

---

Look and feel

Each slider illustrates characteristics of the customer's brand and the style your logo design should communicate.

---

Requirements

Must have

• Color scheme • Main color: magenta-violet • Accent color: gold/gold tones • Complementary colors: shades of the main color and neutral tones for body text Typography • Headlines: Bebas Neue (sans-serif, no italics or small capitals) • Copy texts: Open Sans Condensed (all styles allowed, no italics) • Clear hierarchy for optimal readability and recognition Logo • The heart logo must always appear on a heart-shaped background • Variants with the addition "The Cologne Musical" are possible • Prominent placement in all areas of the website Key visuals • Combination of striking illustrations with local Cologne symbols • Cologne skyline with cathedral and TV tower • Golden accents and rainbow elements • Kölsch glass as a local reference • Stylized graphic elements in gold (stars, glitter effects, frames) Website structure and content Header area • Dynamic news ticker with current offers and performance dates • Logo (left) and main navigation (right) • Prominently placed "Get Tickets" button in gold • Main menu items: Musical, Ticket Info, Plan Visit, Groups, Corporate Events, FAQ Hero Section • Emotionally effective video background or changing key visuals • Concise headline: "HIMMEL UND KÖLLE - The award-winning Cologne musical" • Subheadline with a special humorous component • Eye-catching CTA button "GET TICKETS" with price information Celebrity Endorsement Section • Creative slider concept with testimonials from well-known personalities • Integration of quotes from Carolin Kebekus, Wolfgang Niedecken, Jürgen Becker • Authentic representation of the celebrities in connection with the musical Awards & Headlines • Visual highlighting of the awards • Infographic on visitor numbers (144. 000+) and recommendation rate • Integration of the four German musical and theater awards as badges/icons Show description • Humorous presentation of the plot surrounding Pastor Elmar • Creative visualization of the show highlights • List of special features (live orchestra, choreography, etc. ) • Integration of Cologne local flavor Press reviews slider • Dynamic concept for presenting press reviews • Integration of quotes from Welt am Sonntag, Express, Kölner Stadt-Anzeiger • Visual linking with the respective media logos Highlight scenes • Interactive photo gallery with short, witty descriptions • Potential integration of short video snippets • "Appetizers" without giving too much away about the musical USP section • Four concise icons with accompanying text • Highlighting the unique selling points: live orchestra, unique venue, sustainability, Cologne culture • Creative implementation of the icons in the style of the musical Voucher banner • Eye-catching design for the voucher area • Emotional appeal: "Give the gift of unforgettable moments" • Direct CTA for voucher ordering Visitor comments • Authentic testimonials with real visitor photos • Representation of various target group representatives • Integration of "people next door" perspectives Experience Cologne banner • Linking the musical with Cologne sights • Communicating the "Cologne experience" • Strong CTA for ticket booking Corporate events section • Presentation of business offers • Showcasing the possible combinations of business and pleasure • Presentation of VIP packages and special arrangements Quick links • Six attractively designed image tiles • Intuitive navigation to important subsections • Subject areas: Arrival & parking, ticket categories, performance times, corporate events, group offers, FAQ Footer area • Newsletter registration with emotional incentive • Clear contact information • Social media integration (Facebook, Instagram, YouTube, TikTok) • Area for legal information Functional requirements Responsive design • Optimal display on all devices (desktop, tablet, smartphone) • Special attention to mobile-first approach Performance • Fast loading times despite multimedia content • Optimization of all images and videos SEO optimization • SEO-friendly URL structure • Meta information for all pages • Semantic HTML structure • Keyword optimization for "Musical Cologne", "Comedy Musical", etc. • Special requirements for the wireframe Tonality and creativity The wireframe should already convey the cheeky, witty tone of the musical. Look for surprising elements that make you smile and capture the Cologne way of life. Integrate Cologne humor into UI elements, navigation terms, or micro-interactions. User path to ticket purchase Show how you can guide the user to ticket purchase through clever UX design. Pay particular attention to: • Strategic placement of calls to action • Reducing click paths to ticket purchases • Emotional triggers at decision points Surprising interaction elements Design unusual interaction elements that fit the character of the musical: • Cologne Cathedral that "sings" on hover • Interactive Cologne city scenes • Humorous loading animations • Easter eggs that appeal to Cologne insider knowledge Multi-device concept Show how your ideas work on different devices. Particularly important: • How navigation works on mobile devices • How complex elements like the seating plan are displayed on small screens • Which content is prioritized on mobile

Nice to have

• See briefing

---

Files

Download all files - 70.3 MB