Screens

Print to Mobile

Von am 05.10.2023

Print2Mobile stellt das Initialprojekt unserer Masterklasse “Mobile” da. Die Anforderungen an uns waren recht simpel gehalten. Wir sollten mit QR Codes arbeiten, die auf einem Druckprodukt platziert werden und mit dem Mobilgerät eingescannt, zu unserem Produkt führen soll. Ziel dieses Projekts war es, möglichst viele Personen über ein Printprodukt, und ohne Eintippen einer URL, zu einer mobilen Applikation zu führen, welche sinnvoll sein sollte. Da ich schon längere Zeit darüber nachdachte eine Portfolio Website zu erstellen, stellte das die perfekte Möglichkeit dar.

Umsetzung

Als Printprodukt habe ich Visitenkarten umgesetzt, die meine Kontaktdaten und den QR Code, der zu meinem Produkt führt, beinhalten. Mein Ziel war es die Website in Beige und Grautönen zu gestalten, daher wurde dies auch in der Visitenkarte widergespiegelt.

Hauptfokus lag auf der Schriftart, die für die Abbildung meines Namens gewählt wurde. Diese Schriftart sollte später auch auf der Website aufgegriffen werden.


Die Umsetzung meiner Website erfolgte mithilfe des Frontend-Frameworks Angular, wobei das hauptsächlich dem einfachen Anlegen der einzelnen Komponenten und der übergreifenden Menü- und Footerstruktur zuzurechnen war. Die Website wurde mithilfe von HTML, teils Vanilla CSS, teils Bootstrap und Typescript erstellt.

Fazit und mögliche Erweiterungen

Die Umsetzung des Projektes hat mir großen Spaß gemacht, war aber durch den zeitlichen Druck auch etwas stressig und schaffte einige Herausforderungen. Meine größten Probleme hatte ich mit der richtigen Einstellung des Routings, sodass mein Home Component als erstes erscheint, wenn die Website geöffnet wird und nicht der App Component. Nach einiger Zeit und Recherche konnte ich das Problem jedoch beheben und der Rest des Projektes verlief relativ problemfrei.

Das Portfolio kann beziehungsweise wird während des Studiums laufend erweitert um Projekte, die ich umsetzen werde. Als Feedback wurde mir außerdem mitgeteilt, dass die Website sich gut dafür eignet, sie am Ende des Masters für meine Portfoliopräsentation zu verwenden. Das werde ich definitiv in Erwägung ziehen.

The comments are closed.