page in English

Wir gestalten Ihr Projekt

Gemeinsam mit Ihnen erarbeiten wir stimmige Konzepte und ausdrucksstarkes Design. Wir gestalten Ihre Website, Ihre Webapp und Ihre Drucksachen und begleiten Sie von der Idee bis zur Umsetzung.

(0531) 88 69 46 52
buero@hananils.de

Wir sind ein interdisziplinäres Büro, das gestalterisches Fachwissen mit theoretischem Hintergrund verbindet und den Brückenschlag zwischen analogen und digitalen Medien sucht. Die verständliche Kommunikation Ihrer Inhalte steht bei unserer Arbeit im Vordergrund. Dafür setzen wir auf strukturelle und typografische Klarheit und das Zusammenspiel von Farbe, Form, Zeit und Raum. Unsere Arbeitsschwerpunkte liegen in der Web- und Interfacegestaltung sowie der Typografie.

Abgestimmt auf die Anforderungen Ihres Projekts kann unser Büro alle notwendigen Arbeitsschritte von Konzeption bis Realisierung übernehmen. Bei Bedarf greifen wir auf ein Netzwerk aus Kreativ- und Entwicklungsteams zurück, die unsere Arbeit ergänzen.

Zuverlässiges Projektmanagement bildet die Basis unserer Arbeit. Wir planen und koordinieren die Zusammenarbeit mit Ihnen als Auftraggeber:in und treffen – je nach Anforderung – Absprachen mit Druckerei oder Serveradministration. Analyse, Recherche und die kritische Auseinandersetzung mit der Ausgangssituation und den gesetzten Zielen bilden die Grundlage für die inhaltliche, strukturelle und gestalterische Konzeption. Das gemeinsame Gespräch spielt für uns eine zentrale Rolle.

Projektablauf

Konzept

Ausgehend von Ihrer Idee entwickeln wir gemeinsam ein Konzept und einen Zeitplan. Diese Planung kann telefonisch, per Videoschaltung oder vor Ort stattfinden. Workshops können in dieser Phase helfen, eine gemeinsame Sprache zu entwickeln.

Wichtig ist: Planen Sie Zeit ein, auch für interne Absprachen innerhalb Ihres Teams.

Entwurf

Auf Basis der Ergebnisse der Konzeptionsphase entwickeln wir Entwürfe und Layouts. Hierbei gibt es Besprechungs- und Revisionsphasen. Art und Umfang der Entwürfe richten sich nach den Anforderungen des Projektes.

Bedenken Sie: Dieser Prozess kann erst beginnen, wenn alle benötigten Inhalte wie Texte und Bilder vorliegen.

Umsetzung

Das Design wird ausgearbeitet und letzte Korrekturen eingearbeitet: für den Print erstellen wir die Druckvorlagen, für das Web setzen wir Ihr Projekt im Redaktionssystem um.

Auch im Anschluss sind wir für Sie da: bei fortlaufender Betreuung, bei Fragen, bei neuen Ideen und gerne für Ihr nächstes Projekt.

Wir sprechen Deutsch und Englisch und arbeiten remote ebenso wie vor Ort.
Schreiben Sie uns, wir vereinbaren einen Gesprächstermin: buero@hananils.de

Kalkulation

Zu Beginn jedes Projektes steht die Planung und Kalkulation. Hierüber erstellen wir Ihnen nach einem Gespräch unser Angebot. Dieses Angebot kann sich zusammensetzen aus Festpreisen (z. B. für den Entwurf mit Nutzungslizenz) und Abrechnungen nach Zeitaufwand (z. B. für Besprechungen und Korrekturen). Unser Stundensatz beträgt 110 € zuzüglich Umsatzsteuer.

Da jedes Projekt einzigartig ist, ist jedes Angebot speziell auf die jeweiligen Anforderungen zugeschnitten. Zur ersten Orientierung eignen sich folgende Vergütungsbereiche, in die sich viele unserer Projekte einordnen lassen:

Ausgewählte Projekte finden Sie in unserer Projektübersicht.

Abrechnung

Für die Durchführung eines Projektes ist uns Planbarkeit auf beiden Seiten wichtig. Für Sie als Auftraggeber, wann welche Kosten auf Sie zukommen. Für uns als Gestalter, zu welchem Zeitpunkt eines Projektes Abrechnungen erfolgen. Verlässlichkeit und gegenseitiges Vertrauen bilden hierbei die Grundlage einer guten Zusammenarbeit.

Abrechnungen erfolgen nach Absprache und sind abhängig vom Umfang eines Projektes. Üblich sind folgende Modelle:

Üblicherweise vereinbaren wir zu Projektbeginn eine Abschlagszahlung.

Fachbegriffe

Sowohl im Vorgespräch als auch während der Projektumsetzung werden Sie möglicherweise auf Fachbegriffe stoßen, die Ihnen fremd oder unbekannt sich. Im Folgenden finden Sie eine Übersicht der gebräuchlichsten Begriffe.

Beschnittzugabe, die, bezeichnet die Überfüllung des Endformates, um einen randlosen Druck zu gewährleisten.

Browser, der, ist ein Programm zur Anzeige von und Navigation durch Webseiten. Bekannte Browser sind z. B. Firefox, Chrome, Edge oder Safari.

CMYK bezeichnet einen Farbraum, der im Vierfarbdruck zum Einsatz kommt. Farben werden hierbei aus den Grundfarben Cyan, Magenta, Gelb und Schwarz zusammengesetzt.

Content-Management-System, das, auch Redaktionssystem, ist eine Webapp, die das eigenständige Anlegen und Bearbeiten von Inhalten einer Website ermöglicht.

CSS, Abkürzung für Cascading Style Sheet, dient zur Gestaltung von HTML-Elementen und ist Grundlage des visuellen Erscheinungsbilds einer Webseite.

Grammatur, die, beschreibt das Flächengewicht eines Papiers. Die Kombination aus Gewicht und Volumen ergibt die Dicke des Papiers.

HTML, Abkürzung für Hypertext Markup Language, ist eine Sprache zur semantischen Auszeichnung von Webinhalten, die die Grundlage jeder Webseite bildet.

Informationsarchitektur, die, bezeichnet den Prozess der Gestaltung der Struktur einer Website. Zentrales Anliegen ist das Festlegen der Navigationswege und -hierarchie.

JavaScript ist eine Skriptsprache, die es ermöglicht, Webseiten interaktiv zu erweitern.

Klickdummies, die, sind Umsetzungen eines grafischen Entwurfs mit HTML, CSS und JavaScript. Diese Beispielseiten ermöglichen das direkte Erproben von Verhaltensweisen und Interaktionen im Browser. Aufbauend vom grafischen Entwurf wird die Gestaltung mittels Klickdummies responsiv weiterentwickelt.

Mobile first beschreibt den Ansatz, Format, Größe und Restriktion eines Smartphones als Ausgangspunkt für die Gestaltung einer Website anzunehmen. Darauf aufbauend werden Tablet- und Desktopvarianten entwickelt und im Sinne eines responsiven Designs variiert, Funktionalitäten werden als progressive Enhancements ergänzt. Verwandte Ansätze sind „tablet first“ und „desktop first“, bei dem eben diese Endgeräte als Ausgangspunkt gewählt werden.

offenes Format, das, bezeichnet die Maße der komplett aufgeklappten Drucksache. Die Maße der gefalzten, geschlossenen Drucksache werden im Vergleich dazu als geschlossenes Format bezeichnet.

Progressive Enhancement, das, beschreibt den Ansatz, Funktionalität abhängig von den Fähigkeiten des Endgerätes zu ergänzen. So funktioniert beispielsweise eine Website bereits ohne JavaScript, bei Verfügbarkeit werden Interaktionen und Verhalten aber mit JavaScript unterstützt und verbessert.

Proof, der, ist ein Prüfdruck anhand dessen das Ergebnis eines Drucks simuliert und kontrolliert werden kann.

Reinzeichnung, die, bezeichnet die Endausführung eines gestalterischen Entwurfs, entweder für die Drucklegung oder die digitale Verwendung am Computer.

Responsives Design, das, beschreibt den Ansatz, die Gestaltung einer Website dynamisch in Größe und Form an das jeweilige Endgerät anzupassen (Desktop-Rechner, Tablet, Smartphone).

RGB bezeichnet einen Farbraum, der für die Darstellung am Bildschirm verwendet wird. Farben werden hierbei additiv aus den Grundfarben Rot, Gelb und Grün zusammengesetzt (Lichtmischung).

Templating, das, beschreibt das Zerlegen eines Designs in einzelne Bausteine, die modular zum Layout zusammengesetzt und dynamisch mit Inhalten befüllt werden können.

Typografie, die, bezeichnet den gestalterischen Satz eines Textes nach ästhetischen Gesichtspunkten. So wenig Worte, so viel <3.

Website, die, bezeichnet die Gesamtheit eines Internetauftritts, der aus vielen Einzelseiten (Webseiten) und einer Homepage (Startseite) besteht.

Wireframes, die, sind schematische Skizzen („Drahtmodelle“), anhand derer sich verschiedene Seitenaufbauten und Gestaltungsraster durchspielen lassen. Wireframes bleiben gestalterisch abstrakt und konzentrieren sich auf die strukturelle Gliederung einer Seite.