Astroclub Solaris Aarau · Neue Website

Variantenübersicht für das Review-Komitee

Diese Seite stellt 8 Entwürfe für die neue Website nebeneinander. Die Varianten 1 und 2 zeigen den Grundentwurf, einmal mit mehreren Seiten und einmal als eine lange Seite. Die Varianten 3–8 sind eigenständige Gestaltungsideen. Am Schluss steht eine Ideensammlung mit Einzelideen aus verworfenen Entwürfen.

Der Inhalt ist in allen Varianten derselbe. Zu beurteilen sind also Gestaltung, Aufbau und Wirkung, nicht die Texte.

Hinweise zum Beurteilen

Jede Variante ganz durchscrollen: bei 3–8 verändert sich die Kulisse mit der Scroll-Position.
Auch auf dem Handy öffnen oder das Browserfenster schmal ziehen.
Wo vorhanden, den Hell/Dunkel-Schalter oben rechts ausprobieren.
Mit «offen» markierte Stellen sind inhaltliche Fragen, die vor dem Livegang zu klären sind.

Grundentwurf (1–2)

Dunkler Sternenflug-Hintergrund mit schwebender Inhaltsbox. Der Unterschied liegt im Seitenaufbau.

Variante 1

Sternenflug, mehrseitig

Der Grundentwurf: ein Flug durch ein Sternenfeld, das beim Scrollen schneller wird, davor die Inhalte in einer leicht durchscheinenden Box. Die Website hat fünf Seiten (Start, Sternwarte & Führungen, Astrokurs, Verein, Kontakt); pro Seite liegt der ganze Hauptinhalt in einer einzigen Box, die Abschnitte sind durch feine Linien getrennt. Hell- und Dunkelmodus sind vorhanden, die Sterne bleiben in beiden hinter dem Text schwach sichtbar. Dieser Stand ist das Ergebnis mehrerer Überarbeitungsrunden: sachliche Texte, Kontaktangaben und IBAN als normaler Text, grössere Schrift in der Kopfzeile.

5 Seiten
Hell + Dunkel
ruhig, sachlich

/website_v1

Variante 2

Sternenflug auf einer Seite

Gleiches Erscheinungsbild wie Variante 1, aber der gesamte Inhalt steht auf einer einzigen langen Seite, gegliedert in fünf Kapitel mit je einer Box. Die Links in der Kopfzeile springen zum jeweiligen Kapitel und zeigen an, wo man sich befindet. Ein funkelnder Stern wandert auf dem aktiven Link von links nach rechts und zeigt den Lesefortschritt im Kapitel. Alle folgenden Varianten übernehmen diesen Inhalt und den Aufbau als Onepager.

Onepager
Hell + Dunkel
ruhig, sachlich

/website_v2

Eigenständige Gestaltungsideen (3–8)

Alle als Onepager. Jede Idee hat ein eigenes Motto, eigene Farben und einen eigenen Aufbau.

Variante 3

Echter Sternenhimmel

Aufbau wie Variante 2, aber der Hintergrund zeigt die echten Sternbilder mit Namen. Beim Laden steht der Himmel so, wie er in diesem Augenblick über der Sternwarte steht; beim Scrollen dreht er sich um den Polarstern weiter, über die ganze Seite um volle 24 Stunden. Eine Anzeige unten rechts nennt die Uhrzeit des gezeigten Himmels. Die Sternpositionen sind gerundet und müssten vor dem Livegang gegen einen Katalog geprüft werden.

Onepager
Hell + Dunkel
lehrreich

/website_v3

Variante 4

Nachtwache

Ein Abend auf der Nütziweid: Oben steht die Sonne tief über drei Hügelketten mit der Sternwarten-Kuppel und ein paar Tannen. Beim Scrollen geht sie schräg nach rechts unter, der Himmel färbt sich von Gold über Rot und Blau zu Schwarz, der Mond steigt auf und das Sternfeld dreht sich mit. Dazu kommen Details: Wolken leuchten im Abendlicht, im Tal gehen Lichter an, der Kuppelspalt öffnet sich, in tiefer Nacht erscheint die Milchstrasse. Die Inhalte liegen auf versetzten Glaskarten; einen Hell/Dunkel-Schalter gibt es nicht, weil der Seitenverlauf selbst der Wechsel ist.

Onepager
Verlauf Tag → Nacht
detailreich

/website_v4

Variante 5

Mondlauf

Ein grosser Mond begleitet die ganze Seite und nimmt beim Scrollen zu, von Neumond oben bis Vollmond am Seitenende. Die Gestaltung ist bewusst zurückhaltend: Schwarz und Silber, ein einziger warmer Akzent, Serifenschrift, Abschnitte nur durch Haarlinien getrennt. Der Mond ist ein echtes Vollmondfoto, über das die Schattengrenze der jeweiligen Phase gelegt wird. Unter dem Mond stehen der beleuchtete Anteil und der Name der Phase.

Onepager
nur dunkel
elegant, ruhig

/website_v5

Variante 6

Aufstieg

Scrollen heisst steigen: Die Seite beginnt am Boden bei der Sternwarte und führt durch Wolken, an Flugzeug, Wetterballon und Raumstation vorbei zu Mond, Mars, Jupiter und Saturn bis zu fernen Galaxien. Die Himmelskörper stehen jeweils auf der freien Seite neben den Inhaltskarten. Ein Höhenmesser am rechten Rand nennt die Wegmarke, von 708 m bis «Millionen Lichtjahre».

Onepager
nur dunkel
verspielt, erzählend

/website_v6

Variante 7

Tageslauf

Baut auf Variante 3 auf: Der Himmel startet zur aktuellen Uhrzeit und läuft beim Scrollen 24 Stunden weiter. Aus Datum und Uhrzeit wird der Sonnenstand berechnet; er färbt den Himmel, lässt die Sterne in der Dämmerung verblassen und wechselt die ganze Seite weich zwischen dunklem und hellem Kleid. Weil die Sonnenbahn vom Datum abhängt, sind die Tage im Sommer lang und im Winter kurz. Die Anzeige unten rechts nennt Uhrzeit und Dämmerungsstufe.

Onepager
Tag/Nacht nach Sonnenstand
lehrreich

/website_v7

Variante 8

Nebel

Farbige Gasnebel statt schwarzem Himmel: Weiche Farbwolken treiben langsam im Hintergrund und wechseln mit jedem Kapitel die Farbe, von Pink und Violett über Türkis bis Orange. Die Inhalte liegen als Kacheln in einem Mosaik, über die ein Lichtfleck dem Zeiger folgt; Titel und Akzente tragen den Farbverlauf des jeweiligen Nebels. Die Navigation schwebt als Dock am unteren Rand. Die bunteste und modernste der Varianten.

Onepager
nur dunkel
farbig, modern

/website_v8

Ideensammlung

Keine Variante zur Auswahl, sondern einzelne Ideen aus verworfenen Entwürfen, die sich in die gewählte Variante übernehmen lassen.

Ohne Vereinsinhalt

Achtzehn Einzelideen

Eine eigene Seite zum Ausprobieren, mit Ideen aus den verworfenen Entwürfen «Sternatlas», «Plakat» und «Planetenuhr» sowie neuen Spielereien. Dabei sind eine drehbare Sternkarte, Sternbilder, die sich von selbst zeichnen, fünf bewegte Plakatformen wie eine Sonnenfinsternis und eine Planetenuhr als Navigation. Dazu kommen zehn kleine Mitmach-Elemente, etwa ein Rotlicht-Schalter, die Mondphase von heute, ein eigenes Sternbild zum Zeichnen und ein Regler für Stadt- und Landhimmel. Zu jeder Idee steht, wie sie sich einsetzen liesse.

18 Einzelideen
Hell + Dunkel
zum Kombinieren

/ideensammlung