PORTFOLIO WEBSITE
Hier stelle ich meine Projekte vor. Erfahre, welche Vorgehensweise ich verwendet habe, was meine Herausforderungen waren und welche Lösungen ich gefunden habe.
Projekt: Individuelle Onepage-Website
Erlebe die Faszination: Eine kreative und lebendige Onepage, die deine Branche zum Leben erweckt.
Was war der Auftrag?
Erstellung einer individuellen Onepage-Website, die …
• das Angebot bzw. die Dienstleistung von Kindershows darstellt.
• eine Brücke zur Zielgruppe schlägt mit dem Ziel, dass Nutzer sich gut informieren können.
• dem Nutzer leicht zu machen, Kontakt aufzunehmen.
• eine Brücke zur Zielgruppe schlägt mit dem Ziel, dass Nutzer sich gut informieren können.
• dem Nutzer leicht zu machen, Kontakt aufzunehmen.
Wie war die Vorgehensweise?
• Inhalte wurden auf das Wesentliche begrenzt
• Einbettung eines Video-Trailers; macht gerade bei Live-Events wie Kindershows Sinn, damit sich der Nutzer ein Bild davon machen kann
• Design: Kreativität und Lebendigkeit, bunt und farbig, Farbverläufe; passt sehr gut zur Thematik
• Auswahl der Farben: kraftvoll und lebendige Wirkung; passt sehr gut zur Thematik
• Einbettung eines Video-Trailers; macht gerade bei Live-Events wie Kindershows Sinn, damit sich der Nutzer ein Bild davon machen kann
• Design: Kreativität und Lebendigkeit, bunt und farbig, Farbverläufe; passt sehr gut zur Thematik
• Auswahl der Farben: kraftvoll und lebendige Wirkung; passt sehr gut zur Thematik
• Verwendung der Schrift „Boogaloo“ für Überschriften. Die Schrift wurde im Jahr 2012 als Ergänzung zur Salsa-Schrift ins Leben gerufen und widerspiegelt Bewegung, Coolness und Glück. Passt wunderbar zur Thematik.
• Verwendung der Schrift „Cabin“ für Fließtext. Cabin ist eine Sans-Srifenschrift, die eine gute Lesbarkeit aufweist. Sie vereint moderne Proportionen, optische Anpassungen und einige Elemente der geometrischen Schriften und passt hervorragend zum Thema.
• Verwendung der Schrift „Cabin“ für Fließtext. Cabin ist eine Sans-Srifenschrift, die eine gute Lesbarkeit aufweist. Sie vereint moderne Proportionen, optische Anpassungen und einige Elemente der geometrischen Schriften und passt hervorragend zum Thema.
• Aufbau der Seite: kraftvolle Hero-Section (Erste Section ganz oben). Das Bild ist aussagestark und jeder weiß sofort, dass es um Kinder geht. Der Text auf der Hero-Section drückt ebenso klar und prägnant aus, um was es hier geht.
• Zielgruppenansprache: direkte und relativ persönliche Ansprache (Ihr- und Du-Form)
• Scroll-To-Top-Button: Um dem Nutzer die Navigation zu erleichtern. Beim klicken auf den Button wird die Seite ganz nach oben gescrollt.
• Zielgruppenansprache: direkte und relativ persönliche Ansprache (Ihr- und Du-Form)
• Scroll-To-Top-Button: Um dem Nutzer die Navigation zu erleichtern. Beim klicken auf den Button wird die Seite ganz nach oben gescrollt.
• Navigation im Footer: Will der Nutzer nicht ganz nach oben, sondern nur zu einem bestimmten Bereich, sind im Footer ebenso die Menüpunkt verlinkt.
• Kontaktaufnahme: Der Nutzer bekommt hier zwei Möglichkeiten. Zum einen durch ein Kontaktformular und zum anderen mit der Möglichkeit zum schreiben einer E-Mail-Nachricht. Damit kann sich der Nutzer selbst aussuchen über welchen Weg er gerne eine Nachricht schreiben will.
• Kontaktaufnahme: Der Nutzer bekommt hier zwei Möglichkeiten. Zum einen durch ein Kontaktformular und zum anderen mit der Möglichkeit zum schreiben einer E-Mail-Nachricht. Damit kann sich der Nutzer selbst aussuchen über welchen Weg er gerne eine Nachricht schreiben will.
Welche Herausforderungen gab es?
Die Herausforderung bestand darin, alle Inhalte auf einer Seite unterzubringen, ohne die Übersichtlichkeit zu verlieren. Ich musste die Inhalte auf das Wesentliche beschränken und sie dennoch übersichtlich darstellen. Trotz der starken Reduktion der Inhalte bleibt es eine Herausforderung, die Übersichtlichkeit für den Nutzer zu gewährleisten.
Wie wurde das Problem gelöst?
Ich habe ein Menü in der Hero-Section eingebaut, um die Navigation zu erleichtern und Nutzern schnellen Zugang zu den gewünschten Informationen zu ermöglichen. Das Menü sieht aus wie bei einer Mehrseiten-Website, navigiert aber innerhalb der Startseite. Dies wird durch Hash-Links realisiert, die beim Klicken automatisch an die entsprechende Stelle der Seite scrollen.
Um die Benutzerfreundlichkeit weiter zu erhöhen, habe ich die Inhalte in klar abgegrenzte Bereiche unterteilt, die jeweils durch große Überschriften eingeleitet werden. Dadurch erkennt der Nutzer sofort, worum es in jedem Bereich geht. Das Design der Bereiche ist so gestaltet, dass man intuitiv erkennt, wann ein neuer Abschnitt beginnt. Zur Verbesserung der Nutzerfreundlichkeit habe ich kleine Trennlinien mit passenden Icons hinzugefügt. Diese helfen dem User, leichter und schneller durch die Inhalte zu scrollen und die Übersicht zu behalten.
Wurden die Ziele erreicht?
Auf alle Fälle, denn ...
• das Angebot bzw. die Dienstleistung wurde so dargestellt, dass sich die Nutzer ein gutes Bild davon machen können.
• die benutzerfreundliche und übersichtliche Gestaltung der Seite sowie die Ansprache schaffen eine Verbindung zur Zielgruppe.
• die Möglichkeit der Kontaktaufnahme wurde durch zwei Optionen optimiert.
• das Angebot bzw. die Dienstleistung wurde so dargestellt, dass sich die Nutzer ein gutes Bild davon machen können.
• die benutzerfreundliche und übersichtliche Gestaltung der Seite sowie die Ansprache schaffen eine Verbindung zur Zielgruppe.
• die Möglichkeit der Kontaktaufnahme wurde durch zwei Optionen optimiert.
Interesse an einer Onepage?
Interessierst du dich für eine Onepage-Website? Schreibe mir einfach eine Nachricht und vereinbare einen Termin für ein persönliches Gespräch. Schau dir auch gerne die hier präsentierte ONEPAGE-WEBSITE "KINDERSHOWS" direkt online an.
Zur "Onepage-Website"PORTFOLIO WEBSITE TEILEN
Findest du die Portfolio Website bereichernd und inspirierend? Dann teile sie und lass auch deine Freunde und Bekannte daran teilhaben, indem du auf den Button klickst und die Seite per E-Mail weiterleitest. DANKE!
Jetzt Portfolio teilen