UX/UI
GETEC Immobilien
Während meiner Zeit bei B:SiGN war ich an verschiedenen Webprojekten beteiligt – von der konzeptionellen Planung bis zur visuellen Umsetzung und Abstimmung mit Entwicklern. Das Projekt des Website-Relaunchs für GETEC Immobilien steht exemplarisch für diese Arbeit. Ziel war eine moderne, seriöse und gut strukturierte Onlinepräsenz, die Inhalte klar kommuniziert und Nutzern eine professionelle Orientierung bietet.
Rolle:
UI Design
Visuelle Umsetzung
Prototyping
Fokus:
Responsives Design
Informationsarchitektur
Visuelle Hierarchie
Tools:
Adobe Xd
Developer-Handoff
Kontext:
Agenturprojekt
(B:SiGN GmbH)
Meine Rolle
Ich gestaltete und strukturierte die Unterseiten, entwickelte die Informationsarchitektur und übernahm die inhaltliche Texterstellung.
konsistente Farben, Typographie und Layouts
die Strukturierung komplexer Informationsbereiche
Integration interaktiver Elemente zur Steigerung des Engagements
enge Zusammenarbeit mit Entwicklern beim Handoff
iterative Design-Reviews und Feedback-Integration
Zur Website
Zur Website
Design-Fokus & Herangehensweise
Die Herausforderung lag darin, umfangreiche Inhalte und verschiedene Themenbereiche so zu gestalten, dass sie: klar strukturiert und gut erfassbar sind, nicht visuell überladen wirken, auf mobilen Endgeräten konsistent funktionieren und Vertrauen, Seriosität und Professionalität ausstrahlen.
Visuelle Hierarchie
Deutliche Trennung zwischen Headline, Subline und Body-Text durch klar differenzierte Schriftgrößen und Gewichte.
Typografie & Lesbarkeit
Großzügiger Zeilenabstand und gut abgestufte Typografie verbessern die Lesbarkeit, insbesondere bei langen Textblöcken.
Farbwelt & Konsistenz
Eine ruhige, professionelle Farbpalette schafft Kontrast für CTAs und visuelle Ruhe für Inhalte.
Responsives Layout
Designs wurden für verschiedene Viewports optimiert, um auf Desktop, Tablet und Mobil konsistent zu funktionieren.
Zusammenarbeit & Umsetzung
Das Projekt wurde in enger Abstimmung mit dem Projektmanagement, der technischen Umsetzung und den Kunden realisiert. In regelmäßigen Reviews wurden Feedback und technische Randbedingungen berücksichtigt:
Design-Reviews zur Abstimmung von visuellen Entscheidungen
Komponentendefinitionen für wiederkehrende UI-Elemente
Übergabe an Entwicklung inklusive Style-Guidelines und Assets
Diese Zusammenarbeit stellte sicher, dass das UI-Design nicht nur gut aussah, sondern auch sauber implementierbar war.
Ergebnisse
Die GETEC Immobilien Website ist live, funktional und visuell konsistent. Sie vermittelt professionell:
Unternehmenswerte
Leistungsübersicht
Kontakt- und Serviceangebote
Das UI-Design unterstützt die Usability, verbessert die Informationsaufnahme und stärkt die Markenidentität.
UX/UI
GETEC Immobilien
Während meiner Zeit bei B:SiGN war ich an verschiedenen Webprojekten beteiligt – von der konzeptionellen Planung bis zur visuellen Umsetzung und Abstimmung mit Entwicklern. Das Projekt des Website-Relaunchs für GETEC Immobilien steht exemplarisch für diese Arbeit. Ziel war eine moderne, seriöse und gut strukturierte Onlinepräsenz, die Inhalte klar kommuniziert und Nutzern eine professionelle Orientierung bietet.
Rolle:
UI Design
Visuelle Umsetzung
Prototyping
Fokus:
Responsives Design
Informationsarchitektur
Visuelle Hierarchie
Tools:
Adobe Xd
Developer-Handoff
Kontext:
Agenturprojekt
(B:SiGN GmbH)
Meine Rolle
Ich gestaltete und strukturierte die Unterseiten, entwickelte die Informationsarchitektur und übernahm die inhaltliche Texterstellung.
konsistente Farben, Typographie und Layouts
die Strukturierung komplexer Informationsbereiche
Integration interaktiver Elemente zur Steigerung des Engagements
enge Zusammenarbeit mit Entwicklern beim Handoff
iterative Design-Reviews und Feedback-Integration
Zur Website
Zur Website
Design-Fokus & Herangehensweise
Die Herausforderung lag darin, umfangreiche Inhalte und verschiedene Themenbereiche so zu gestalten, dass sie: klar strukturiert und gut erfassbar sind, nicht visuell überladen wirken, auf mobilen Endgeräten konsistent funktionieren und Vertrauen, Seriosität und Professionalität ausstrahlen.
Visuelle Hierarchie
Deutliche Trennung zwischen Headline, Subline und Body-Text durch klar differenzierte Schriftgrößen und Gewichte.
Typografie & Lesbarkeit
Großzügiger Zeilenabstand und gut abgestufte Typografie verbessern die Lesbarkeit, insbesondere bei langen Textblöcken.
Farbwelt & Konsistenz
Eine ruhige, professionelle Farbpalette schafft Kontrast für CTAs und visuelle Ruhe für Inhalte.
Responsives Layout
Designs wurden für verschiedene Viewports optimiert, um auf Desktop, Tablet und Mobil konsistent zu funktionieren.
Zusammenarbeit & Umsetzung
Das Projekt wurde in enger Abstimmung mit dem Projektmanagement, der technischen Umsetzung und den Kunden realisiert. In regelmäßigen Reviews wurden Feedback und technische Randbedingungen berücksichtigt:
Design-Reviews zur Abstimmung von visuellen Entscheidungen
Komponentendefinitionen für wiederkehrende UI-Elemente
Übergabe an Entwicklung inklusive Style-Guidelines und Assets
Diese Zusammenarbeit stellte sicher, dass das UI-Design nicht nur gut aussah, sondern auch sauber implementierbar war.
Ergebnisse
Die GETEC Immobilien Website ist live, funktional und visuell konsistent. Sie vermittelt professionell:
Unternehmenswerte
Leistungsübersicht
Kontakt- und Serviceangebote
Das UI-Design unterstützt die Usability, verbessert die Informationsaufnahme und stärkt die Markenidentität.
UX/UI
GETEC Immobilien
Während meiner Zeit bei B:SiGN war ich an verschiedenen Webprojekten beteiligt – von der konzeptionellen Planung bis zur visuellen Umsetzung und Abstimmung mit Entwicklern. Das Projekt des Website-Relaunchs für GETEC Immobilien steht exemplarisch für diese Arbeit. Ziel war eine moderne, seriöse und gut strukturierte Onlinepräsenz, die Inhalte klar kommuniziert und Nutzern eine professionelle Orientierung bietet.
Rolle:
UI Design
Visuelle Umsetzung
Prototyping
Fokus:
Responsives Design
Informationsarchitektur
Visuelle Hierarchie
Tools:
Adobe Xd
Developer-Handoff
Kontext:
Agenturprojekt
(B:SiGN GmbH)
Meine Rolle
Ich gestaltete und strukturierte die Unterseiten, entwickelte die Informationsarchitektur und übernahm die inhaltliche Texterstellung.
konsistente Farben, Typographie und Layouts
die Strukturierung komplexer Informationsbereiche
Integration interaktiver Elemente zur Steigerung des Engagements
enge Zusammenarbeit mit Entwicklern beim Handoff
iterative Design-Reviews und Feedback-Integration
Zur Website
Zur Website
Design-Fokus & Herangehensweise
Die Herausforderung lag darin, umfangreiche Inhalte und verschiedene Themenbereiche so zu gestalten, dass sie: klar strukturiert und gut erfassbar sind, nicht visuell überladen wirken, auf mobilen Endgeräten konsistent funktionieren und Vertrauen, Seriosität und Professionalität ausstrahlen.
Visuelle Hierarchie
Deutliche Trennung zwischen Headline, Subline und Body-Text durch klar differenzierte Schriftgrößen und Gewichte.
Typografie & Lesbarkeit
Großzügiger Zeilenabstand und gut abgestufte Typografie verbessern die Lesbarkeit, insbesondere bei langen Textblöcken.
Farbwelt & Konsistenz
Eine ruhige, professionelle Farbpalette schafft Kontrast für CTAs und visuelle Ruhe für Inhalte.
Responsives Layout
Designs wurden für verschiedene Viewports optimiert, um auf Desktop, Tablet und Mobil konsistent zu funktionieren.
Zusammenarbeit & Umsetzung
Das Projekt wurde in enger Abstimmung mit dem Projektmanagement, der technischen Umsetzung und den Kunden realisiert. In regelmäßigen Reviews wurden Feedback und technische Randbedingungen berücksichtigt:
Design-Reviews zur Abstimmung von visuellen Entscheidungen
Komponentendefinitionen für wiederkehrende UI-Elemente
Übergabe an Entwicklung inklusive Style-Guidelines und Assets
Diese Zusammenarbeit stellte sicher, dass das UI-Design nicht nur gut aussah, sondern auch sauber implementierbar war.
Ergebnisse
Die GETEC Immobilien Website ist live, funktional und visuell konsistent. Sie vermittelt professionell:
Unternehmenswerte
Leistungsübersicht
Kontakt- und Serviceangebote
Das UI-Design unterstützt die Usability, verbessert die Informationsaufnahme und stärkt die Markenidentität.