In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre
In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre
Screenshots:
Die Bilder auf der Website tragen zu einem sehr eleganten Aussehen bei und machen die Nutzung viel angenehmer. Der Text auf der Hauptseite ist kurz und klar, sodass sich der Leser anhand des Textes und der Fotos des Ortes leicht ein Bild davon machen kann, wie seine Erfahrung im Hotel sein wird. Für bestimmte Segmente (Kommentare von Personen) wird eine fette Schrift verwendet, sodass die Betonung auf der Erfahrung und dem Feedback des Kunden liegt, was sehr wichtig ist.
Zielgruppe:
Die Zielgruppe ist jeder, der daran interessiert ist, an diesen Ort zu reisen oder etwas zu feiern, wie einen Geburtstag, eine Hochzeit oder sogar ein business meeting. Dieses Objekt kann als Hotel genutzt oder für große Feiern gemietet werden, wodurch die Zielgruppe erweitert wird. Aufgrund des eleganten Aussehens der Seite und der sehr professionellen Bilder würde ich vermuten, dass die Zielgruppen aus mittleren oder höheren Schichten und aus nahe gelegenen Städten stammen
Link für Miro Board: https://miro.com/app/board/uXjVMd1Bew8=/
Gabriela und ich haben zusammengearbeitet.
Wir haben uns die Webseite von The Lincoln Hotel ausgesucht. Link: https://www.thelincolnhotel.com/
Für die fehlende Elemente haben wir die Unterseiten benutzt und diese sind z.B.: ,,Rooms´´, ,,Food and Drink´´, ,,Offers´´ usw.
Für diese Aufgabe haben wir das Website ,,Aqua Dome´´ ausgewählt, welche wir dann in ein 12-Spaltiges Raster gesetzt haben. Dabei haben wir mit Screenshots der Website und Figma gearbeitet. Ich habe zusammen mit Jelena gearbeitet.
Wir haben hier zwei verschiedene Raster verwendet, und zwar:
1. Raster: hier passen alle Texteblöcke perfekt, zusammen mit den Kontakt und anderen Blöcken mit weiteren Angeboten auf dem Website
2. Raster: hier haben die Bilder ein eigenes Raster, weil sie in das 1. Raster nicht richtig reingepasst haben
Link für Figma-Datei:
https://www.figma.com/file/Ur1NSvXyooHPTn68VrHpTh/Untitled?node-id=32-3&t=JROArfXTOcU1qont-0
Link für den Website:
Websites, die Titillium Web verwenden:
Typo-Websites als Inspiration:
https://www.milieugrotesque.com/typefaces/maison-neue/
https://readymag.com/almanac/typography/spectra-acumin-pro-c/
Ich habe diese Website für die Ableitung von Wireframe kit benutzt:
Link figma: https://www.figma.com/file/W9vQ7RSM8iJVdZyRNccbAI/Untitled?node-id=16-111&t=JbG26AJOjgI3PrXT-0
Bild 1: Alle Ableitungen, die ich gemacht habe
Bild 2 und 3: Beispiel Website, die ich gefunden habe (normale und mit Raster)
Bild 4: Details über das Raster (12 Spalten)
Bild 5: Erste einfache Ableitung nur mit Farben und Kasten
Bild 6,7,8 und 9: Ableitung mit Kasten für alles (für Texte auch)
Bild 10, 11 und 12: Ableitung ohne Kasten
Bild 13 und 14: Finale Ableitung (Wireframe Kit)
Link für das Video - Screen recording:
Link für Screen Recording: