main · 8abbf5f · 16.08. 15:20

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

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 zeigt die echte Desktop-Ansicht in voller Breite, maßstäblich in den Rahmen gerechnet. Sie fährt von selbst durch — oder du übernimmst mit der Maus. Das GKA-Zentrum ist veröffentlicht, die Hernienspezialisten sind in Arbeit, und HoHo Wien ist ein auf eigene Initiative gebauter Entwurf.

hoho-preview.netlify.appEntwurf
Startseite des HoHo-Entwurfs in der Desktop-Ansicht

Eigener Entwurf · nicht beauftragt

HoHo Wien

Entwurf — in Abstimmung. Auf eigene Initiative entstanden: kein erteilter Auftrag, keine Abnahme, nicht veröffentlicht. Die Seite des Auftraggebers ist eine andere.

Ein Entwurf für eines der höchsten Holzhochhäuser der Welt, auf eigene Initiative gebaut: Konzept, Gestaltung und Umsetzung als Vorschlag, nicht als Auftrag.

Das Besondere

Ein interaktiver 3D-Explorer macht Flächen und Gebäude direkt erfahrbar, statt Informationen in statischen Plänen zu verstecken.

Stack Astro · NetlifyInteraktion 3D
Entwurf ansehen

// Zwei Details aus dem HoHo-EntwurfAufnahmen aus dem laufenden Entwurf — ohne Ton.

Detail 01 · 3D-Viewer

Das Haus als Massenmodell

Tower und Next stehen als schematisches Modell im Raum — drehbar, mit Geschossmarken, Kompass und umschaltbaren Ansichten für Freiflächen, Nutzung, Bausystem, Fassade und Bauteile.

Detail 02 · Freiflächen-Explorer

Freie Flächen im Schnitt wählen

Ein Klick in den Gebäudeschnitt oder in die Liste — und daneben stehen Quadratmeter, Geschoss, Unterkante und Status. Aus der Auswahl wird direkt die Anfrage.

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.

// Zwischenspiel — Typo-WerkstattAusgangswerte

Typografie ist Handwerk.

700
-0.022em

.zeile { font-weight: 700; font-size: ; letter-spacing: -0.022em; } /* Ausgangswerte */

Zieh an den Reglern — die feine Linie zeigt, wann die Zeile von selbst zu ihren Ausgangswerten zurückfindet. 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

Was muss ein Besucher verstehen, in welcher Reihenfolge und mit welchem nächsten Schritt? Daraus entsteht eine klare Seitenarchitektur — inklusive sinnvoller SEO-Grundlage.

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

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.

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.

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
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 Lichtverlauf
Tranchierte Entenbrust mit Kroketten und Rotkraut, dazu Rotwein
Empfangstresen der Business Lounge am Flughafen Salzburg
Glastrinkflasche mit Wasser, Himbeeren, Zitrone und Melisse, freigestellt
Farbige Schaumschichten einer Matratze im Schnitt
Almhütte mit Gästen vor Bergpanorama aus der Luft
Pfanne mit Bratkartoffeln und Spiegelei auf Holztisch
Alle Werke ansehen
07

Kunden

Eine Auswahl aus 17 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.

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

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.

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.