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

DIY Lampen

Arbeitstitel und Bild

DIY Lampen:

WhatsApp Bild 2023-12-12 um 00.00.17_7ebd9f58.jpgWhatsApp Bild 2023-12-12 um 00.00.17_7ebd9f58.jpg

Grundideen:

Folie3.PNGFolie3.PNG
Folie2.PNGFolie2.PNG
Folie1.PNGFolie1.PNG
Folie4.PNGFolie4.PNG
Folie5.PNGFolie5.PNG

Die erste Idee für das Projekt besteht darin, Lampen aus verschiedenen Materialien wie Schalen, Vasen, alten Glasflaschen usw. herzustellen. Zu dieser Idee gehört das Recycling alter Dinge, was gut für unsere Umwelt ist, aber auch die Verwendung neuer Materialien, die nicht teuer sind, damit alle Lampen ohne große Kosten hergestellt werden können und trotzdem schön aussehen. Lampen sind ein wichtiger Bestandteil jedes Zuhauses wegen des Lichts und verbessern den Raum. Daher ist es wichtig, dass sie zu unserer Ästhetik passen.

Die zweite Projektidee besteht darin, Schmuck aus Materialien wie Ton, Perlen, Basteldraht oder Polymer Modellierton herzustellen. Hier werden die Herstellungsmethoden und -techniken gezeigt, Informationen über Schmuck im Laufe der Geschichte und über das Material, woher er kommt und warum er gut für den Gebrauch geeignet ist. Außerdem gäbe es Tipps zum Bemalen/Lackieren von Ton.

Dekorationen und Schalen aus Ton herzustellen ist meine dritte Idee. Das Gestalten mit Ton ist ein sehr interessanter Prozess, der viel Zeit und Übung erfordert. Meine Idee ist es daher, meine DIY-Projekte mit Tipps zum Malen, Basteln und Dekorieren sowie einem Interview mit einer Person zu zeigen, die ein Experte auf diesem Gebiet ist. Ich finde es schön, Ratschläge zu hören und die Arbeit von jemandem zu sehen, der das schon seit Jahren macht, und diese Person hat seinen eigenen Laden, in dem er Teller und Tassen herstellt, und die Leute können sich einen aussuchen und ihn bemalen, und die Laden findet sich in Bayreuth.

Andere Ideen, die ich hatte, waren Malen, Dekorationen aus Naturmaterialien herstellen, Glasflaschen recyceln und Taschen aus Altkleidern herstellen, was alles mit ,,Reuse'' und Recycling zu tun hat.

Screenshot (643).pngScreenshot (643).png

Screenshot (656).pngScreenshot (656).png
Screenshot (654).pngScreenshot (654).png
Screenshot (657).pngScreenshot (657).png

Kurzbeschreibung Projekt:

DIY Lampen ist das Thema meiner Website, auf der es darum geht, 3 DIY-Projekte mit detaillierten Schritt-für-Schritt-Erklärungen, Bildern, allen notwendigen Materialien zuerst als Illustrationen und dann dem Preis und wo genau sie erhältlich sind, zu zeigen. Darüber hinaus bietet diese Website Erklärungen, warum Lampen heutzutage teuer sind und warum wir unsere eigenen Lampen und Projekte herstellen sollten, zeigt die positiven Seiten des DIYs und zusätzliche Informationen wie Fun Facts, eine Zeitleiste mit berühmten Klassikern der Geschichte und Informationen über Glühbirne und Lampen im Allgemeinen. Ich wollte, dass die Website andere dazu ermutigt, mit ihren eigenen Händen etwas Schönes zu machen, aber gleichzeitig auch lehrreich ist, damit wir neue Sachen lernen.

Lampen sehen heutzutage ziemlich gleich aus und sind in der Regel sehr teuer. Es gibt also keinen Grund, warum wir nicht selbst etwas ausprobieren sollten. Es gibt uns Selbstvertrauen, Willen und Glück, dass wir etwas in der Wohnung haben, das niemand sonst hat und das praktisch und schön für das Auge ist.

Formulierung Ausgangssituation, Problem, Lösung

Als ich nach Münchberg gezogen bin, wollte ich dekorative Elemente für die neue Wohnung finden. Eines der Dinge, mit denen ich Probleme hatte, waren die Lampen. Die meisten Lampen, die man heute im Handel findet, sind sehr minimalistisch und sehen gleich aus, sodass sie in jedes Zuhause/jede Wohnung passen. Ihr Fokus bei der Produktion liegt auf der Funktionalität und nicht so sehr auf der Ästhetik, wichtig ist, dass sie gut funktionieren, nicht so auffällig sind und dass sie einfach gebaut sind. Wenn wir uns die Preise einiger ästhetischer Lampen ansehen, sind ihre Preise sehr hoch und beginnen bei 100 Euro und manchmal kosten bis 1000 Euro, was sehr hoch ist. Aber warum ist das so?

Die Qualität der verwendeten Leuchtmittel und der verwendete Typ können eine Rolle spielen, da manche Lampen einem Raum eine ganz besondere Art von Beleuchtung und Atmosphäre verleihen.

Farben, ungewöhnliche Formen, verwendete Materialien, Verarbeitung sowie spezielle Techniken und Mechanismen erhöhen den Preis von Lampen. Wenn es spezielle Glasschneidetechniken gibt oder teurere Materialien verwendet werden, ist die Herstellung selbst deutlich schwieriger und länger, was zu einer Erhöhung des Preises führt. Manchmal spielt es keine Rolle, ob die Konstruktion kompliziert ist, sondern ob es sich um einen Klassiker oder eine Antiquität handelt. Klassiker können sehr einfach sein, aber weil sie im Laufe der Geschichte beliebt waren, steigern sie ihren Wert.

Die Lösung für dieses Problem besteht darin, dass wir, anstatt Hunderte von Euro für etwas auszugeben, das zu unserer Ästhetik passt, Lampen für weniger als 20 Euro selbst herstellen könnten. Ich habe recherchiert und drei DIY-Projekte entwickelt, die einfach umzusetzen sind, gut funktionieren, zu meiner Ästhetik passen und gut leuchten.

Recherche, Inhalte, Daten und Quellen

Recherche der Inhalte und Quellen:

Folie2.PNGFolie2.PNG
Folie1.PNGFolie1.PNG
Folie4.PNGFolie4.PNG
Folie3.PNGFolie3.PNG

Texte für die Webseite:

Texte für die Webseite.pdf PDF Texte für die Webseite.pdf

Lampen, die ich gemacht habe:

IMG-20240109-WA0038.jpgIMG-20240109-WA0038.jpg
WhatsApp Bild 2023-12-11 um 23.36.41_19fff061.jpgWhatsApp Bild 2023-12-11 um 23.36.41_19fff061.jpg
WhatsApp Bild 2023-12-12 um 00.00.17_7ebd9f58.jpgWhatsApp Bild 2023-12-12 um 00.00.17_7ebd9f58.jpg
WhatsApp Bild 2023-12-12 um 00.00.17_8d12790b.jpgWhatsApp Bild 2023-12-12 um 00.00.17_8d12790b.jpg
IMG-20240109-WA0039.jpgIMG-20240109-WA0039.jpg
WhatsApp Bild 2023-12-11 um 23.36.40_a3228c6d.jpgWhatsApp Bild 2023-12-11 um 23.36.40_a3228c6d.jpg

Storyline, Spannungsbogen, Mindmap

IMG_20231114_0001.jpgIMG_20231114_0001.jpg
IMG_20231114_000egtd1.jpgIMG_20231114_000egtd1.jpg

Die Website soll entweder nach Ordnungssystem geordnet sein oder nach einem Spannungsbogen aufgebaut werden.

Im Ordnungssystem wurden Kategorien, Zeit, Ort, Zufall usw. ausprobiert, aber die Kategorien machten am meisten Sinn, wobei ich zusätzlich andere Unterteilungen verwendet habe (Wie ,,Zahl'' für Preise/Fakten/Jahren, oder ,,Zeit'' für Geschichte/Design von Lampen heutzutage) um alles zu vervollständigen und mehr Ideen zu bekommen.

Spannungsbogen erläutert zunächst das Problem hoher Preise und die Gründe dafür. Dann geht es weiter mit dem Infoteil, in dem Fakten, Klassiker und Informationen zur Geschichte vorgestellt werden, um einen besseren Einblick in das Thema zu bekommen. Höhepunkt sind selbstgemachte Lampen mit Bildern, Texten und Erklärungen sowie Preisen, das ist das Zentralpunkt der Webseite. Anschließend wird die hergestellte Lampe mit der Lampe in Laden verglichen und festgestellt, wie ähnlich bzw. unterschiedlich sie sind und warum. Schließlich geht es darum, wie DIYs unser Leben verbessern können, wobei die Leser Ermutigung und Bestätigung erhalten, dass sie generell weiterhin Sachen herstellen sollten und kreativ zu sein, was dazu führt, dass sich der Leser am Ende der Webseite erfolgreich und gut fühlt.

Screenshot (57).pngScreenshot (57).png

Screenshot (58).pngScreenshot (58).png

Skizzen, erste Layouts, erste Prototypen

1. Wireframe, nach Ordnungssystem geordnet:

Screenshot (265).pngScreenshot (265).png
Screenshot (266).pngScreenshot (266).png
Screenshot (267).pngScreenshot (267).png
Screenshot (270).pngScreenshot (270).png
Screenshot (278).pngScreenshot (278).png
Screenshot (269).pngScreenshot (269).png
Screenshot (268).pngScreenshot (268).png

2. Wireframe, nach dem Spannungsbogen geordnet:

Screenshot (285).pngScreenshot (285).png
Screenshot (283).pngScreenshot (283).png
Screenshot (284).pngScreenshot (284).png
Screenshot (288).pngScreenshot (288).png
Screenshot (286).pngScreenshot (286).png
Screenshot (287).pngScreenshot (287).png
Screenshot (289).pngScreenshot (289).png
Screenshot (290).pngScreenshot (290).png
Screenshot (291).pngScreenshot (291).png

Erste Versuche:

Screenshot (119).pngScreenshot (119).png
Screenshot (118).pngScreenshot (118).png
Screenshot (120).pngScreenshot (120).png
Screenshot (121).pngScreenshot (121).png

Moodboard

Für die Moodboards hatte ich Pastellfarben, ein sehr farbenfrohes und buntes Moodboard mit vielen Outlines und ein zum Thema Licht (dunkle Website-Farbe, damit die Lampen und ihr Licht im Fokus bleiben)

Screenshot (91).pngScreenshot (91).png
Screenshot (92).pngScreenshot (92).png
Screenshot (95).pngScreenshot (95).png

Designvarianten

Screenshot (117).pngScreenshot (117).png

1. Design-Variante mit Farbverläufen, Fotos und Lichterketten:

Screenshot (99).pngScreenshot (99).png
Screenshot (98).pngScreenshot (98).png
Screenshot (97).pngScreenshot (97).png
Screenshot (100).pngScreenshot (100).png
Screenshot (101).pngScreenshot (101).png
Screenshot (102).pngScreenshot (102).png

2. Design-Variante mit Schwarz-weiß, Illus, schlichteren Design, auffälligen Schrift, Neon-Effekten:

Screenshot (104).pngScreenshot (104).png
Screenshot (105).pngScreenshot (105).png
Screenshot (103).pngScreenshot (103).png
Screenshot (106).pngScreenshot (106).png
Screenshot (107).pngScreenshot (107).png
Screenshot (108).pngScreenshot (108).png

3. Design-Variante mit bunten Farben (blau, gelb, orange), Illus und Glühbirne als Hauptsymbol:

Screenshot (109).pngScreenshot (109).png
Screenshot (110).pngScreenshot (110).png
Screenshot (111).pngScreenshot (111).png
Screenshot (112).pngScreenshot (112).png
Screenshot (115).pngScreenshot (115).png
Screenshot (114).pngScreenshot (114).png
Screenshot (113).pngScreenshot (113).png
Screenshot (116).pngScreenshot (116).png

Finales Design - Desktop

Beim endgültigen Design habe ich mich auf die 2. Designvariante konzentriert und weiter daran gearbeitet. Ich habe Lichterketten als Titel und Foto-Slider hinzugefügt, einen horizontalen Scroll hinzugefügt und andere Änderungen vorgenommen. Die Farben sind Schwarz, Weiß und Türkis. Alle Illustrationen habe ich in Illustrator gemacht.

Figma File: https://www.figma.com/file/jqQqgxyvFwL1ELEQkZZ8KQ/Digital-Storytelling?type=design&node-id=0-1&mode=design&t=sJbulQMMYItQW5mn-0

Desktop Variante:

Screenshot (292).pngScreenshot (292).png
Screenshot (294).pngScreenshot (294).png
Screenshot (293).pngScreenshot (293).png
Screenshot (296).pngScreenshot (296).png
Screenshot (304).pngScreenshot (304).png
Screenshot (295).pngScreenshot (295).png
Screenshot (300).pngScreenshot (300).png
Screenshot (308).pngScreenshot (308).png
Screenshot (310).pngScreenshot (310).png
Screenshot (325).pngScreenshot (325).png
Screenshot (326).pngScreenshot (326).png
Screenshot (328).pngScreenshot (328).png
Screenshot (329).pngScreenshot (329).png

Finales Design - Mobile Variante

Screenshot (332).pngScreenshot (332).png
Screenshot (330).pngScreenshot (330).png
Screenshot (331).pngScreenshot (331).png
Screenshot (334).pngScreenshot (334).png
Screenshot (333).pngScreenshot (333).png
Screenshot (335).pngScreenshot (335).png
Screenshot (336).pngScreenshot (336).png
Screenshot (337).pngScreenshot (337).png
Screenshot (338).pngScreenshot (338).png
Screenshot (339).pngScreenshot (339).png
Screenshot (340).pngScreenshot (340).png

Prototyp/Testing

Screenshot (551).pngScreenshot (551).png

Finaler Prototyp / Link Figma, Webflow

Styleguide

Styleguide (1).jpgStyleguide (1).jpg

Screencast

Desktop Variante:

https://youtu.be/Ot4T-nB_OXY

Mobile Variante:

https://youtu.be/y9_u_jVDN3M

Präsentationsvideo

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Zugehöriger Workspace

Digital Storytelling (KD3)

Entstehungszeitraum

Wintersemester 2023 / 2024