[{"content":"Manche Projekte beginnen mit einer klaren Aufgabe, andere mit einem vagen Gefühl, dass etwas nicht mehr passt. Beides ist ein guter Ausgangspunkt, solange man bereit ist, ehrlich hinzuschauen. Wir stellen in solchen Fällen zuerst unbequeme Fragen: Was funktioniert heute wirklich? Welche Seiten werden nie aufgerufen? Welche Inhalte gibt es nur, weil es sie schon immer gab?\nDie Antworten führen fast immer zu einer kleineren, klareren Website. Weniger Seiten, dafür bessere - das ist in den meisten Fällen der schnellste Weg zu einem besseren Ergebnis.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-1.jpg","excerpt":null,"tags":["Website","Hugo"],"title":"Weniger Seiten, dafür bessere","url":"/de/blog/called-i-that-waters-dry-one/"},{"content":"Ein Bild trägt eine Seite nur dann, wenn es etwas erzählt. Dekoration ohne Aussage kostet Ladezeit und lenkt vom Text ab, statt ihn zu unterstützen. Format, Ausschnitt und Position sind dabei genauso wichtig wie das Motiv selbst.\nAm besten funktionieren Bilder, die den Text weiterführen, statt ihn zu wiederholen. Sie geben dem Auge eine Pause und dem Inhalt einen Zusammenhang.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-2.jpg","excerpt":null,"tags":["Website"],"title":"Bildsprache mit Zurückhaltung","url":"/de/blog/fruit-so-open/"},{"content":"Ein Bild trägt eine Seite nur dann, wenn es etwas erzählt. Dekoration ohne Aussage kostet Ladezeit und lenkt vom Text ab, statt ihn zu unterstützen. Wir wählen deshalb lieber wenige, starke Motive und geben ihnen genug Raum, statt jede Fläche zu füllen.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-3.jpg","excerpt":null,"tags":["Website"],"title":"Bilder, die etwas erzählen","url":"/de/blog/darkness-made-great/"},{"content":"Barrierefreiheit wird oft als Zusatzaufgabe behandelt, obwohl sie fast immer aus denselben Entscheidungen entsteht, die eine Seite ohnehin besser machen: klare Struktur, ausreichender Kontrast, verständliche Sprache.\nSinnvolle Überschriftenebenen helfen nicht nur Screenreadern, sondern auch Suchmaschinen und allen, die eine Seite nur überfliegen. Ein Formular mit richtig verknüpften Labels ist für jeden leichter zu bedienen.\nDer einfachste Test kostet nichts: die Maus weglegen und die Seite nur mit der Tastatur bedienen. Was sich dabei nicht erreichen lässt, ist auch für einen Teil der Besucher nicht erreichbar.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-4.jpg","excerpt":null,"tags":["Hugo"],"title":"Barrierefrei von Anfang an","url":"/de/blog/together-had-said-given-day-spirit/"},{"content":"Geschwindigkeit ist ein Gestaltungsmerkmal. Eine Seite, die sofort da ist, fühlt sich hochwertiger an als eine aufwendige, die zwei Sekunden braucht.\nDer größte Hebel sind fast immer Bilder. Richtige Größe, modernes Format und konsequentes Lazy Loading bringen mehr als jede Mikrooptimierung im Code.\nDanach kommt die Schrift. Jede zusätzliche Schriftfamilie kostet Ladezeit, und die wenigsten Projekte brauchen mehr als zwei.\nSkripte sind der dritte Punkt. Vieles, wofür früher eine Bibliothek nötig war, lässt sich heute mit wenigen Zeilen nativem Code lösen.\nStatische Seiten haben hier einen strukturellen Vorteil: Es gibt keine Datenbankabfrage, die langsam sein könnte, und kein Caching, das man pflegen muss.\nAm Ende zählt aber nur, was auf einem durchschnittlichen Gerät in einem durchschnittlichen Netz ankommt. Alles andere ist Statistik.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-5.jpg","excerpt":null,"tags":["Golang"],"title":"Geschwindigkeit ist Gestaltung","url":"/de/blog/spirit-subdue-two-dont/"},{"content":"Am Anfang steht immer eine Frage, keine Farbpalette. Was soll die Seite leisten, für wen, und woran merken wir, dass es funktioniert hat? Ohne diese Antworten wird Gestaltung zur Geschmacksfrage. Danach folgt der langweilige Teil: sortieren, kürzen, Prioritäten setzen. Er entscheidet später über den Erfolg.\nErst wenn die Struktur steht, wird gestaltet. Wir beginnen mit Graustufen, damit Kontrast und Hierarchie allein über Größe und Abstand funktionieren müssen.\nFarbe kommt zuletzt und sparsam. Sie soll lenken, nicht schmücken - ein einziger Akzent genügt meistens, um den Blick dorthin zu führen, wo er hingehört.\nZum Schluss testen wir auf echten Geräten, mit echten Inhalten und langsamer Verbindung. Was dort besteht, besteht überall.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-10.jpg","excerpt":null,"tags":["Hugo","Programmierung"],"title":"[Beitragsformat] Standard","url":"/de/blog/post-format-standard/"},{"content":"Ein einzelnes Bild trägt einen Beitrag nur dann, wenn es etwas zeigt, das der Text nicht sagen muss. Alles andere ist Dekoration.\nWichtig ist die Auflösung: das Motiv sollte auch auf großen Bildschirmen scharf bleiben, ohne die Ladezeit unnötig zu belasten.\nDeshalb liefern wir hier ein sorgfältig zugeschnittenes Format aus, das sich an jede Spaltenbreite anpasst.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-8.jpg","excerpt":null,"tags":["Programmierung"],"title":"[Beitragsformat] Bild","url":"/de/blog/post-format-image/"},{"content":"Ein gutes Raster ist unsichtbar. Man bemerkt es erst, wenn es fehlt: Dann wirken Abstände zufällig, Überschriften rutschen aus der Achse und das Auge findet keinen Halt mehr.\nGenauso wichtig ist der Rhythmus der Schrift. Zeilenhöhe, Laufweite und Schriftgrad hängen zusammen; ändert man einen Wert, muss man die anderen mitdenken.\nWer beides beherrscht, braucht erstaunlich wenig Dekoration. Zwei Schriftschnitte, eine Akzentfarbe und viel Weißraum reichen für fast jedes Projekt.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-6.jpg","excerpt":null,"tags":["Website","Programmierung"],"title":"[Beitragsformat] Zitat","url":"/de/blog/post-format-quote/"},{"content":"Klare Gestaltung beginnt mit einer Entscheidung darüber, was weggelassen wird. Erst wenn der Ballast verschwindet, bekommt der eigentliche Inhalt genug Raum, um zu wirken.\nWir arbeiten deshalb von innen nach außen: zuerst die Struktur, dann die Typografie, zuletzt die Farbe. Diese Reihenfolge klingt banal, verhindert aber die meisten Umwege.\nAm Ende steht eine Seite, die sich ruhig liest und auf jedem Bildschirm funktioniert - ohne dass man ihr die Arbeit ansieht, die darin steckt.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-7.jpg","excerpt":null,"tags":["Website","Hugo","Programmierung"],"title":"[Beitragsformat] Link","url":"/de/blog/post-format-link/"},{"content":"Bilder erzählen schneller als Text. Eine Galerie funktioniert deshalb am besten, wenn die Auswahl klein bleibt und jedes Motiv einen eigenen Grund hat, dort zu stehen.\nWir achten auf einen ruhigen Rhythmus: ähnliche Bildausschnitte, ein gemeinsamer Farbton, gleiche Abstände. So entsteht eine Reihe und keine Ansammlung.\nBeim Anklicken öffnet sich jedes Bild in voller Größe. Das Layout bleibt im Hintergrund bestehen, damit der Zusammenhang nicht verloren geht.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-8.jpg","excerpt":null,"tags":["Website","Programmierung"],"title":"[Beitragsformat] Galerie","url":"/de/blog/post-format-gallery/"},{"content":"Klare Gestaltung beginnt mit einer Entscheidung darüber, was weggelassen wird. Erst wenn der Ballast verschwindet, bekommt der eigentliche Inhalt genug Raum, um zu wirken.\nWir arbeiten deshalb von innen nach außen: zuerst die Struktur, dann die Typografie, zuletzt die Farbe. Diese Reihenfolge klingt banal, verhindert aber die meisten Umwege.\nAm Ende steht eine Seite, die sich ruhig liest und auf jedem Bildschirm funktioniert - ohne dass man ihr die Arbeit ansieht, die darin steckt.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-9.jpg","excerpt":null,"tags":["Programmierung"],"title":"[Beitragsformat] Slider","url":"/de/blog/post-format-slider/"},{"content":"Klare Gestaltung beginnt mit einer Entscheidung darüber, was weggelassen wird. Erst wenn der Ballast verschwindet, bekommt der eigentliche Inhalt genug Raum, um zu wirken.\nWir arbeiten deshalb von innen nach außen: zuerst die Struktur, dann die Typografie, zuletzt die Farbe. Diese Reihenfolge klingt banal, verhindert aber die meisten Umwege.\nAm Ende steht eine Seite, die sich ruhig liest und auf jedem Bildschirm funktioniert - ohne dass man ihr die Arbeit ansieht, die darin steckt.\n","cover":"https://glacier-hugo.netlify.app/images/parallax-6.jpg","excerpt":null,"tags":["Website","Hugo","Programmierung"],"title":"[Beitragsformat] Video HTML5","url":"/de/blog/post-format-video-html5/"},{"content":"Ein gutes Raster ist unsichtbar. Man bemerkt es erst, wenn es fehlt: Dann wirken Abstände zufällig, Überschriften rutschen aus der Achse und das Auge findet keinen Halt mehr.\nGenauso wichtig ist der Rhythmus der Schrift. Zeilenhöhe, Laufweite und Schriftgrad hängen zusammen; ändert man einen Wert, muss man die anderen mitdenken.\nWer beides beherrscht, braucht erstaunlich wenig Dekoration. Zwei Schriftschnitte, eine Akzentfarbe und viel Weißraum reichen für fast jedes Projekt.\n","cover":"https://glacier-hugo.netlify.app/images/parallax-8.jpg","excerpt":null,"tags":["Website","Programmierung"],"title":"[Beitragsformat] Video Vimeo","url":"/de/blog/post-format-video-vimeo/"},{"content":"Ein gutes Raster ist unsichtbar. Man bemerkt es erst, wenn es fehlt: Dann wirken Abstände zufällig, Überschriften rutschen aus der Achse und das Auge findet keinen Halt mehr.\nGenauso wichtig ist der Rhythmus der Schrift. Zeilenhöhe, Laufweite und Schriftgrad hängen zusammen; ändert man einen Wert, muss man die anderen mitdenken.\nWer beides beherrscht, braucht erstaunlich wenig Dekoration. Zwei Schriftschnitte, eine Akzentfarbe und viel Weißraum reichen für fast jedes Projekt.\n","cover":"https://glacier-hugo.netlify.app/images/parallax-5.jpg","excerpt":null,"tags":["Programmierung","Hugo"],"title":"[Beitragsformat] Video YouTube","url":"/de/blog/post-format-video-youtube/"},{"content":"Bevor wir eine einzige Zeile Code schreiben, klären wir, wer die Seite besucht und was diese Menschen dort erledigen wollen. Alles Weitere ergibt sich aus dieser Antwort.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-14.jpg","excerpt":null,"tags":["Programmierung"],"title":"[Beitragsformat] Audio","url":"/de/blog/post-format-audio/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-1.jpg","excerpt":"Gestaltung, Fotografie und Umsetzung aus einer Hand - vom ersten Entwurf bis...","tags":null,"title":"Tassen","url":"/de/portfolio/cups/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-2.jpg","excerpt":"Gestaltung, Fotografie und Umsetzung aus einer Hand - vom ersten Entwurf bis...","tags":null,"title":"Kaktus","url":"/de/portfolio/cactus/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-3.jpg","excerpt":"Gestaltung, Fotografie und Umsetzung aus einer Hand - vom ersten Entwurf bis...","tags":null,"title":"Tanz","url":"/de/portfolio/dance/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-4.jpg","excerpt":"Gestaltung, Fotografie und Umsetzung aus einer Hand - vom ersten Entwurf bis...","tags":null,"title":"Flaschen","url":"/de/portfolio/bottles/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-5.jpg","excerpt":"Gestaltung, Fotografie und Umsetzung aus einer Hand - vom ersten Entwurf bis...","tags":null,"title":"Baum","url":"/de/portfolio/tree/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-6.jpg","excerpt":"Gestaltung, Fotografie und Umsetzung aus einer Hand - vom ersten Entwurf bis...","tags":null,"title":"Traum","url":"/de/portfolio/dream/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-7.jpg","excerpt":"Gestaltung, Fotografie und Umsetzung aus einer Hand - vom ersten Entwurf bis...","tags":null,"title":"Logo","url":"/de/portfolio/logo/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-8.jpg","excerpt":"Gestaltung, Fotografie und Umsetzung aus einer Hand - vom ersten Entwurf bis...","tags":null,"title":"Musikalbum","url":"/de/portfolio/music-album/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-9.jpg","excerpt":"Gestaltung, Fotografie und Umsetzung aus einer Hand - vom ersten Entwurf bis...","tags":null,"title":"Buch","url":"/de/portfolio/book/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-10.jpg","excerpt":"Gestaltung, Fotografie und Umsetzung aus einer Hand - vom ersten Entwurf bis...","tags":null,"title":"Foto","url":"/de/portfolio/photo/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-11.jpg","excerpt":"Gestaltung, Fotografie und Umsetzung aus einer Hand - vom ersten Entwurf bis...","tags":null,"title":"Hand","url":"/de/portfolio/hand/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-12.jpg","excerpt":"Gestaltung, Fotografie und Umsetzung aus einer Hand - vom ersten Entwurf bis...","tags":null,"title":"Verpackung","url":"/de/portfolio/package/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-13.jpg","excerpt":"Gestaltung, Fotografie und Umsetzung aus einer Hand - vom ersten Entwurf bis...","tags":null,"title":"Telefon","url":"/de/portfolio/phone/"}]