Skip to content
Agenturen und Berater: Liefern Sie Websites unter Ihrer eigenen Marke mit unserem White-Label-Programm. Partner werden ›
pentaSERVICES

Webdesign für Branding-Agenturen und illustrationsstarke Studios

Pixel & Pine: Website-Vorlage für Branding-Agenturen

Eine warme, verspielte Website, die aus Gründern, denen Ihr Stil gefällt, gebriefte Branding-Projekte macht.

Pixel & Pine ist eine fertige Website-Vorlage für kleine Branding-Agenturen, die Markenidentitäten, Illustrationen und Websites für wachsende Unternehmen gestalten, hier gezeigt mit einer fiktiven Londoner Agentur. Penta Services richtet sie mit Ihren Case Studies, Leistungen, Ihrem Team und Ihren Texten ein, hostet sie und hält sie im Paket Unternehmenswebsite für 24 € im Monat plus 0 € Einrichtung aktuell.

Gefällt Ihnen dieses Design? Wir machen daraus Ihre Website.

Ihr Logo, Ihre Texte, Ihre Fotos und Ihre Farben – ganz nach Ihren Wünschen angepasst. Wir richten die Website ein, hosten sie und halten sie für Sie aktuell.

Für wen

  • Branding- und Markenstrategie-Agenturen
  • Illustrationsstarke Designstudios
  • Kleine Agenturen für Markenidentität und Websites
  • Rebranding- und Verpackungsspezialisten für Start-ups
  • Kreativteams mit zwei bis zehn Personen

Inhalt

  1. 1Auf einen Blick
  2. 2Die Startseite, Abschnitt für Abschnitt
  3. 3Die Arbeiten-Seite
  4. 4Eine Case-Study-Seite für jede Marke
  5. 5Über die Agentur
  6. 6Projekt-Briefings
  7. 7Funktionen
  8. 8Mobil
  9. 9Marke und Suche
  10. 10Preis
  11. 11So funktioniert es
  12. 12Häufige Fragen

1 · Auf einen Blick

Gründer wählen eine Branding-Agentur, deren Persönlichkeit zur gewünschten Marke passt

Wer einen Launch oder ein Rebranding plant, sucht eine Agentur mit klarer Haltung. Gründer wollen Marken sehen, die sich durch Ihre Arbeit verändert haben, wissen, welche Leistungen sie bekommen, und den Charakter der Agentur spüren, bevor sie schreiben. Eine graue, austauschbare Agentur-Website arbeitet gegen ein Geschäft, das Persönlichkeit verkauft.

Was Kunden vor ihrer Entscheidung prüfen

  • Haben sie schon Unternehmen wie unseres neu positioniert?
  • Decken sie Strategie, Identität, Illustration und Website ab?
  • Wer sind die Menschen, und arbeiten wir gern mit ihnen?
  • Wie fangen wir an, und passen sie zu unserem Budget?

Was diese Website Ihnen bringt

  • Ein Split-Screen-Hero in Creme, Schiefer, Koralle und Mint, freundlich und mutig zugleich
  • Drei nummerierte Leistungen, etwa Markenidentität, Digitaldesign und Art Direction
  • Sechs Case-Study-Karten auf der Startseite und eine Seite für jedes Projekt
  • Ein Briefing-Formular mit Budgetfeld und „Projekt starten“ auf jeder Seite
5Fertige Seiten: Startseite, Arbeiten, Projekt, Über uns und Kontakt
3Nummerierte Leistungsblöcke auf der Startseite
6Case-Study-Karten im Arbeiten-Raster der Startseite
2–4Wochen bis zum Start mit Ihren Projekten

2 · Startseite

Die Startseite, Abschnitt für Abschnitt

Die Startseite zeigt in den ersten Scrolls die Persönlichkeit der Agentur, ihre Leistungen und ihre besten Marken, mit einem klaren Weg zum Projektstart.

  1. Split-Screen-HeroIhre Überschrift und ein Versprechen in einer Zeile auf der einen Seite, ein starkes Bild oder eine Illustration auf der anderen, dazu die Buttons „Projekt starten“ und „Arbeiten ansehen“.
  2. KennzahlenDrei Zahlen wie umgesetzte Projekte, Auszeichnungen und Länder, nur mit Zahlen, die Sie bestätigen.
  3. VertrauensleisteKundennamen oder Logos, nur mit deren Erlaubnis gezeigt.
  4. Warum die AgenturDrei nummerierte Leistungen, zum Beispiel Markenidentität, Digitaldesign und Art Direction, jeweils mit einer Zeile.
  5. Über-uns-BlockEine kurze Geschichte der Agentur mit Link zur Arbeiten-Seite.
  6. Ausgewählte ArbeitenSechs Case-Study-Karten mit Kunde, Projektart, Jahr und Disziplin-Tag sowie einem Link „Alle ansehen“.
  7. Zitat und HandlungsaufrufEin Kundenzitat, das Sie verwenden dürfen, danach „Sie haben ein Projekt im Kopf?“ und ein Button „Projekt starten“.

3 · Referenzen

Die Arbeiten-Seite

Interessenten finden mit wenigen Klicks Rebrandings, Identitäten und Websites wie die, die sie brauchen.

  1. Disziplin-FilterDas Muster zeigt Alle, Branding, Web, Print und Film; wir richten die Filter ein, die Sie nutzen, etwa Identität, Illustration und Verpackung.
  2. Case-Study-RasterGroße Bilder, die jeweils die Projektseite öffnen.
  3. Handlungsaufruf„Sie haben ein Projekt im Kopf?“ mit einem Button „Projekt starten“ unter dem Raster.

4 · Projektseite

Eine Case-Study-Seite für jede Marke

Jede Projektseite zeigt das Vorher und Nachher einer Marke, und genau diese Seite zeigen Google und KI-Assistenten bei Suchen zu Ihrem Spezialgebiet.

  1. ProjektkopfKundenname, Projektart, Jahr und Disziplin-Tag, mit Breadcrumbs zurück zur Arbeiten-Seite.
  2. Die GeschichteDie Herausforderung, Ihre Strategie und die neue Marke in klaren Worten und großen Bildern.
  3. Was wir gemacht habenDie eingesetzten Leistungen, etwa Markenidentität, Digitaldesign und Art Direction.
  4. Projekt starten und merkenEin Button „Projekt starten“ und ein Merken-Button, damit Besucher später zurückkommen.
  5. Das könnte Ihnen auch gefallenDrei verwandte Projekte, die Interessenten weiterstöbern lassen.

5 · Über uns

Über die Agentur

Die Über-uns-Seite zeigt die Menschen und die Arbeitsweise hinter den Marken.

  1. Geschichte der AgenturWer Sie sind, was eine gute Marke aus Ihrer Sicht leistet und wie ein Projekt abläuft.
  2. KennzahlenProjekte, Auszeichnungen und Länder, nur mit Zahlen, die Sie bestätigen.
  3. TeamkartenFoto, Name und Funktion für jede Person; das Muster zeigt vier, etwa Creative Director und Lead Designer.
  4. Zitat und HandlungsaufrufEin Kundenzitat und ein Button „Projekt starten“.

6 · Kontakt

Projekt-Briefings

Ein kurzes Briefing-Formular, das Ihnen zeigt, was der Kunde braucht und welches Budget er hat.

  1. Briefing-FormularName, E-Mail, Budget und „Erzählen Sie uns von Ihrem Projekt“, direkt in Ihr Postfach.
  2. Angaben zur AgenturAdresse, Telefon, E-Mail und Öffnungszeiten.
  3. Newsletter im FooterEine E-Mail-Anmeldung und Links zu Instagram, LinkedIn und weiteren Profilen.

7 · Funktionen

Alles, was dieses Design enthält

Split-Screen-Layout

Text und Bild nebeneinander, ideal für Illustration und mutige Markenarbeit.

Case-Study-Seiten

Herausforderung, Vorgehen und Ergebnis für jede Marke, mit verwandten Projekten.

Filterbares Arbeiten-Raster

Projekte gruppiert nach den Leistungen, die Sie anbieten.

Briefing-Formular mit Budget

Anfragen kommen mit Budgetangabe, damit Sie Antworten priorisieren können.

Journal

Platz für Markendenken, Launches und Agenturnews, die Suchtraffic bringen.

Optimierte Bilder und Videos

Markenvisuals komprimiert und per Lazy Loading geladen, damit die Seiten schnell bleiben.

Links zu Instagram und Behance

Ihre Social-Media- und Portfolio-Profile auf jeder Seite verlinkt.

Freundliche Typografie

Durchgehend Poppins, mit Akzenten in Koralle und Mint auf warmem Cremeton.

Barrierearm und schnell

Gut lesbarer Kontrast, Tastaturbedienung und schnelles Laden auf dem Smartphone.

8 · Mobil

Zuerst für das Smartphone gestaltet

Gründer sehen Ihre Arbeiten oft zuerst auf dem Smartphone, über einen Empfehlungslink oder Instagram. Auf dem kleinen Bildschirm stapelt sich der Split-Hero zu Bild und Überschrift, Case-Study-Karten stehen einzeln pro Zeile, Filter scrollen seitlich, das Menü klappt in einen Button und „Projekt starten“ bleibt in Reichweite des Daumens.

10 · Preis

Domain, Hosting und E-Mail: alles inklusive

Paket für dieses Design: Unternehmenswebsite

ab24 €/Monat0 € Einrichtung
  • Hosting, SSL & geschäftliche E-Mail inklusive
  • Kostenlose .com-, .net- oder .org-Domain (jährlich)
  • 2 Monate gratis (jährlich)
  • Hosting auf Ihrem eigenen Server (jährlich)

Jährliche Zahlung: 10 × der Monatsbetrag (2 Monate gratis) plus eine kostenlose .com-, .net- oder .org-Domain. Mindestlaufzeit 12 Monate ab Livegang.

Das ist in der Monatsgebühr enthalten

  • Verwalteter Hosting-Server mit SSL-Zertifikat und CDN
  • Business-E-Mail-Server mit 5 Postfächern auf Ihrer Domain
  • Tägliche Backups und Verfügbarkeits-Monitoring
  • Sicherheits-, CMS- und Plugin-Updates
  • 5 Stunden Änderungen und Anpassungen an der Website pro Monat
  • Support per E-Mail und Ticket

Wir passen es an Ihr Unternehmen an

  • Ihr Logo, Ihre Farben und Schriften
  • Ihre Texte und Fotos – oder wir schreiben und wählen sie für Sie aus
  • Einrichtung von Domain, E-Mail und Hosting
  • SEO-Grundlagen, Statistiken und Geschwindigkeitsoptimierung

11 · So funktioniert es

Vom Design zu Ihrer Website

  1. Design wählen

    Sehen Sie sich jede Seite an und wählen Sie den Stil, der zu Ihrer Marke passt.

  2. Paket bestellen

    Das passende Paket landet im Warenkorb – Einrichtungsgebühr und Monatsgebühr sehen Sie sofort.

  3. Wir bringen es online

    Wir fügen Ihre Inhalte ein, verbinden Domain und E-Mail und veröffentlichen die Website.

Heute bestellen: Ein Projektleiter meldet sich innerhalb eines Werktags bei Ihnen.

12 · Häufige Fragen

Pixel & Pine: Fragen und Antworten

Was kostet eine Website für eine Branding-Agentur bei Penta Services?

Das Design Pixel & Pine kostet als Ready Site im Paket Unternehmenswebsite einmalig 0 € für die Einrichtung und 24 € im Monat. Hosting, SSL, geschäftliche E-Mail, Updates und Support sind enthalten. Bei jährlicher Zahlung zahlen Sie das 10-Fache der Monatsgebühr und erhalten eine kostenlose .com-, .net- oder .org-Domain.

Ist Pixel & Pine eine echte Agentur?

Nein. Pixel & Pine ist eine fiktive Beispielmarke, die das Design zeigt. Projekte, Kundennamen, Zahlen, Team und Zitate sind Beispiele und werden vor dem Start durch Ihre eigenen Arbeiten ersetzt.

Können wir vollständige Rebranding-Case-Studies zeigen?

Ja. Jedes Projekt erhält eine eigene Seite mit Herausforderung, Vorgehen, Bildern und eingesetzten Leistungen, dazu drei verwandte Projekte. Sie schicken das Material, wir stellen es im Rahmen der in der Monatsgebühr enthaltenen Updates ein.

Können Kunden ein Briefing mit Budget schicken?

Ja. Das Kontaktformular fragt Name, E-Mail, Budget und eine Projektbeschreibung ab und schickt alles in Ihr Postfach. Der Button „Projekt starten“ im Header jeder Seite führt dorthin.

Was unterscheidet Pixel & Pine von Ihren anderen Kreativ-Vorlagen?

Es ist für Branding-Agenturen gebaut: Split-Screen-Layout, eine warme, verspielte Farbpalette und Leistungsblöcke für Identität, Digital und Art Direction. Studios, die ein strengeres, minimalistisches Portfolio möchten, sind mit Studio Lumen eventuell besser bedient.

Wie lange dauert es bis zum Start?

In der Regel 2–4 Wochen, nachdem wir Ihr Logo, Ihre Case Studies, Texte und Teamangaben erhalten haben.

Ist die Website der Branding-Agentur für Google und die KI-Suche gebaut?

Ja. Jede Case Study und jede Leistung hat eine eigene Seite mit strukturierten Daten und Alt-Texten, die Antworten sind so geschrieben, dass KI-Assistenten sie zitieren können, und KI-Crawler sind zugelassen. Wir garantieren keine Rankings oder Zitierungen, berichten aber jeden Monat über die Fortschritte.

Weitere Designs: Kreativ & Portfolio

Passende Leistungen: Webdesign und Website-Entwicklung · Suchmaschinenoptimierung (SEO) · Optimierung für KI-Suche (GEO) · Wartung und Support

‹ Alle Designs: Kreativ & Portfolio · Alle Designs ansehen

Konzept mit fiktiver Marke und Beispielinhalten.

Pixel & Pineab 24 €/MonatWir setzen dieses Design mit Ihren Inhalten um, ganz nach Ihrem Geschmack angepasst.