Zum Hauptinhalt springen

Neue Website für Ballonfahrer

| Blog
Kopfbereich der neuen Website von Ballonsportclub Hildburghausen

Unser Kunde Ballonsportclub Hildburghausen e.V. mochte im Zuge dessen, dass ein neuer Sponsor in den Startlöchern stand auch eine neue Website mit aktueller Technik und modernem Design. So haben wir in engem Kundenkontakt ein Konzept entwickelt und umgesetzt. Doch wie läuft so ein Prozess eigentlich ab? Am Beispiel unseres Kunden wird Ihnen dieser Blogbeitrag mehr verraten:

Unsere Aufgaben

  • Modernes Redesign passend zu neuem Sponsor
  • Vereinfachung der Bestellung
  • Neuaufbereitung und Auflockerung der Inhalte für einfachere Kundenführung
  • GPS-Tracking-Tool für aktuelle Technik bereit machen

Ausgangssituation

Screenshot der alten Website
Alte Website
  1. Die alte Website hatte sehr viel Textcontent.
    • Hier ist es wichtig die relevanten Informationen auszulesen und so aufzubereiten, dass diese in der neuen Website einfach vom User erfasst werden können.
  2. Es gab ein komplettes Shopsystem für die Gutscheinbestellfunktion.
    • Man muss immer abwägen, ob die eingesetzte Technik auch wirklich dem Bedarf entspricht.
  3. Die Vorgängerwebsite lief noch auf Joomla 3.
    • Dieses ist mittlerweile End of Life, somit war genau der richtige Zeitpunkt eine neue Website zu erstellen und dabei auch ein frisches, modernes Redesign in Angriff zu nehmen!
      Mehr zur Umstellung von Joomla 3 auf Version 4: Joomla 3 End of Life - JETZT noch schnell umsteigen!

Besondere Herausforderungen

Natürlich hat man bei jedem Projekt gewisse Herausforderungen.
Hier war es zum einen, dass unser Kunde häufig Inhalte auf die Website einpflegt, weshalb die Wartbarkeit besonders einfach gemacht werden soll. Zum anderen verfügte die alte Website über ein GPS-Tracking-Tool, welches eine Eigenprogrammierung war und leider nicht mit aktueller Technik kompatibel.

Auf diese Besonderheiten musste schon bei der Erarbeitung des Konzepts ein besonderes Augenmerk gelegt werden.

Konzept erarbeiten

Wichtig bei der Konzeption einer Website ist genau im Auge zu behalten, was das Ziel der Website ist und was sich der Kunde wünscht. Alles an der Website sollte so stimmig sein, dass es den gewünschten Zwecken dient. Bei diesem Projekt lief die Konzeption in etwa so:

  1. Die alte Website genau analysieren
    • Welche Inhalte gibt es?
    • Was ist wichtig?
  2. Ablauf der User nachverfolgen und dort wichtige Punkte herausarbeiten
    • Welche Schritte geht der Nutzer auf der Website?
    • Wichtigkeit der Schritte je nach Ziel der Website einordnen.
  3. Ideenfindung, wie der Ablauf vereinfacht werden könnte
    • Was braucht der Nutzer der Website um sein Ziel zu erreichen?
  4. Scribbles* anfertigen, welche die bisherigen Überlegungen aufgreifen
    • Wie kann die Website zielführend strukturiert sein?
  5. Scribbles* ausarbeiten und Wireframe* erstellen, sodass grundlegender Aufbau der neuen Seite nachvollziehbar wird

Neben den spezifischen Kundenwünschen gibt es natürlich weitere Aspekte wie allgemeine Nutzererfahrung (UX), Responsives Design, SEO, Sicherheit, Barrierefreiheit oder auch Rechtliches, was an dieser Stelle mit bedacht werden muss.

*Scribble:
Im kreativen Kontext ist ein Scribble eine grobe Zeichnung mit dem Ziel Ideen festzuhalten, sowie Konzepte zu skizzieren und so einen einfachen Grafikentwurf mit den wichtigsten Gestaltungselementen schnell zu erstellen.

*Wireframe:
Ein Wireframe ist ein sehr früher Entwurf einer Website, bei dem Gestaltung und Funktion noch keine Rolle spielen. Hier werden die grundlegenden Elemente der Seite schematisch dargestellt. Wichtig ist dabei die Anordnung und Nutzerführung.

Design entwerfen

Screenshots von Designentwürfen
Vorab erstellte (unfertige) Designentwürfe

Steht das Konzept erstmal, darf man nun mit Designelementen noch kreativer werden. An dieser Stelle wird basierend auf dem bisherigen Branding und Kundenwünschen das Gesamterscheinungsbild festgelegt. Farben, Schriftarten und Bilder gehören hier genauso dazu, wie auch Weißraum und Typografie.

Natürlich kann man diesen Prozess nicht gänzlich losgelöst von der Konzeption betrachten, da man hier mit Farbgebung, Positionierung, Effekten usw. auch die Aufmerksamkeit des Nutzers lenken kann und somit bei der Ausgestaltung das vorerarbeitete Konzept finalisiert.

Neue Technik

Eine neue Website geht natürlicherweise einher mit aktuellster Technik. Schließlich entwickelt sich das World Wide Web ständig weiter und so kann, was gestern noch aktuell war, heute bereits veraltet sein. Wir sorgen dafür, dass die Website mit zukunftsfähiger Technik lange sicher und effizient laufen kann und achten auch darauf, dass nur wirklich Benötigtes zum Einsatz kommt. So konnten wir hier beispielsweise aus einer großen Shopkomponente ein einfach zu bedienendes Formularmodul erstellen, welches denselben Nutzen erfüllt, dabei aber einfacher Wartbar ist und weniger ungenutzten Ballast mitbringt.

Joomla 4 neueste Version aktuellste PHP-Version   neues GPS-Tracking-Tool Formularmodul anstelle altes Shopmodul   Sicherheit Zukunftsfähigkeit

Ergebnis

Screenshots der aktuellen Website
Screenshots der neuen Website

Als Ergebnis haben wir nun eine brandneue Website in modernem Gewand mit Joomla 4. Es ist einfach sich als Nutzer zurechtzufinden, das Design ist nicht nur modern, sondern passt auch zu dem neuen Sponsor des Kunden und wir haben eine Technik, die noch lange Zeit für einen sicheren Betrieb der Website sorgen wird. So geht Web!

Link zur Seite: Ballonsportclub Hildburghausen e.V.

Wollen auch Sie eine neue gut durchdachte und zukunftsfähige Website? Dann vertrauen Sie auf uns! Mit unserer jahrelangen Erfahrung setzen wir Ihre Wünsche gerne im bestmöglichen Maß um!


Webdesign & Webentwicklung

Teilen: