main · 39e4fea · 07.11. 11:13––––

Designstudio · Elixhausen bei Salzburg

Webseiten,
die man spürt.

2D3D4D konzipiert, gestaltet und baut individuelle Webseiten — sorgfältig gesetzt, handgeschrieben im Code, ohne Ballast, der sie bremst. Und weil Zeigen mehr sagt als Behaupten: Die Bildmarke hier läuft als echte Physik-Simulation in deinem Browser.

≤ 2 Arbeitstageerste schriftliche Einschätzung
Fixpreisfür den vereinbarten Umfang
Entwurf zuerstbevor die Umsetzung beginnt
Interaktive Physik-Simulation der 2D3D4D-Bildmarke.
40 %12

Klick — neue KugelZiehen — schütteln & drehenRegler — Drehung & Kugeln

physik.js — echte Schwerkraft, Reibung, Kollisionen im Browser.

01

So beginnt ein Projekt.

Keine lange Kennenlernphase und kein Rätselraten beim Preis. Drei klare Schritte, bevor gebaut wird.

Verlässliche RückmeldungInnerhalb von zwei Arbeitstagen bekommst du eine erste schriftliche Einschätzung — oder ich sage dir kurz, welche Information für eine belastbare Kalkulation noch fehlt.
01 / ANFRAGE

Du schreibst, was du vorhast.

Ein paar Sätze reichen zum Start: Was soll neu entstehen, was gibt es schon und was soll die Seite für dein Unternehmen leisten?

02 / EINSCHÄTZUNG

Ich ordne es ein — inklusive Fixpreis.

Du bekommst eine ehrliche Empfehlung zum sinnvollen Umfang. Wenn alles klar ist, steht der Nettopreis für genau diesen Umfang vor Projektbeginn fest.

03 / ENTWURF

Du siehst die Richtung, bevor gebaut wird.

Struktur, Typografie, Bildwelt und zentrale Seitenmomente werden anschaulich. Erst wenn das trägt, beginnt die technische Umsetzung.

Wenn der Entwurf passt, wird daraus die fertige Seite — inklusive Tests, Optimierung und Go-live.ENTWURF → CODE → LIVE
02

Projekte, die etwas können.

Keine Bildergalerie, sondern die Seiten selbst: Jede Vorschau fährt von selbst durch — oder du übernimmst mit der Maus. Ein großer Relaunch ist gerade in Arbeit, das GKA-Zentrum ist live, und von den Hernienspezialisten steht eine Vorschaufassung bereit.

Alle aktuellen Projekte: PageSpeed mobil 98–99 · gemessen November 2026

hoho-wien-vorschau.netlify.appIn Arbeit
Startseite von HoHo Wien in der Desktop-Ansicht

Relaunch · in Arbeit

HoHo Wien

Website-Neubau für eines der höchsten Holz-Hybrid-Hochhäuser der Welt — Konzept, Gestaltung und Umsetzung aus einer Hand.

Das Gebäude

  • 84 mHöhe · 24 Geschosse
  • 75 %Holzanteil ab EG
  • 2.800 tCO₂ eingespart
  • GoldLEED-Zertifikat

Die Website

  • 3D-Massenmodell beider Häuser, frei drehbar
  • Freiflächen-Explorer — 5 Flächen, 3.240 m², jedes Geschoss im Schnitt
  • Holz-Zähler, der live mitläuft, wie viel Holz nachwächst
Vorschau ansehen ↗

Vorschau · für Suchmaschinen gesperrtPageSpeed nachmessen ↗

// Zwei Details aus dem HoHo-RelaunchAufnahmen aus der Vorschau vor dem Livegang — ohne Ton.

Detail 01 · 3D-ViewerDas Haus als drehbares Massenmodell
Detail 02 · Freiflächen-ExplorerFreie Flächen im Schnitt wählen

// Aus früheren Jahren

Drei Auftritte aus dem Archiv — was vor den aktuellen Arbeiten kam.

Zu den Vorschauen: Die Aufnahmen entstehen bei 1440 px Fensterbreite und werden hier maßstäblich verkleinert — zu sehen ist also die Desktop-Gestaltung, nicht die mobile Fassung. Sehr lange Seiten sind am Ende weich ausgeblendet.

Aus dem Studio · Web-App

REPS — App statt nur Webseite.

Eine eigene Trainings-App: installierbar, offline nutzbar, mit Sync auf allen Geräten – aus einer einzigen Codebasis für Browser und Handy; die Play-Store-Fassung folgt. So entstehen auch Werkzeuge, Rechner oder Kundenportale.

Projekt ansehen

1 HTML-Datei · offline · Sync · 60+ Tests

// Zwischenspiel — Typo-WerkstattAusgangswerte

Typografie ist Handwerk.

700
–
-0.022em

Zieh an den Reglern — die feine Linie zeigt, wann die Zeile von selbst zu ihren Ausgangswerten zurückfindet.Zieh an den Reglern — sechs Sekunden nach der letzten Bewegung findet die Zeile von selbst zu ihren Ausgangswerten zurück. Gestaltung darf reagieren, ohne ihre Haltung zu verlieren.

03

Was du bekommst.

Webdesign als durchgehende Aufgabe — nicht als lose Sammlung aus Layout, Plugins und Einzelpositionen.

Fixpreis heißt:Der vereinbarte Umfang und der Nettopreis stehen vor dem Start fest. Wenn sich später der Umfang ändert, wird das zuerst besprochen — nicht erst verrechnet.
01

Konzept, Struktur & Inhalt

Was muss ein Besucher verstehen, in welcher Reihenfolge und mit welchem nächsten Schritt? Daraus entsteht eine klare Seitenarchitektur. Die Texte dazu werden geschrieben oder aus deinem Material überarbeitet — fertige Inhalte musst du nicht mitbringen. Genau daran bleiben viele Webprojekte sonst hängen.

02

Gestaltung

Typografie, Flächen, Bildwelt, Bewegung und responsives Verhalten werden als zusammenhängendes System entwickelt. Du siehst die entscheidenden Entwürfe, bevor die Umsetzung beginnt.

03

Umsetzung

Schlanker, handgeschriebener Code statt unnötigem Ballast. Performance, saubere Struktur und Details auf Mobilgeräten gehören von Anfang an dazu.

04

Auffindbarkeit

Die Seite wird so gebaut, dass Suchmaschinen und KI-Assistenten sie lesen können: saubere Struktur und Überschriftenhierarchie, aussagekräftige Titel und Beschreibungen je Seite, strukturierte Daten, Fakten im Fließtext statt nur in Grafiken, klare Standort- und Leistungsangaben, schnelle Auslieferung. Das Feld ändert sich gerade schnell — gearbeitet wird nach dem jeweils aktuellen Stand.

05

Go-live & Betreuung

Tests, Veröffentlichung und die Dinge danach: Änderungen, Erweiterungen und laufende Betreuung bleiben direkt bei dem, der die Seite konzipiert und gebaut hat.

06

Web-Apps & PWA

Nicht jedes Vorhaben braucht eine teure native App. Eine Progressive Web App läuft im Browser, lässt sich am Handy wie eine App installieren, funktioniert offline und synchronisiert Daten über alle Geräte – aus einer einzigen Codebasis. Auf Wunsch auch im Google Play Store. Geeignet für Buchungs- und Bestelltools, interne Werkzeuge, Rechner, Checklisten oder Kundenportale.
Beispiel: REPS, die eigene Trainings-App des Studios

04

Woran man die Arbeit merkt.

Nicht an möglichst vielen Effekten, sondern daran, dass die Seite ruhig wirkt, schnell reagiert und nichts im Weg steht.

01

Handgeschrieben statt Baukasten.

Jede Seite entsteht im Code — ohne Plugin-Ballast, ohne Vorlagen-Korsett. Deshalb sieht keine 2D3D4D-Seite aus wie eine andere.

02

Ladezeit ist Gestaltung.

Eine Seite, die sofort da ist, fühlt sich gut an — noch bevor man sie liest. Tempo ist kein Nachtrag, sondern Teil des Entwurfs.

03

Gebaut, um gefunden zu werden.

Saubere Struktur, schnelle Auslieferung, klar formulierte Inhalte — so verstehen Suchmaschinen und KI-Assistenten, worum es auf deiner Seite geht.

Nachgemessen — an dieser Seite:Googles Prüfwerkzeug Lighthouse vergibt ihr 100 von 100 Punkten in Barrierefreiheit, Best Practices und SEO und wertet sie als tauglich für agentisches Browsen. Jede Datei kommt vom eigenen Server — null Anfragen an Dritte. Stand: August 2026.
terminal — build
$ npm run build
✓ Seiten gebaut         statisch & schnell
✓ Bilder optimiert      WebP / AVIF
✓ JavaScript geprüft    nur was gebraucht wird
✓ responsive getestet   mobile first
✓ bereit für den Go-live

// Zwischenspiel — Kugellabyrinth

Die Bildmarke lässt sich nicht nur drehen. Bring sie wieder zusammen.

Ein kleines Spiel in der Geometrie des Signets. Sieben Punkte einsammeln, den Sogfallen ausweichen — gesteuert per Kippen, Ziehen oder Tasten.

ÖFFNET IM VOLLBILD · ESC ZUM VERLASSEN

ZIEL 1/72D3D4D / ZWISCHENSPIEL0,0

Telefon flach halten und kippen

// ZWISCHENSPIEL · 2D3D4D

Kugellabyrinth

Sammle sieben Punkte in der richtigen Reihenfolge, dann öffnet sich das Endziel — und alles verdichtet sich wieder zur Signetform. Kipp das Telefon.Klicken und in Neigungsrichtung ziehen — oder Pfeiltasten. Bleib weg von den Sogfallen.

// GESCHAFFT

Das Signet steht wieder

—

05

Studio & Herkunft

Lukas Eckschlager — Inhaber von 2D3D4D

Hinter 2D3D4D steht Lukas Eckschlager — seit 2009 selbstständig, vom Produktfoto über Print und 3D zur Spezialisierung auf Webdesign. Diese Jahre stecken heute in jedem Projekt: im Blick für Bild und Fläche, für Bewegung — und dafür, wann weniger mehr ist.

2D3D4D ist ein Designstudio in Elixhausen bei Salzburg und gestaltet und baut Webseiten für Auftraggeber in ganz Österreich und darüber hinaus — vom Familienbetrieb bis zur Bundesorganisation.

06

Bevor die Seite steht, entstehen die Bilder.

Bildmaterial für Webprojekte entsteht im selben Haus wie die Seite — Produkt, Food, Raum und 3D aus siebzehn Jahren.

Cognacflasche und gefülltes Glas vor warmem LichtverlaufTranchierte Entenbrust mit Kroketten und Rotkraut, dazu RotweinEmpfangstresen der Business Lounge am Flughafen Salzburg
Glastrinkflasche mit Wasser, Himbeeren, Zitrone und Melisse, freigestelltFarbige Schaumschichten einer Matratze im SchnittAlmhütte mit Gästen vor Bergpanorama aus der LuftPfanne mit Bratkartoffeln und Spiegelei auf Holztisch
Alle Werke ansehen →
07

Kunden

Eine Auswahl aus siebzehn Jahren — von der Bundesorganisation bis zum Familienbetrieb.

Österreichisches Rotes KreuzWirtschaftskammer ÖsterreichÖFB — Österreichischer Fußball-BundÖsterreichische HagelversicherungEternitÄrztekammer für WienAGMViennaEstate Immobilien AGKerbler HoldingHoHo WienMilestones in CommunicationElastica SchlafsystemeTeam ärztliche Standesvertretung WienEAS Erste Allgemeine SchadenshilfeMetzgerei RumpoldGKA-ZentrumPriv.-Doz. Dr. Jakob LacknerZimmerei Neureiter

Ein Schwerpunkt über die Jahre: Auftraggeber aus Medizin und Gesundheitswesen.

08 · Kontakt

Schreib mir, was du vorhast.

Kein Formular-Marathon. Ein paar Sätze zum Unternehmen, zur bestehenden Seite oder zur Idee reichen. Ich antworte schriftlich und ordne ein, welcher Umfang sinnvoll ist.

1 · ANFRAGEDu beschreibst kurz das Projekt.2 · EINSCHÄTZUNGDu bekommst Richtung, Umfang und — wenn alles klar ist — den Fixpreis.3 · ENTWURFDu siehst die Lösung, bevor die Umsetzung beginnt.

Bitte einen Namen eintragen.
Keine gültige E-Mail-Adresse.
Bitte eine Nachricht eintragen.

Deine Angaben werden nur zur Beantwortung der Anfrage verarbeitet — Details in der Datenschutz­erklärung.

Oder direkt per E-Mail

lukas@2d3d4d.at

Erste Rückmeldung innerhalb von zwei Arbeitstagen.
Falls für eine seriöse Einschätzung noch etwas fehlt, sage ich genau was.