Statische Website

Lena-Maria Design

Ich habe meine Portfolio als Website umgesetzt. Nach dem Wireframing, dem Farb- und Schriftkonzept und den fertigen Screens, konnte ich mit der Umsetzung in HTML, CSS und JavaScript beginnnen. Animierte Pfeile und Schlagwörter, GIFs oder Hover-Effekte machen die Website lebendig.

Website auf drei Devices
Farben der Website Screenshot der Screens in figma
Wireframes


In figma habe ich Wireframes, Assets und das finale Screendesign erstellt.

Screenshot des Codes aus Visual Code

Nach dem statischen HTML und CSS Grundgerüst habe ich das Design mit ein paar JavaScript-Elementen interaktiv gestaltet. Für den Bewerbungsprozess habe ich einen Passwortschutz eingerichtet. Außerdem ist die Website mit einem Desktop‑First Ansatz responsiv umgesetzt.