Sommer 2023 HAW Hamburg

Spacing Generator

Ich habe den Spacing Generator zusammen mit Konrad Smyk und Jan Neumann im Rahmen des Projekts A an der HAW Hamburg erstellt.

Anforderungen

Unterstützung von verschiedenen Rechenmodellen:

Der Spacing Generator sollte die Möglichkeit bieten, verschiedene Rechenmodelle zur Generierung von Abständen zu nutzen, wie beispielsweise den Goldenen Schnitt, Perfect Fourth oder die Drittelungsregel.

Flexibilität bei der Einstellung von Abständen:

Der Generator sollte dem Benutzer erlauben, Abstände basierend auf seinen spezifischen Bedürfnissen einzustellen sowie die Anzahl der Spacings anzupassen.

Benutzerfreundlichkeit:

Der Spacing Generator sollte einfach zu bedienen sein, sodass selbst Designer ohne spezielle Programmierkenntnisse in der Lage sind, Abstände schnell und effektiv zu generieren.

Speichern von Spacings:

Der Generator sollte eine Benutzerverwaltungsfunktion bieten, mit der Benutzer ihre generierten Spacings speichern und später darauf zugreifen können.

Site Map

Die Landingpage hat grundsätzlich zwei Nutzen. Zum einen soll sie es wiederkehrenden Kunden ermöglichen, einfach zum Spacinggenerator bzw. zum Login der Seite zu gelangen. Zum anderen soll die Landingpage neuen Nutzern aufzeigen, was sie vom Produkt erwarten können, wer dahintersteckt und wo sie sich registrieren können.

Die Registrierung dient hauptsächlich dazu, Daten über den Nutzer zu sammeln und ein Konto anzulegen, über das der Nutzer später seine Daten absichern kann. Grundsätzlich sollten die Registrierung und der Login natürlich einfach zu bedienen sein.

Im Generator soll der Nutzer dann seine Spacings für seine Projekte generieren. Die Absätze werden anhand des vom Nutzer ausgewählten Verhältnisses berechnet und visualisiert.

Im Benutzerkonto kann der Nutzer seine Daten einsehen und benutzerspezifische Einstellungen vornehmen, falls diese benötigt werden.

Wireframes

Mockups

Weitere Projekte

Abschlussarbeit BMK

Projektrahmen:

Abschlussarbeit der Ausbildung zum Gestaltungstechnischen Assistenten an der BMK

Aufgabenbereiche:

Corporate Design, UI/UX Design, Frontend-Entwicklung

Tools:

in Design, Photoshop, Illustrator, HTML, CSS

Evengo Jobs Demo

Projektrahmen:

Studium an der Macromedia als Medien- und Kommunikationmanager

Aufgabenbereiche:

Konzept Entwicklung, Corporate Design, UI/UX Design, Implementierung

Tools:

Adobe XD, Photoshop, WordPress, Elementor, CSS

SEO Agentur Designvorschlag

Projektrahmen:

Freiberufliche Arbeit

Aufgabenbereiche:

Corporate Design, UI/UX Design

Tools:

InDesign

Abschlussarbeit BMK

Projektrahmen:

Abschlussarbeit der Ausbildung zum Gestaltungstechnischen Assistenten an der BMK

Aufgabenbereiche:

Corporate Design, UI/UX Design, Frontend-Entwicklung

Tools:

in Design, Photoshop, Illustrator, HTML, CSS

Evengo Jobs Demo

Projektrahmen:

Studium an der Macromedia als Medien- und Kommunikationmanager

Aufgabenbereiche:

Konzept Entwicklung, Corporate Design, UI/UX Design, Implementierung

Tools:

Adobe XD, Photoshop, WordPress, Elementor, CSS

SEO Agentur Designvorschlag

Projektrahmen:

Freiberufliche Arbeit

Aufgabenbereiche:

Corporate Design, UI/UX Design

Tools:

InDesign