Incom ist die Kommunikations-Plattform der Hochschule Hof Kommunikationsdesign

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Hochschule Hof Kommunikationsdesign mehr erfahren

Registrieren Einloggen
Impressum Kontakt Datenschutz Barrierefreiheit
Typo-Website - Space Grotesk

Typo-Website - Space Grotesk

 

Workshop Interaktion / Module Web

Ich habe in einer dreier Gruppe mit Hannah und Eliz die Website von Atmoslamp ausgewertet.

Bildschirmfoto 2025-07-20 um 12.30.30.png
©Minou Melzer
Bildschirmfoto 2025-07-20 um 12.30.30.pngBildschirmfoto 2025-07-20 um 12.30.30.png
Bildschirmfoto 2025-07-20 um 12.30.43.pngBildschirmfoto 2025-07-20 um 12.30.43.png
Bildschirmfoto 2025-07-20 um 12.36.46.pngBildschirmfoto 2025-07-20 um 12.36.46.png
Bildschirmfoto 2025-07-20 um 12.34.19.pngBildschirmfoto 2025-07-20 um 12.34.19.png
Bildschirmfoto 2025-07-20 um 12.35.08.pngBildschirmfoto 2025-07-20 um 12.35.08.png
Bildschirmfoto 2025-07-20 um 12.35.59.pngBildschirmfoto 2025-07-20 um 12.35.59.png
Bildschirmfoto 2025-07-20 um 12.36.15.pngBildschirmfoto 2025-07-20 um 12.36.15.png

Website-Raster: Analyse Websites allgemein

Bildschirmfoto 2025-04-13 um 22.47.12.png
©Minou Melzer
Bildschirmfoto 2025-04-13 um 22.47.12.pngBildschirmfoto 2025-04-13 um 22.47.12.png
Bildschirmfoto 2025-04-13 um 22.47.31.pngBildschirmfoto 2025-04-13 um 22.47.31.png
Bildschirmfoto 2025-04-13 um 22.47.44.pngBildschirmfoto 2025-04-13 um 22.47.44.png

Bildschirmfoto 2025-04-13 um 22.48.45.png
©Minou Melzer
Bildschirmfoto 2025-04-13 um 22.48.45.pngBildschirmfoto 2025-04-13 um 22.48.45.png
Bildschirmfoto 2025-04-13 um 22.49.00.pngBildschirmfoto 2025-04-13 um 22.49.00.png

Raster und Rhythmus

Bildschirmfoto 2025-04-13 um 22.57.00.png
©Minou Melzer
Bildschirmfoto 2025-04-13 um 22.57.00.pngBildschirmfoto 2025-04-13 um 22.57.00.png
Bildschirmfoto 2025-04-13 um 22.58.28.pngBildschirmfoto 2025-04-13 um 22.58.28.png
Bildschirmfoto 2025-04-13 um 22.57.56.pngBildschirmfoto 2025-04-13 um 22.57.56.png
Bildschirmfoto 2025-04-13 um 22.58.16.pngBildschirmfoto 2025-04-13 um 22.58.16.png
Bildschirmfoto 2025-04-13 um 22.57.18.pngBildschirmfoto 2025-04-13 um 22.57.18.png
Bildschirmfoto 2025-04-13 um 22.58.44.pngBildschirmfoto 2025-04-13 um 22.58.44.png

Rasterzusammenfügung

IMG_7975 2.JPG
©Minou Melzer
IMG_7975 2.JPGIMG_7975 2.JPG

Reinzeichnung

Bildschirmfoto 2025-04-23 um 18.23.33.png
©Minou Melzer
Bildschirmfoto 2025-04-23 um 18.23.33.pngBildschirmfoto 2025-04-23 um 18.23.33.png
Bildschirmfoto 2025-04-23 um 18.23.45.pngBildschirmfoto 2025-04-23 um 18.23.45.png
Bildschirmfoto 2025-04-23 um 18.24.11.pngBildschirmfoto 2025-04-23 um 18.24.11.png
Bildschirmfoto 2025-04-23 um 18.24.20.pngBildschirmfoto 2025-04-23 um 18.24.20.png
Bildschirmfoto 2025-04-23 um 18.24.32.pngBildschirmfoto 2025-04-23 um 18.24.32.png

Typo-Website

PDF SpaceGrotesk.pdf
©Minou Melzer
SpaceGrotesk.pdf PDF SpaceGrotesk.pdf

Moodboard

Moodboard 2.jpg
©Minou Melzer
Moodboard 2.jpgMoodboard 2.jpg
Moodboard 1.jpgMoodboard 1.jpg
Moodboard 3.jpgMoodboard 3.jpg

Eine Sektion in drei Stilen

Bildschirmfoto 2025-04-24 um 10.36.44.png
©Minou Melzer
Bildschirmfoto 2025-04-24 um 10.36.44.pngBildschirmfoto 2025-04-24 um 10.36.44.png
Bildschirmfoto 2025-04-24 um 10.37.06.pngBildschirmfoto 2025-04-24 um 10.37.06.png
Bildschirmfoto 2025-04-24 um 10.38.02.pngBildschirmfoto 2025-04-24 um 10.38.02.png

2 Varianten

Bildschirmfoto 2025-05-07 um 17.04.54.png
©Minou Melzer
Bildschirmfoto 2025-05-07 um 17.04.54.pngBildschirmfoto 2025-05-07 um 17.04.54.png
Bildschirmfoto 2025-05-07 um 17.05.05.pngBildschirmfoto 2025-05-07 um 17.05.05.png
Bildschirmfoto 2025-05-07 um 17.05.16.pngBildschirmfoto 2025-05-07 um 17.05.16.png
Bildschirmfoto 2025-05-07 um 17.05.27.pngBildschirmfoto 2025-05-07 um 17.05.27.png
Bildschirmfoto 2025-05-07 um 17.05.38.pngBildschirmfoto 2025-05-07 um 17.05.38.png
Bildschirmfoto 2025-05-07 um 17.05.50.pngBildschirmfoto 2025-05-07 um 17.05.50.png
Bildschirmfoto 2025-05-07 um 17.06.25.pngBildschirmfoto 2025-05-07 um 17.06.25.png
Bildschirmfoto 2025-05-07 um 17.06.15.pngBildschirmfoto 2025-05-07 um 17.06.15.png
Bildschirmfoto 2025-05-07 um 17.06.04.pngBildschirmfoto 2025-05-07 um 17.06.04.png
Bildschirmfoto 2025-05-07 um 17.06.42.pngBildschirmfoto 2025-05-07 um 17.06.42.png

Bildschirmfoto 2025-05-07 um 17.01.45.png
©Minou Melzer
Bildschirmfoto 2025-05-07 um 17.01.45.pngBildschirmfoto 2025-05-07 um 17.01.45.png
Bildschirmfoto 2025-05-07 um 17.01.56.pngBildschirmfoto 2025-05-07 um 17.01.56.png
Bildschirmfoto 2025-05-07 um 17.02.44.pngBildschirmfoto 2025-05-07 um 17.02.44.png
Bildschirmfoto 2025-05-07 um 17.02.57.pngBildschirmfoto 2025-05-07 um 17.02.57.png
Bildschirmfoto 2025-05-07 um 17.03.11.pngBildschirmfoto 2025-05-07 um 17.03.11.png
Bildschirmfoto 2025-05-07 um 17.03.25.pngBildschirmfoto 2025-05-07 um 17.03.25.png
Bildschirmfoto 2025-05-07 um 17.03.39.pngBildschirmfoto 2025-05-07 um 17.03.39.png
Bildschirmfoto 2025-05-07 um 17.03.52.pngBildschirmfoto 2025-05-07 um 17.03.52.png
Bildschirmfoto 2025-05-07 um 17.04.03.pngBildschirmfoto 2025-05-07 um 17.04.03.png
Bildschirmfoto 2025-05-07 um 17.04.14.pngBildschirmfoto 2025-05-07 um 17.04.14.png
Bildschirmfoto 2025-05-07 um 17.04.28.pngBildschirmfoto 2025-05-07 um 17.04.28.png
Bildschirmfoto 2025-05-07 um 17.04.41.pngBildschirmfoto 2025-05-07 um 17.04.41.png

Bildschirmfoto 2025-05-07 um 21.53.22.png
©Minou Melzer
Bildschirmfoto 2025-05-07 um 21.53.22.pngBildschirmfoto 2025-05-07 um 21.53.22.png
Bildschirmfoto 2025-05-07 um 21.53.39.pngBildschirmfoto 2025-05-07 um 21.53.39.png
Bildschirmfoto 2025-05-07 um 21.54.14.pngBildschirmfoto 2025-05-07 um 21.54.14.png
Bildschirmfoto 2025-05-07 um 21.54.27.pngBildschirmfoto 2025-05-07 um 21.54.27.png

Styleguide

Finale Variante

- Klare Linien in der Typo

- sehr große Typo und sehr kleine

- schlichte Farben für Hintergrund und Typo

Bildschirmfoto 2025-05-11 um 22.42.39.png
©Minou Melzer
Bildschirmfoto 2025-05-11 um 22.42.39.pngBildschirmfoto 2025-05-11 um 22.42.39.png
Bildschirmfoto 2025-05-11 um 22.42.52.pngBildschirmfoto 2025-05-11 um 22.42.52.png
Bildschirmfoto 2025-05-11 um 22.43.06.pngBildschirmfoto 2025-05-11 um 22.43.06.png
Bildschirmfoto 2025-05-11 um 22.43.17.pngBildschirmfoto 2025-05-11 um 22.43.17.png
Bildschirmfoto 2025-05-11 um 22.43.29.pngBildschirmfoto 2025-05-11 um 22.43.29.png

Bildschirmfoto 2025-05-11 um 22.45.30.png
©Minou Melzer
Bildschirmfoto 2025-05-11 um 22.45.30.pngBildschirmfoto 2025-05-11 um 22.45.30.png
Bildschirmfoto 2025-05-11 um 22.46.24.pngBildschirmfoto 2025-05-11 um 22.46.24.png
Bildschirmfoto 2025-05-11 um 22.46.47.pngBildschirmfoto 2025-05-11 um 22.46.47.png
Bildschirmfoto 2025-05-11 um 22.46.35.pngBildschirmfoto 2025-05-11 um 22.46.35.png
Bildschirmfoto 2025-05-11 um 22.46.59.pngBildschirmfoto 2025-05-11 um 22.46.59.png

Bildschirmfoto 2025-05-22 um 18.30.26.png
©Minou Melzer
Bildschirmfoto 2025-05-22 um 18.30.26.pngBildschirmfoto 2025-05-22 um 18.30.26.png
Bildschirmfoto 2025-05-22 um 18.33.45.pngBildschirmfoto 2025-05-22 um 18.33.45.png
Bildschirmfoto 2025-05-22 um 18.34.18.pngBildschirmfoto 2025-05-22 um 18.34.18.png
Bildschirmfoto 2025-05-22 um 18.52.39.pngBildschirmfoto 2025-05-22 um 18.52.39.png

Bildschirmfoto 2025-06-05 um 10.01.45.png
©Minou Melzer
Bildschirmfoto 2025-06-05 um 10.01.45.pngBildschirmfoto 2025-06-05 um 10.01.45.png
Bildschirmfoto 2025-06-05 um 10.03.54.pngBildschirmfoto 2025-06-05 um 10.03.54.png
Bildschirmfoto 2025-06-05 um 10.03.28.pngBildschirmfoto 2025-06-05 um 10.03.28.png
Bildschirmfoto 2025-06-05 um 10.03.40.pngBildschirmfoto 2025-06-05 um 10.03.40.png
Bildschirmfoto 2025-06-05 um 10.02.55.pngBildschirmfoto 2025-06-05 um 10.02.55.png
Bildschirmfoto 2025-06-05 um 10.02.26.pngBildschirmfoto 2025-06-05 um 10.02.26.png
Bildschirmfoto 2025-06-05 um 10.04.08.pngBildschirmfoto 2025-06-05 um 10.04.08.png
Bildschirmfoto 2025-06-05 um 10.04.18.pngBildschirmfoto 2025-06-05 um 10.04.18.png
Bildschirmfoto 2025-06-05 um 10.04.28.pngBildschirmfoto 2025-06-05 um 10.04.28.png
Bildschirmfoto 2025-06-05 um 10.04.40.pngBildschirmfoto 2025-06-05 um 10.04.40.png
Bildschirmfoto 2025-06-05 um 10.04.55.pngBildschirmfoto 2025-06-05 um 10.04.55.png
Bildschirmfoto 2025-06-05 um 10.05.05.pngBildschirmfoto 2025-06-05 um 10.05.05.png

Animationen

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
EmbedPreviewImage-sddefault.jpg
©Minou Melzer
YouTube

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
EmbedPreviewImage-sddefault.jpg

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
EmbedPreviewImage-sddefault.jpg
©Minou Melzer
YouTube

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
EmbedPreviewImage-sddefault.jpg

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
EmbedPreviewImage-maxresdefault.jpg
©Minou Melzer
YouTube

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
EmbedPreviewImage-maxresdefault.jpg

Reinzeichnung Desktop

Bildschirmfoto 2025-07-21 um 14.11.42.png
©Minou Melzer
Bildschirmfoto 2025-07-21 um 14.11.42.pngBildschirmfoto 2025-07-21 um 14.11.42.png
Bildschirmfoto 2025-07-21 um 14.11.53.pngBildschirmfoto 2025-07-21 um 14.11.53.png
Bildschirmfoto 2025-07-21 um 14.12.04.pngBildschirmfoto 2025-07-21 um 14.12.04.png
Bildschirmfoto 2025-07-21 um 14.12.14.pngBildschirmfoto 2025-07-21 um 14.12.14.png
Bildschirmfoto 2025-07-21 um 14.12.27.pngBildschirmfoto 2025-07-21 um 14.12.27.png

Reinzeichnung Handy

Bildschirmfoto 2025-07-21 um 14.09.52.png
©Minou Melzer
Bildschirmfoto 2025-07-21 um 14.09.52.pngBildschirmfoto 2025-07-21 um 14.09.52.png
Bildschirmfoto 2025-07-21 um 14.10.05.pngBildschirmfoto 2025-07-21 um 14.10.05.png
Bildschirmfoto 2025-07-21 um 14.10.16.pngBildschirmfoto 2025-07-21 um 14.10.16.png
Bildschirmfoto 2025-07-21 um 14.10.26.pngBildschirmfoto 2025-07-21 um 14.10.26.png
Bildschirmfoto 2025-07-21 um 14.10.38.pngBildschirmfoto 2025-07-21 um 14.10.38.png
Bildschirmfoto 2025-07-21 um 14.10.59.pngBildschirmfoto 2025-07-21 um 14.10.59.png

Screencast

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
EmbedPreviewImage-sddefault.jpg
©Minou Melzer
YouTube

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
EmbedPreviewImage-sddefault.jpg

Figma-Link Prototyp

https://www.figma.com/proto/fD2TF1ZHzXRyyFyr7P29pv/Digital-Design-II?page-id=492%3A622&node-id=493-1943&p=f&viewport=1830%2C1217%2C0.2&t=6kSlKF2JBLfUgK6b-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=493%3A1943&show-proto-sidebar=1

Figma-Link Prototyp Handy

https://www.figma.com/proto/fD2TF1ZHzXRyyFyr7P29pv/Digital-Design-II?page-id=804%3A2033&node-id=804-2034&viewport=216%2C219%2C0.42&t=ZMNiKUqpOmUoSvxk-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=804%3A2034

Durch das Anzeigen des Inhalts von Figma akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

Figma vertrauen und Inhalt immer anzeigen
Video:Figma
©Minou Melzer
Figma

Durch das Anzeigen des Inhalts von Figma akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

Figma vertrauen und Inhalt immer anzeigen
Video:Figma

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Zugehöriger Workspace

Digital Design II

Entstehungszeitraum

Sommersemester 2025