Kai und Louis STOLL GmbH Dachdeckermeister

Siebzehn Entwürfe für die neue Startseite

Inhalt und Wortlaut sind in allen identisch; die Bildauswahl gehört zur Gestaltung und stammt unverändert von stoll-dach.com; verglichen wird allein das Aussehen. Jeder Entwurf verbindet einen Aufbau mit einer Oberfläche aus der Gestaltungsbibliothek — die Paarung steht unter jedem Namen. Keine Paarung kommt zweimal vor.

Zum Ansehen: Die Entwürfe laufen über den lokalen Server auf Port 8765. Ohne ihn zeigt der Browser die Seiten ohne Bilder, weil er lokale Dateipfade sperrt. Ab Entwurf 08 steht am Seitenende, was aus der Bibliothek übernommen und was erfunden wurde. 16 und 17 sind die beiden mutigen: einer hat gar kein Aufmacherfoto, beim anderen steckt das Foto in den Buchstaben.

01

Flamme

Vollbild-Hero × Dark Cinematic

Das Flammenbild trägt den gesamten ersten Bildschirm. Dunkler Grund, Markenrot als einziger Farbakzent.

Ansehen
02

Werkblatt

Geteilte Fläche × Swiss Style

Dauerhaft geteilt: links eine stehende Spalte mit Marke, Menü und Anschrift, rechts der laufende Inhalt über die volle Breite. Strenges Raster, sachlich wie ein Datenblatt.

Ansehen
03

Reportage

Zickzack × Editorial

Bild und Text wechseln von Block zu Block die Seite, dazwischen ganz dunkle Abschnitte. Schmale, sehr große Schrift, Fotos durchgehend schwarzweiß.

Ansehen
04

Kapitel

Vollbild-Kapitel, einrastend

Man blättert statt zu scrollen: Jeder Abschnitt füllt einen Bildschirm und rastet ein. Auf dem Handy schaltet das Einrasten ab.

Ansehen
05

Kartenfeld

Kartenfeld × Editorial

Eine Schlagzeile über die volle Breite, darunter vier gleich große Bildkarten mit Text im Bild, dazwischen ein schwarzes Laufband. Farbige Fotos, Condensed-Schrift.

Ansehen
06

Meisterhand

Eigener Aufbau · Bausteine aus der 21st.dev-Bibliothek

Drei Dinge, die kein anderer Entwurf hat: Leistungszeilen, die beim Überfahren ihr Arbeitsfoto zeigen; Arbeiten als Lamellen, die sich öffnen; Fragen zum Aufklappen. Der Aufmacher verkauft — zwei Schaltflächen und drei Vertrauenspunkte stehen sofort da.

Ansehen
07

Horizont

Vollbild-Hero × Quiet Luxury

Das Flammenbild trägt den ganzen ersten Bildschirm, die Schlagzeile liegt in Serifenschrift darüber, die Kennzahlen schweben als Chips im Bild. Danach Erdtöne, große Ziffern und eine Bildstrecke, die beim Wischen einrastet.

Ansehen
08

Vitrine

Bento-Raster × Dark Cinematic

Ein dunkler Kasten voller unterschiedlich großer Kacheln mit weichen Ecken; jede trägt genau eine Aussage. Die Kachel, die man ansieht, hebt sich heraus. Rot leuchtet nur da, wo gehandelt wird.

Ansehen
09

Schlagzeile

Eine Spalte × Bold Minimalism

Der erste Bildschirm ist reine Schrift, kein Bild — riesig, schwarz, ein Wort in Rot. Harte Kanten, keine Rundung. Die Leistungszeile, auf der man steht, kippt ohne Überblendung in Markenrot um.

Ansehen
10

Doppelseite

Geteilte Fläche × Editorial

Aufgeschlagen wie ein Heft: links das Bild, rechts der Text. Die Bildseite bleibt beim Lesen stehen und wechselt erst beim nächsten Kapitel. Serifenschrift, Kapitelzahlen, Initial in Rot.

Ansehen
11

Lichthof

Kartenfeld × Quiet Luxury

Ruhig und mittig, mit viel Luft: große Karten mit weichen Ecken, sehr leichte große Schrift, Pillen als Bedienelemente. Die Karte, die man ansieht, öffnet ihre Bildunterschrift.

Ansehen
12

Wechsel

Zickzack × Quiet Luxury

Bild und Text tauschen von Block zu Block die Seite. Viel Luft, sehr leichte große Schrift, dünne Kennzahlen, ein schwarzer Block gegen die Ruhe. Das angesehene Bild tritt aus dem Satzspiegel heraus.

Ansehen
13

Bogen

Spaltenraster × Editorial

Ein Zeitungsbogen: Titelkopf mit doppelter Linie, Text in echten Spalten, Haarlinien statt Kästen, der Kontakt als Anzeigenkasten. Die Spalte, in der man liest, bleibt schwarz — die Nachbarn treten zurück.

Ansehen
14

Blattwende

Vollbild-Hero × Swiss Style

Man blättert statt zu scrollen: Jede Seite füllt den Bildschirm und rastet ein. Rechts steht eine Leiste mit allen sieben Seiten — und sie zeigt, auf welcher man gerade ist. Am Telefon hört das Blättern auf.

Ansehen
15

Werkbank

Kartenfeld × Bold Minimalism

Gleichrangige Karten mit harten Kanten, wie Werkzeug auf der Bank. Keine Rundung, kein Schatten. Die Karte klappt beim Ansehen ihre rote Rückseite auf.

Ansehen
16

Schichtenschnitt · mutig

Eine Spalte × Print Tech Paper

Kein Aufmacherfoto. Stattdessen der gezeichnete Schnitt durch den Dachaufbau — die Sache, die der Betrieb verkauft und die man auf keinem Foto sieht, weil sie unter dem Kies liegt. Die Seite liest sich wie ein Satz Zeichnungsblätter.

Ansehen
17

Ausschnitt · mutig

Bento-Raster × Typo Brutalism

Die Schlagzeile ist das Foto: Das Bild steckt in den Buchstaben statt daneben. Drumherum ein dichtes Feld aus harten Blöcken mit dicken schwarzen Linien. Beim Ansehen wandert der Ausschnitt.

Ansehen