David Schubert-Lakatos Design & Entwicklung Wien --:--

DavidSchubert-Lakatos

(Scrollen ↓)
Ich gestalte und baue Websites, Apps und Marken – vom ersten Entwurf bis zur live geschalteten Version.
  • Webdesign
  • App-Entwicklung
  • Branding
  • Motion
Offen für Projekte
Wien, Österreich
Nr.ProjektArtJahr
01Folder AtelierMac-App2026 02Match2EatApp & Marke2026 03Island 2027Website für Louis2026 04Marcy VintageWebsite-Relaunch2026 05Gasthaus BirnerAnalyse & Redesign2026
(01)Mac-App2026

Folder Atelier

Im Finder sieht jeder Ordner gleich aus: blau, austauschbar, schwer zu finden. Folder Atelier ist eine kleine Mac-App, die das ändert. Sie liest den Ordnernamen, erkennt das Thema und setzt automatisch ein passendes Symbol auf den Ordner – auf Wunsch bei jedem neuen Ordner von selbst.

Rolle
Idee, UI-Design, Umsetzung
Technik
Node.js, Swift, HTML/CSS/JS
Umfang
47 Themen, 3 Stile, 16 Muster, 24 Fotooberflächen
Status
Lokaler Prototyp
Folder Atelier — Film0:00 / 0:30
01

Name eingeben

Ordnernamen tippen und Enter drücken – oder direkt einen Ordner im Finder auswählen.

02

Thema erkennen

Die App versteht deutsche und englische Wörter samt Zusammensetzungen: „Sommerurlaub“ wird Reisen, „Schularbeit“ wird Schule. 47 Themen.

03

Symbol setzen

Das Symbol – klassisch, mit Gesicht oder als Muster – landet sofort auf dem Ordner. Optional automatisch für jeden neuen Ordner.

~/Schule und Privat
Kunst
Sommerurlaub
Schularbeit
Finanzen
Rezepte
Musik
Haustiere
Fotos 2026

Vorher: Standardordner — Nachher: jeder Ordner mit eigenem Symbol

01Ordnersymbol „Kunst“, Stil KlassischKunstKlassisch
02Ordnersymbol „Sommerurlaub“, Stil KI-FotoSommerurlaubKI-Foto
03Ordnersymbol „Schularbeit“, Stil MusterSchularbeitMuster
04Ordnersymbol „Finanzen“, Stil KI-FotoFinanzenKI-Foto
05Ordnersymbol „Rezepte“, Stil CharakterRezepteCharakter
06Ordnersymbol „Musik“, Stil KlassischMusikKlassisch
07Ordnersymbol „Haustiere“, Stil MusterHaustiereMuster
08Ordnersymbol „Fotos 2026“, Stil CharakterFotos 2026Charakter
09Ordnersymbol „Garten“, Stil KI-FotoGartenKI-Foto
10Ordnersymbol „Bewerbung“, Stil KlassischBewerbungKlassisch
11Ordnersymbol „Party“, Stil MusterPartyMuster
12Ordnersymbol „Sport“, Stil CharakterSportCharakter
13Ordnersymbol „Steuern“, Stil KlassischSteuernKlassisch
14Ordnersymbol „Familie“, Stil MusterFamilieMuster
15Ordnersymbol „Code“, Stil KI-FotoCodeKI-Foto
16Ordnersymbol „Bücher“, Stil KI-FotoBücherKI-Foto
17Ordnersymbol „Filme“, Stil CharakterFilmeCharakter
18Ordnersymbol „Reisepläne“, Stil KlassischReisepläneKlassisch
19Ordnersymbol „Geschenke“, Stil MusterGeschenkeMuster
20Ordnersymbol „Musikproduktion“, Stil KI-FotoMusikproduktionKI-Foto
21Ordnersymbol „Schule“, Stil CharakterSchuleCharakter
22Ordnersymbol „Kochen“, Stil KI-FotoKochenKI-Foto
23Ordnersymbol „Projekte“, Stil KlassischProjekteKlassisch
24Ordnersymbol „Sammlung“, Stil KI-FotoSammlungKI-Foto

Auswahl: 24 Symbole, direkt mit der App erzeugt

(02)App & Marke2026

Match2Eat

Nie wieder „Mir egal“. Eine Gruppe swipet gemeinsam durch Restaurants in der Nähe – sobald alle dasselbe wollen, heißt es: It’s a Bite! Mein eigenes Startup, von der Idee bis zur App.

Rolle
Gründer – Produkt, Design, Entwicklung
Technik
Vite, Supabase, Capacitor (iOS), Vercel
Marke
Herz mit Biss, Poppins Bold, #FF5A00
Live
Web-App öffnen ↗
01 — Start

Nie wieder „Mir egal“

Ein Screen, eine Entscheidung: Restaurant finden oder mit Code einer Runde beitreten.

02 — Vibe

Worauf habt ihr Lust?

Neun Stimmungen von Date Night bis No Drama Mode – der Host gibt der Runde einen Namen.

03 — Crew

Alle mit einem Code dabei

Link oder Essens-Code teilen. Filter wie „vegetarisch“ gelten automatisch für die ganze Gruppe.

04 — Swipen

Rechts heißt: würde ich essen

Echte Lokale in der Nähe mit Fotos, Bewertung, Entfernung und Öffnungszeiten.

05 — Details

Alles Wichtige auf einen Blick

Adresse, Telefon, Speisekarte und Route – ohne die App zu verlassen.

06 — Match

It’s a Bite!

Sobald alle fertig sind, beißt das Herz zu – der Moment, in dem die Diskussion endet.

07 — Ergebnis

Heute wird’s …

Der Gewinner mit Gründen, warum er gewonnen hat, und direktem Weg zur Route.

08 — Teilen

Ab in den Gruppenchat

Das Ergebnis als Share-Card in drei Stilen: clean, lustig oder als Story.

Startscreen von Match2Eat Vibe-Auswahl Lobby mit Essens-Code Swipe-Karte eines Wiener Restaurants Detailansicht mit Öffnungszeiten und Route It’s a Bite!-Animation Ergebnis-Screen Share-Card

Match2Eat — App01 / 08
A

Gemeinsam statt Gruppenchat

Host wählt Vibe, Budget und Entfernung, teilt einen Code – alle swipen gleichzeitig, das Ergebnis kommt live.

B

Marke

Neuer Name, neues Logo, Intro-Animation mit „Chomp“-Herz und eine eigene Feier-Animation für den Match-Moment.

C

Kampagne

Social-Media-Serie für TikTok und Instagram mit 0 € Budget – offen als KI-Inhalt gekennzeichnet.

(03)Website-Auftrag · nur Webdesign2026

Island 2027

Louis ist Naturfotograf und hat einen eigenen Kalender mit seinen Island-Fotos gestaltet. Ich habe dafür die Website geplant, gestaltet und gebaut, die den Kalender präsentiert. Der Einstieg: ein Kameraflug an einer moosbewachsenen Basaltklippe vorbei – erst dahinter erscheint der Titel.

Meine Rolle
Nur Website: Konzept, Webdesign, Entwicklung
Kunde
Louis – Fotografie & Kalender
Technik
Vite, GSAP, Lenis, KI-Video
Website-Look
Switzer, Farben aus Louis’ Bildern
Geräte
Desktop, Tablet, Handy – responsiv
island-2027.vercel.appDesktop
Desktop + Handy — scrollen gleichzeitig000%

Alle Fotos in der Aufnahme: Louis

A

Inszenierung

Vor dem Start keine Schrift, keine Navigation. Ein Klick spielt den Flug ab, dann baut sich „Island 2027“ Buchstabe für Buchstabe aus der Unschärfe auf. Das Einstiegsvideo ist mit KI entstanden.

B

Teaser statt Katalog

Die Website zeigt nur vier von Louis’ Kalenderblättern – der Rest bleibt Überraschung und soll neugierig auf den Kalender machen.

C

Bühne für den Fotografen

Eine „Über mich“-Sektion stellt Louis und seine Ausrüstung vor, dazu ein Rückblick auf seinen Vorjahreskalender.

(04)Kundenauftrag2026

Marcy Vintage

Relaunch für einen Vintage- und Second-Hand-Laden in Wien-Wieden. „Eine kleine Zeitreise mitten in Wien“ – mit Scroll-Hero aus einem Ladenfoto, Galerie, Events, Kundenstimmen und Kommissionsverkauf.

Rolle
Design & Entwicklung
Technik
Hugo, just, Git – komplett unter Linux
Gestaltung
Switzer, Bagel Fat One, Marcy-Orange
Status
Vorschau ↗ – in Abstimmung
Geräte
Desktop, Tablet, Handy – responsiv
marcy-vintage-preview.vercel.appDesktop
Desktop + Handy — scrollen gleichzeitig000%
Selbst durchklicken?Live ansehen ↗
Ladeneingang in der Gußhausstraße
Kleiderständer im Laden
A

Für den Alltag gebaut

Der Kunde will die Seite oft selbst aktualisieren – deshalb ein schlanker Hugo-Aufbau mit Inhalten als Textdateien und Deploy per Befehl.

B

Bewegter Einstieg

Das Hero-Video entstand mit KI auf Basis eines echten Ladenfotos – direkt auf der Seite gekennzeichnet.

C

Inhalte

Galerie, Events, Google-Bewertungen, Journal mit Presseberichten und ein eigener Bereich für Kommissionsware.

(05)Analyse & Redesign2026

Gasthaus Birner

Ein Wiener Traditionsgasthaus direkt an der Alten Donau – online aber kaum zu spüren. Am Anfang stand eine Analyse des bestehenden Auftritts, Ergebnis: rund 4 von 10 Punkten. Das Redesign beantwortet in Sekunden, was der Birner ist, warum man hingehen sollte und wie man zu einem Platz am Wasser kommt.

Rolle
Analyse, Konzept, Design, Umsetzung
Technik
HTML, CSS, JavaScript – ohne Framework
Gestaltung
Jost, kräftige Farbfelder, Archivfotos ab 1917
Status
Konzept, nicht live
Geräte
Desktop, Tablet, Handy – responsiv
gasthaus-birner — RedesignDesktop
Desktop + Handy — scrollen gleichzeitig000%
Konzept — noch nicht online
A

Erst analysieren

Bewertet wurden Geschichte (8/10), Markenauftritt, Bedienung und Reservierung (2/10) – dazu widersprüchliche Öffnungszeiten auf verschiedenen Plattformen.

B

Geschichte als Stärke

Historische Aufnahmen ab 1917 werden zur kurzen Erzählung statt zum Archiv: „Kein inszeniertes Wien. Sondern eines, das geblieben ist.“

C

Das Wichtige zuerst

Speisekarte, Wochenkarte und Menüplan direkt als Karten, dazu Veranstaltungen, Öffnungszeiten nach Saison und Kontakt auf einen Blick.