Unsere Leistungen

Branding

Branding

  • Essential Branding
  • Logo Design
  • Illustrationen
  • Maßgeschneiderte Landkarten und Stadtpläne
Sustainable Design Beta Mehr über Branding lesen
Web

Web

  • Website / Interface Design
  • Web Development
  • Responsive Webdesign
  • Barrierefreiheit
  • Beratung
Sustainable Design Beta Mehr über Webdesign lesen
Print

Print

  • Buchillustrationen und Coverdesign
  • Entwürfe für Textildruck und Verpackung
  • Poster und Broschüren
  • Werbematerialien
Sustainable Design Beta Mehr über Print lesen

Talk

Kostenloses Erstgespräch

In einem ersten, kostenlosen Gespräch klären wir, was Sie wünschen:
Sie wollen eine neue Website, oder möchten dass Ihre bestehende Website auch am Mobiltelfon gut aussieht und barrierefrei wird. Passende Drucksorten dazu, oder ein Logo, das Ihr Angebot gut repräsentiert.

Talk

Individuelles Design zu fairen Preisen

Für unsere individuellen Designs verwenden wir keine fertigen Designvorlagen von Drittanbietern sondern entwickeln das Design schrittweise und in enger Abstimmung mit Ihnen. Im Webdesign arbeiten wir mit bewährten Tools und hochentwickelten Frameworks, deshalb können alle wesentlichen Bestandteile aus der Entwicklung meist direkt in das fertige Produkt übernommen werden. Das spart Zeit und Kosten. Auf diese Weise wird hochwertiges Design auch für kleinere Projekte leistbar.

Talk

Design von der Stange

Es gibt Fälle wo es durchaus sinnvoll ist mit fertigen Designvorlagen von Drittanbietern zu arbeiten. Wenn derartige Produkte genau zu Ihren Bedürfnissen und Inhalten passen, können damit beeindruckende Ergebnisse erzielt werden. Wir haben die Erfahrung gemacht, dass es sehr wichtig ist diese Frage im Vorfeld genau zu prüfen.

Kontaktieren Sie uns, wir helfen Ihnen gerne weiter.

Grafik und Web zu fairen Preisen

Essential Branding

Wie möchte ich als Unternehmen wahrgenommen werden? Passt dieses Bild zu mir und... was brauche ich dafür? Was andere mit meinem Unternehmen und meinem Produkt verbinden, hängt nicht nur vom Produkt alleine ab, sondern auch davon, wie ich mit meiner Umgebung in Kontakt trete.

Was erwartet mich bei diesem Paket?

Wir werfen gemeinsam mit Ihnen einen genauen Blick auf Ihr Unternehmen. Besonders Fragen zu Ihrer Motivation, zu Ihrer Geschichte und Ihren Zielen, zu möglichen Usern und Kunden schauen wir uns näher an und halten die Ergebnisse schriftlich aber auch mit visuellen Methoden fest. Auf dieser Basis erarbeiten wir zügig eine solide Grundlage für das Visual Branding: Logo, wichtige Elemente wie Farben und Schriften sowie ein grafischer Entwurf für das Look and Feel der Frontpage Ihrer Produkt- oder Unternehmenswebsite. Und das alles zu einem Bruchteil der Kosten von traditionellen Methoden.

Wie ist das möglich?

Wir arbeiten mit Methoden und Tools aus dem Minimum Viable Branding (MVB), ein Ansatz der aus der Arbeit mit Startup-Unternehmen entstanden ist. MVB ist im Gegensatz zu traditionellen Ansätzen speziell auf Situationen mit begrenzten zeitlichen und finanziellen Ressourcen eingestellt. Der MVB Ansatz ist prinzipiell auf alle Unternehmen anwendbar. MVB zeichnet sich duch seinen vergleichsweise geringen Aufwand, seine Unkompliziertheit und die Ausrichtung auf kontinuierliche Weiterentwicklung in einer vom Wandel geprägten Welt aus. Das macht ihn besonders für Kleinunternehmen und GründerInnen attraktiv.

Welche Leistungen beinhaltet Essential Branding?

Mit unserem EB STARTER Paket erhalten Sie alle essentiellen Bestandteile für den Unternehmensstart und gleichzeitig eine solide Basis für die Pflege und Weiterentwicklung Ihrer Marke.

  • Logo
  • Favicon und App Icon
  • Styleguide mit empfohlenen Schriften und Farben
  • 1 grafischer Entwurf für das Look and Feel der Frontpage Ihrer Produkt- oder Unternehmenswebsite

Sie erhalten ausserdem Zugang zu sämtlichen Zwischenergebnissen aus dem Designprozess sowie eine Zusammenfassung der Ergebnisse auf 3-4 Seiten als Brand-Guidelines.

Sie benötigen auch Visitenkarte, Briefpapier und Türschild und eine komplette Website? Das EB Starter Paket ist erweiterbar, und kann mit weiteren Paketen aus Bereichen wie Webdesign, Drucksorten und Illustration kombiniert werden.

Kontaktieren Sie uns

Grafik und Web zu fairen Preisen

Webdesign

So sieht unser Vorgehen bei einem Webprojekt aus:

1

Gespräch

Wir klären, was Sie brauchen …
… und welche Lösungen wir Ihnen anbieten können.

2

Inhalte

Von Ihnen gelieferte Inhalte werden gesichtet, strukturiert und falls notwendig ergänzt.

3

Prototyping und Design

Die Inhalte werden nun in ein erstes grobes Schema eingeteilt und ein (Design-) Prototyp erstellt. Der Prototyp und das Visual Design werden iterativ überarbeitet, bis alles sitzt und passt.

4

Site building und Optimierung

Nun kann die Website gebaut werden, nach dem Schema des Prototyps, im Kleid des Visual Designs. Texte und Bilder werden eingepflegt.

5

Online!

Abhängig vom bestellten Paket haben Sie mit uns oder einem andere Anbieter einen Wartungsvertrag abgeschlossen und können sich nun ohne fremde Hilfe auf das wesentliche konzentrieren – Ihre Inhalte.


Hochwertiges Design

Responsive Webdesign

Responsive Design

Responsive Webdesign ist bei unseren Produkten kein spezielles Feature sondern von Anfang an ein wesentlicher Bestandteil des Designs. Alle unsere Produkte sind somit mobiltauglich. Mobiltauglichkeit hat mittlerweile auch Auswirkungen auf Google Suchergebnisse.
Was ist Responsive Webdesign?

Barrierefreiheit

Unsere Websites sehen nicht nur auf allen Bildschirmgrößen gut aus sondern entsprechen auch dem Standard Barrierefrei nach WCAG 2.1 Level A. Auf Wunsch liefern wir auch Level AA- und Level AAA-konforme Produkte.
Mehr zu Barrierefreheit im Web

Performance

Schnellere Websites erhöhen die Userzufriedenheit und verbessern Ihre Position bei Google und Co.
Wie finde ich heraus ob meine Website schnell ist?

SEO

Bei unseren Web-Projekten mit Open Source CMS liefern wir standardmäßig eine solide Basis für die Suchmaschinenoptimierung mit (On-Page SEO).
Wie kann ich die Qualität einer Website punkto SEO und anderer Merkmale rasch und unkompliziert einschätzen?

Sustainable Design Beta

Ist es auch im Bereich Web und Print möglich, Projekte umweltfreundlicher umzusetzen als das derzeit bei einem „Durchschnittsprojekt“ üblich ist? Wenn ja, wie lässt sich das überprüfen und … spielt das in der Praxis überhaupt eine Rolle?

Wenn Sie uns für Ihr Projekt beauftragen, wird das Ergebnis oft als Webanwendung oder Druckobjekt vorliegen. So wie alle Produkte und Dienstleistungen sind Herstellung und Nutzung dieser Dinge mit einem bestimmten Material- und Energieaufwand verbunden. Somit sollte es in der Regel auch hier Varianten geben, die sich in ihrer Umweltverträglichkeit klar unterscheiden: Bei welcher Variante ist der Energiebedarf höher? Welche Materialen sind notwendig und bei welcher Variante brauche ich mehr davon?

Bei Druckprojekten ist das keine Überraschung, hier sind klarerweise Stoff- und Energieströme bei der Herstellung und nach der Nutzphase interessant. Aber auch Webanwendungen können mehr oder weniger ökologisch verträglich umgesetzt werden. In unserem Bereich haben wir in erster Linie Einfluß auf den Energieverbrauch während der Nutzphase einer Anwendung, beispielsweise wieviel Energie für den Aufruf einer Webseite notwendig ist.

Wer sich für die Umweltverträglichkeit von Produkten und Dienstleistungen interessiert, kommt an den Begriffen Nachhaltigkeit (Sustainability) und Nachhaltiges Design (Sustainable Design) nicht vorbei. Produkte die nicht nur umweltfreundlich sind, sondern auch sozial verträglich und wirtschaftlich – so lautet das Versprechen von Nachhaltigem Design.

Nachhaltiges Design oder Ökoschmäh?

Greenwashing, Grünfärberei und grüne Lügen — ist das Konzept Nachhaltigkeit durch unseriöse Praktiken nicht schon völlig diskreditiert und damit unbrauchbar geworden?

Wir glauben, nein. Seit der Entstehung des Leitbilds der nachhaltigen Entwicklung vor mehr als dreißig Jahren, wurde viel Arbeit in die Beschäftigung mit der Frage gesteckt, wie sich ein solches Leitbild in der Realität umsetzen lässt.

Es gibt heute zwar keine allgemein anerkannte bereichsübergreifende Nachhaltigkeitstheorie, leider ist es auch grundsätzlich nicht möglich die Nachhaltigkeit eines Produkts oder einer Dienstleistung genau zu bestimmen.

Es gibt jedoch ausreichend genaue Modelle, Prinzipien und Kriterien um Produkte und Handlungsoptionen auf Defizite in ihrer Nachhaltigkeit zu prüfen und miteinander vergleichen zu können. Darauf können wir auch im Bereich Web und Print zurückgreifen.

Nachhaltiges Webdesign

Von der klassischen Website-Optimierung zum grünen Webdesign

Google Lighthouse: Automatisierte Tests für Performance, Barrierefreiheit und SEO

Im Bereich Webdesign profitieren wir von einer Entwicklung, die bereits seit einiger Zeit im Gange ist: Im Wettbewerb um die besten Plätze im Suchmaschinenranking spielen neben den eigentlichen Inhalten einer Webanwendung wie Texten oder Medien, verstärkt auch Qualitätsmerkmale wie Ladezeit und Barrierefreiheit eine Rolle. Google stellt dafür ein niederschwelliges Analyse Tool zur Verfügung: Google Lighthouse (Browsererweiterung) bzw. PageSpeed Insights (Online Tool).

Mehr zu automatisierten Tests mit Lighthouse

Der Carbon Footprint als nützliches Tool für die Abschätzung von Umweltauswirkungen

Eine von vielen Möglichkeiten Druck auf die Umwelt abzubilden ist der Carbon Footprint (CO2 Fussabdruck, Treibhausgas Fußabdruck). Im Gegensatz zum ökologischen Fußabdruck werden hier nicht (symbolische) Flächen pro Jahr „von etwas“ verglichen, sondern Tonnen CO2-Äquivalente pro Jahr. Wie alle aggregierten Maßzahlen hat der Carbon Footprint Schwächen, kann aber Änderungen in Bezug auf Vermeidung und Reduktion von Treibhausgas-Emissionen (THG-Emissionen) gut darstellen. Wir arbeiten mit Website Carbon, ein gutes Abschneiden bei diesem Test ist ein erstes gutes Zwischenergebnis auf dem Weg zu einer nachhaltigen Webanwendung.

Mehr zum Carbon Footprint

Damit erhalten wir bei folgenden Punkten einen ersten Eindruck:

  • Ladezeit (Performance)
  • Aspekte der Codequalität (Best Practices)
  • Barrierefreiheit (Accessibility)
  • On-Page Suchmaschinenoptimierung (SEO)
  • CO2 Fußabdruck (Page carbon footprint)

Dazu kommen die Punkte

  • Einsatz von Open Source Software
  • Green Hosting
  • Kontrolle über die eigenen Daten
  • Einsatz von KI

die wir auf Wunsch vor Projektstart mit ihnen besprechen.

Überprüfbare Schritte zu mehr Nachhaltigkeit als Normalfall: Sustainable Design Beta

Das Paket Sustainable Design Beta bedeutet bei Webanwendungen ein möglichst gutes Abschneiden sowohl bei PageSpeed Insights als auch bei Website Carbon. Diese beiden Tools waren in unserem Arbeitsprozeß schon bisher eine große Hilfe, Qualität sicherzustellen, diese zu dokumentieren und für unsere Kunden verständlich zu machen. Bei unseren Web-Projekten setzen wir seit vielen Jahren auf Open Source Software, Beratung zu Green Hosting, Kontrolle über die eigenen Daten und Einsatz von KI auf Anfrage.

Sustainable Design Beta ist daher bei uns bei allen neuen Projekten standardmäßig als Grundausstattung dabei. Die Erfüllung der einzelnen Kriterien können mit kostenlosen Tools, die online jedem zur Verfügung stehen, geprüft werden. Somit können Sie Ihr Projekt jederzeit mit jeder anderen Website vergleichen:

Website mit PageSpeed Insights prüfen Website mit Website Carbon prüfen

Auf Wunsch erhalten Sie von uns auch einen umfassenderen Nachhaltigkeitscheck und Empfehlungen für Ihr Projekt.

Nachhaltig Drucken

Coming soon…

Wird mein Projekt dadurch klimaneutral?

Nein. Bei Sustainable Design Beta geht es, was den Klimaschutz betrifft, um die Verringerung von Treibhausgas-Emissionen. Ziel ist es, auf einen möglichst kleinen Carbon Footprint zu kommen. Bei Printprodukten erhalten Sie auf Wunsch Informationen zum Carbon Footprint ihres Projekts, bei neuen Webprojekten ist das standardmäßig dabei. So können Sie 1. Ihr Projekt mit anderen vergleichen und 2. anderen zeigen, wie gut Ihr Projekt bei derartigen Tests abschneidet.

Wenn wir unsere Aufgaben in diesem Bereich gründlich gemacht haben, besteht die Möglichkeit, Aufwände die zum jetzigen Zeitpunkt nur sehr schwer zu vermeiden sind, zu kompensieren und dadurch gegebenenfalls Begriffe wie „klimaneutral“, „CO2-neutral“ oder „Net Zero“ zu untermauern. Wir selber bieten das nicht an, können Ihnen auf Anfrage aber gern passende Dienstleister empfehlen.

Zum Weiterlesen

Istrate, R., Tulus, V., Grass, R.N. et al. (2024): The environmental sustainability of digital content consumption. Nat Commun 15, 3724, 2024.
Abgerufen unter: https://www.nature.com/articles/s41467-024-47621-w

Georgie Monaghan (2025): Changes to the Sustainable Web Design Model and Website Carbon. Auf www.wholegraindigital.com/blog/
Abgerufen unter: https://www.wholegraindigital.com/blog/changes-to-the-sustainable-web-design-model-and-website-carbon/

Fershad Irani (2024): Understanding the latest Sustainable Web Design Model update. Auf https://www.thegreenwebfoundation.org/news/
Abgerufen unter: https://www.thegreenwebfoundation.org/news/understanding-the-latest-sustainable-web-design-model-update/

Mike Berners-Lee (2021): Wie schlimm sind Bananen? Der CO₂-Abdruck von allem. Midas Verlag.
Erhältlich unter: https://midas.ch/produkt/wie-schlimm-sind-bananen/

Martin Puntigam, Florian Freistetter, Martin Moder (2020): Global Warming Party. Hanser Verlag.
Erhältlich unter: https://sciencebusters.at/veroeffentlichungen/global-warming-party

Sicherheit und Wartung

Ein häufig unterschätzter Kostenfaktor bei Webprojekten sind Wartungskosten.

Bei Projekten mit selbst gehostetem CMS sind so wie bei jeder Software von Zeit zu Zeit Sicherheitsupdates notwendig. Wir arbeiten in der Regel mit bewährten Open Source Komponenten, das hat den Vorteil dass durch eine grosse und stabile Entwicklergemeinde Sicherheitslücken schnell entdeckt und geschlossen werden. Das bedeutet auch, dass Sie von uns nicht abhängig sind: Die von uns verwendeten Komponenten sind weit verbreitet und in vielen Agenturen in Verwendung. Wenn Sie sich also um Dinge wie CMS-Updates nicht selber kümmern wollen, können Sie daher entweder mit uns oder einem anderen Dienstleister einen Wartungsvertrag abschließen.

Bei Projekten die mit einem Website-Baukastensystem umgesetzt werden, etwa kleinere Projekte wie eine Web-Visitenkarte, müssen Sie sich um diesen Bereich nicht kümmern. Der Aufwand für Updates wird vom Baukasten Anbieter getragen.

Designprozess

Wir bemühen uns alle unsere Projekte von Anfang an in enger Abstimmung mit unseren Kunden zu entwickeln.

In der Regel sieht das in der Praxis so aus:

Sobald wir uns auf eine Zusammenarbeit geeinigt haben besteht unsere erste Aufgabe darin, Ihre Wünsche und wichtige Rahmenbedingungen zu sammeln und in einem kurzen Dokument, dem Creative Brief festzuhalten.

Wie kommt das Design zustande? Je nach Ausgangslage, Projektgröße, Budget etc. kommen dabei unterschiedliche Tools zum Einsatz. Generell haben wir mit agilen Methoden sehr gute Erfahrungen gemacht. Auch bei kleineren Projekten versuchen wir von den Vorteilen die solche Ansätze mit sich bringen zu profitieren. Was wir nach Möglichkeit bei allen Projekten einsetzen:

  • Creative Brief – Ein kurzes Dokument in dem Ziele, Motive, Budget und andere wichtigen Rahmenbedingungen eines Projekts festgehalten werden.
  • (Ad hoc) Personas – Wer sind die Leute für die Ihr Angebot gedacht ist? Wir erarbeiten beispielhafte User, die für Entscheidungen im Bereich Website Features und Visual Design erfahrungsgemäß eine große Hilfe sind.
  • Design Atmosphäre – Wir erarbeiten mit leicht verständlichen Mitteln gemeinsam mit Ihnen welche Stimmung die Website erzeugen soll.
  • Moodboards – Moodboards helfen bei der Erarbeitung der gewünschten Stimmung und Designatmosphäre für ein Projekt. Sie können Bilder, bestimmte Farben und Schriften oder andere Elemente beinhalten, können digital oder auf Papier gemacht werden.
  • Style Tiles – Style Tiles helfen ebenfalls bei der Erarbeitung der gewünschten Stimmung und Designatmosphäre für ein Projekt, sind aber schon viel konkreter als Moodboards. Style Tiles sind viel einfacher herzustellen als komplette Entwürfe für eine Website (Mockups).
  • Responsive Prototyping – Wir erstellen mobiltaugliche Prototypen für Design und Visual Design bereits in einer sehr frühen Phase. Diese Prototypen sind für alle Beteilgten jederzeit und während der gesamten Projektdauer zugänglich.
  • Prototype to Production – Wir arbeiten mit hochentwickelten und bewährten Frameworks, deshalb können alle wesentlichen Bestandteile aus der Entwicklung meist direkt in das fertige Produkt übernommen werden. Das spart Zeit und Kosten, auf diese Weise wird hochwertiges Design auch für kleinere Projekte leistbar.

Kontaktieren Sie uns, wir helfen Ihnen gerne weiter.

Grafik und Web zu fairen Preisen