Christoph Hitz.
Portfolio

Ein Portfolio, bei dem die Fotos im Mittelpunkt stehen

Patrick Alex Medina fotografiert Editorials, Events, Reportagen und Porträts. Aus seinen Figma-Entwürfen habe ich eine schlanke, schnelle Website gebaut.

KundeStudio Medina
BrancheFotografie
LeistungUmsetzung nach Figma, Hosting
Adressestudiomedina.co
studiomedina.co
Screenshot der Website von Studio Medina
Ausgangslage

Wo der Kunde stand

Patrick hatte eine klare Vorstellung und fertige Entwürfe in Figma, aber noch keine Website. Für einen Fotografen zählt vor allem eines: Die Bilder müssen wirken, ohne dass Design oder Ladezeiten stören.

Vorgehen

Wie ich es angegangen bin

Ich habe das Design ohne Baukasten in schlankem HTML, CSS und JavaScript umgesetzt, damit die Seite schnell lädt und genau wie im Entwurf aussieht. Danach habe ich die Seite online gestellt.

Ergebnis

Was dabei herauskam

Eine ruhige, schnelle Portfolio-Seite. Auf der Startseite läuft eine Diashow auf der halben Bildschirmbreite, die Kategorien sind über ein Vollbild-Menü erreichbar. Auf dem Handy passt sich alles an.

Umsetzung

Was ich gemacht habe

  • Figma-Design umgesetztPixelgenau nach den Entwürfen, ohne Baukasten und ohne unnötigen Ballast.
  • Startseite mit DiashowHalber Bildschirm Weiss, halber Bildschirm Foto, mit automatischem Bildwechsel.
  • Sieben BildserienEditorial, Event, Experience, Portrait, Reportage, Ceremony und Still Life, jeweils mit eigener Galerie.
  • Navigation und HeaderVollbild-Menü und ein Logo, das sich farblich jedem Foto anpasst.
  • Für Google vorbereitetSeitentitel, Beschreibungen und Vorschaubilder für Suchmaschinen und Social Media.
  • Online gestelltHosting eingerichtet und die Seite unter der eigenen Adresse aufgeschaltet.
Studio Medina auf dem Handy

So sieht die Seite auf dem Handy aus.

Einblicke

Weitere Ansichten

Ein paar Ausschnitte aus dem fertigen Projekt.

Vom Entwurf zur fertigen Bühne für die Bilder

Patrick hat ein Portfolio, das seine Arbeit für sich sprechen lässt, schnell lädt und das er gezielt Kunden aus Mode und Editorial zeigen kann.

Ähnliches Projekt besprechen