Auf inherent-crossing.net präsentiert das Forschungsteam um Benjamin Egger Ergebnisse zum Thema „Vor-Bildliche Manifestationen von Primaten“. Naheliegend also, dass die visuelle Aufmachung ein wichtiges Element der Website darstellt. Technologisch hat sich FLX Labs jedoch gleichermassen ins Zeug gelegt und ein paar raffinierte Features eingebaut.

Dreispaltiges Layout mit individuellem Scrollverhalten

Der dreispaltige Aufbau verleiht der Website eine übersichtliche und klare Grundstruktur, die den Nutzern die verfügbaren Informationen leicht zugänglich macht. Die monochrome Farbgestaltung wird durch die bildreichen Inhalte bunt durchsetzt. Die Spalten passen sich je nach Seitentyp in der Breite an und sorgen für eine lebendige Optik ohne das minimalistische Corporate Design zu vernachlässigen.
Jede Spalte birgt recht unterschiedliche Inhalte, weshalb sie teilweise grosse Längenunterschiede aufweisen. Um eine bessere Anwenderfreundlichkeit zu gewährleisten, hat FLX Labs die Spalten mit eigenem Scroll versehen, was sich nahtlos in das Corporate Design einfügt.

Bilder und Menü mit Overlays

Um das Design der bildreichen Website so clean wie möglich halten zu können, wurden Bildinformationen mithilfe von Hovereffekten und Overlays untergebracht. Das Menü besteht aus einem eigenen Overlay, das sich über die halbe Seite erstreckt und auf diese Weise den drei ursprünglichen Hauptspalten keinen Raum nimmt. Der verfolgte Mobile First-Ansatz stellt sicher, dass die Website auch auf Geräten mit kleinem Display durch Look und Funktionalität besticht.

Relationale Datenbankverknüpfungen bringen Ordnung ins Chaos

Da für das Projekt „Inherent Crossing“ viele zusammenhängende Datensätze sowohl einzeln als auch mit ihren Verknüpfungen dargestellt werden sollen, bietet sich die Verwendung einer relationalen Datenbank an. Auf diese Weise können sich Website-Nutzer besonders bequem und intuitiv auf der Seite bewegen. Gleichermassen gestaltet sich das Einpflegen der Daten simpel und sie bleiben auch im CMS übersichtlich strukturiert.

Optimierte Ladegeschwindigkeit auch bei vielen Bildern durch smartes Caching

Aufgrund des bildreichen Contents ergibt sich ebenfalls die Herausforderung den Pageload zu optimieren, da damit rechenintensive Datenabfragen verbunden sind. Dies löst FLX Labs auf gewohnt smarte Weise mithilfe von serverseitigem Website-Caching. Der Prozess wurde so modifiziert, dass die gecachten Datensätze immer dann erneuert werden, wenn neue Daten hinzugefügt werden. Auf diese Weise sehen die Endnutzer immer die aktuellste Version der Website ohne sich über lange Ladezeiten ärgern zu müssen.

• inherent-crossing.net