Zum Hauptinhalt springen
S.

Hallo,
ich bin
Sabri.

Ich studiere
Elektrotechnik
in Mannheim.

Webseiten zu bauen
ist mein Hobby.

Hier sind sechs Lernprojekte.

Scroll weiter

Über mich

Ich bin Sabri, im sechsten Semester Elektrotechnik an der Hochschule Mannheim, gerade an meiner Bachelorthese. Wenn ich nicht in Schaltungen oder MATLAB stecke, baue ich Webseiten — als Hobby, zum Lernen, aus Spaß am Detail.

Mein Stack: Astro, Tailwind CSS, TypeScript. Hosting: Cloudflare Pages. Bauen, deployen, lernen. Diese Seite ist selbst Teil davon.

Was ich mache

  • Frontend
  • Layout-Design
  • Konzeption

Was ich nutze

  • Astro
  • Tailwind CSS
  • TypeScript
  • Cloudflare Pages
  • Git / GitHub

Wie ich lerne

  • durch Bauen
  • durch Fehler
  • durch Wiederholung

Sechs
Bühnen.

Jede Branche braucht ihre eigene Sprache.
Hier sind sechs Beispiele, wie Webdesign
Charakter haben kann.

Scroll durch die Bühnen
01 / 06 — café
Gemütliches Café-Interieur mit warmem Morgenlicht – Stock-Foto

MORGEN-
LICHT.

Brunch-Spot mit Charakter.

Avocado-Toast auf Sauerteig – Stock-Foto

Brunch

Speisekarten-Layout, kuratiert

Frischer Kuchen in einer Patisserie – Stock-Foto

Kuchen

Tageskarten als Magazin-Spread

Café-Tisch mit Kerzen am Abend – Stock-Foto

Reservierung

Anfrage-Flow, drei Klicks

Lernprojekt – Stock-Bilder, kein echtes Café
02 / 06 — restaurant
Rotwein im Glas, elegant auf dunklem Hintergrund – Stock-Foto

Wo der Tisch zur Bühne wird.

Feines Dinner-Gericht auf elegantem Teller – Stock-Foto

Drei Gänge.
Sechs Sektionen.

Reservierung, Karte, Sommelier-Tipp, Atmosphäre, Anfahrt, Geschenkgutschein – alles auf einer Seite, alles mit Charakter.

Webdesign-Demonstration · Lernprojekt

Lernprojekt
03 / 06 — pizzeria

FAMIGLIA.
FORNO.
FUOCO.

Pizza Margherita aus dem Holzofen – Stock-Foto
Rustikale Pasta auf einem Holztisch – Stock-Foto
Italienische Küche mit traditionellem Charakter – Stock-Foto

Mittagskarte

Täglich wechselndes Angebot

Pizza Klassiker

14 Sorten, Holzofen

Lieferservice

Ø 30 Min, 5 km Radius

Cantina

Weinkarte & Aperitivi

Lernprojekt
04 / 06 — friseur
Eleganter Friseurstuhl in Gold – Stock-Foto

Sitzplatz.
Stillstand.
Stil.

Sechs Minuten Auszeit – nicht nur Schnitt.

Haarschnitt-Detail – Schere und Haar – Stock-Foto

Damenschnitt

Schnitt, Waschen, Föhnen

— Behandlung

Herrenschnitt

Klassisch oder Modern

— Behandlung

Klassischer Herrenhaarschnitt beim Barbier – Stock-Foto
Haarfarbe-Applikation mit Pinsel – Stock-Foto

Coloration

Farbe, Highlights, Balayage

— Behandlung

Lernprojekt
05 / 06 — yoga
Minimalistisches Yoga-Studio mit natürlichem Licht – Stock-Foto

Atme ein.

Atme aus.

Halte den Raum.

Yoga-Studio Webdesign — ruhig, atmend, kein Druck.

Klassen-Plan

Mo Hatha 09:00
Di Vinyasa 18:30
Mi Yin 10:00
Do Restorative 19:00
Fr Ashtanga 07:30

Lehrer*innen

Anahita M.
Kai L.
Sara R.

Studio-Werte

  • Präsenz vor Perfektion
  • Kein Leistungsdruck
  • Gemeinschaft
  • Offene Türen
  • Nachhaltigkeit
Lernprojekt
06 / 06 — tattoo
Tattoo-Künstler-Hand beim Tätowieren – Stock-Foto
Dunkles Tattoo-Studio Interieur – Stock-Foto
Tattoo-Maschine in Nahaufnahme – Stock-Foto
Tattoo-Design-Skizzen auf Papier – Stock-Foto

INK.
PERMANENT.

Studio-Webdesign: laut, klar, mit Haltung.

Walk-In

Offene Sessions, keine Buchung nötig

Booking

Terminvereinbarung für Custom-Pieces

Drops

Flash-Designs in limitierter Auflage

Artists

Team aus drei spezialisierten Studios

Lernprojekt

Sechs Bühnen.
Eine Person.
Viel zu lernen.

Wenn du Fragen hast, Feedback geben willst oder einfach nur sagen möchtest, was dir aufgefallen ist — schreib mir eine Mail. Ich freue mich über jeden Hinweis.

Das ist meine private Lernseite. Ich biete hier keine Dienstleistungen an und nehme keine Aufträge entgegen. Feedback per Mail ist willkommen.