Cyberpunk
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 62 62" xmlns="http://www.w3.org/2000/svg"><defs ><clipPath id="GkzL7uZL9-2220687776-stroke"><use href="%23GkzL7uZL9-2220687776"/></clipPath><path d="M 31 0 C 48.121 0 62 13.879 62 31 C 62 48.121 48.121 62 31 62 C 13.879 62 0 48.121 0 31 C 0 13.879 13.879 0 31 0 Z" id="GkzL7uZL9-2220687776"/></defs><g d="M 31 0 C 48.121 0 62 13.879 62 31 C 62 48.121 48.121 62 31 62 C 13.879 62 0 48.121 0 31 C 0 13.879 13.879 0 31 0 Z M 48 31 L 16 31 M 27 19 L 16 31 L 27 43" fill="transparent" height="62px" id="g_gPnlJ5w" width="62px"><g d="M 31 0 C 48.121 0 62 13.879 62 31 C 62 48.121 48.121 62 31 62 C 13.879 62 0 48.121 0 31 C 0 13.879 13.879 0 31 0 Z M 48 31 L 16 31 M 27 19 L 16 31 L 27 43" fill="transparent" height="62px" id="OgotIV3B8" width="62px"><use fill="transparent" height="62px" href="%23GkzL7uZL9-2220687776" id="GkzL7uZL9" width="62px"/><use clip-path="url(%23GkzL7uZL9-2220687776-stroke)" fill="transparent" href="%23GkzL7uZL9-2220687776" stroke-dasharray="0" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-width="4" stroke="rgb(196, 196, 196)"/><path d="M 32 0 L 0 0" fill="transparent" height="1px" id="LlzEsCtJM" stroke-dasharray="0" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" stroke="rgb(170, 170, 170)" transform="translate(16 31)" width="32px"/><path d="M 11 0 L 0 12 L 11 24" fill="transparent" height="24px" id="Nudwr513M" stroke-dasharray="0" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" stroke="rgb(170, 170, 170)" transform="translate(16 19)" width="11px"/></g></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 62 62" xmlns="http://www.w3.org/2000/svg"><defs ><clipPath id="LFQTnnDsf-288486080-stroke"><use href="%23LFQTnnDsf-288486080"/></clipPath><path d="M 31 0 C 13.879 0 0 13.879 0 31 C 0 48.121 13.879 62 31 62 C 48.121 62 62 48.121 62 31 C 62 13.879 48.121 0 31 0 Z" id="LFQTnnDsf-288486080"/></defs><g d="M 31 0 C 13.879 0 0 13.879 0 31 C 0 48.121 13.879 62 31 62 C 48.121 62 62 48.121 62 31 C 62 13.879 48.121 0 31 0 Z M 14 31 L 46 31 M 35 19 L 46 31 L 35 43" fill="transparent" height="62px" id="IyC8K7uzS" width="62px"><use fill="transparent" height="62px" href="%23LFQTnnDsf-288486080" id="LFQTnnDsf" width="62px"/><use clip-path="url(%23LFQTnnDsf-288486080-stroke)" fill="transparent" href="%23LFQTnnDsf-288486080" stroke-dasharray="0" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-width="4" stroke="rgb(196, 196, 196)"/><path d="M 0 0 L 32 0" fill="transparent" height="1px" id="letub4s2X" stroke-dasharray="0" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" stroke="rgb(170, 170, 170)" transform="translate(14 31)" width="32px"/><path d="M 0 0 L 11 12 L 0 24" fill="transparent" height="24px" id="Ljiz6TXJF" stroke-dasharray="0" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" stroke="rgb(170, 170, 170)" transform="translate(35 19)" width="11px"/></g></svg>)
Cyberpunk
Cyberpunk
PROJEKTBESCHREIBUNG
Die Aufgabe des Projekts bestand darin, eine informative Website zur Netflix-Anime-Serie Cyberpunk Edgerunners zu konzipieren und gestalterisch umzusetzen. Ziel war es, Inhalte zur Serie verständlich aufzubereiten und gleichzeitig die visuelle Ästhetik sowie die Atmosphäre von Night City digital erlebbar zu machen.
PROJEKTBESCHREIBUNG
Die Aufgabe des Projekts bestand darin, eine informative Website zur Netflix-Anime-Serie Cyberpunk Edgerunners zu konzipieren und gestalterisch umzusetzen. Ziel war es,
Inhalte zur Serie verständlich aufzubereiten und gleichzeitig die visuelle Ästhetik sowie die Atmosphäre von Night City digital erlebbar zu machen.
PROJEKTBESCHREIBUNG
Die Aufgabe des Projekts bestand darin, eine informative Website zur Netflix-Anime-Serie Cyberpunk Edgerunners zu konzipieren und gestalterisch umzusetzen. Ziel war es, Inhalte zur Serie verständlich aufzubereiten und gleichzeitig die visuelle Ästhetik
sowie die Atmosphäre von Night City digital erlebbar
zu machen.
LEISTUNGEN
Webdesign
LEISTUNGEN KONTEXT
Webdesign F+F Schule
LEISTUNGEN
Webdesign
KONTEXT
F+F Schule
KONTEXT
F+F Schule
Alina Perrenoud
Kontakt:
alina.perrenoud@gmail.com
Kontakt:
alina.perrenoud@gmail.com
Adresse:
Alte Forchstrasse 16
8126 Zumikon
Schweiz
Adresse:
Alte Forchstrasse 16
8126 Zumikon
Schweiz
MOBILE-FIRST
FIGMA
Prototype Mobile-First
Desktop
WEBDESIGN
Dieses Projekt hat mir gezeigt, wie wichtig es ist, eine bestehende visuelle Welt zu verstehen und gestalterisch weiterzudenken, ohne dabei die Nutzerfreundlichkeit aus den Augen zu verlieren.
Dieses Projekt hat mir gezeigt, wie wichtig es ist, eine bestehende visuelle Welt zu verstehen und gestalterisch weiterzudenken, ohne dabei die Nutzerfreundlichkeit aus den Augen zu verlieren.