Webdesign by werkraum

Sie planen eine neue Webseite und benötigen Unterstützung dabei? Dann sind Sie bei werkraum genau richtig. Wir unterstützen Sie von der Konzeption über die Gestaltung und Umsetzung bis zum Betrieb der Webseite.

Konzeption & Beratung

Zu Beginn sollte erst geklärt werden, welche Ziele Sie mit Ihrer Webseite verfolgen. Soll die Webseite das Unternehmen repräsentieren? Soll eine Marke gestärkt werden? Wie können Unternehmensbereiche transparent dargestellt werden? Auch stellt sich immer die Frage, zu was das Unternehmen bei der Betreuung der Webseite bereit bzw. in der Lage ist. Wir erstellen mit Ihnen einen Redaktionsplan für allgemeine Inhalte und News. Macht der Einsatz eines Newlettersystems Sinn? Sollen Kunden und Partner einen geschützten Bereich auf der Webseite vorfinden? Dies alles lässt sich in einem Beratungsgespräch oder, bei größerem Umfang, in Form eines Workshops herausfinden.

Auch technische Entscheidungen sollten jetzt getroffen werden. Ist die Webseite sehr umfangreich, macht der Einsatz von TYPO3 am meisten Sinn. Ist der Funktionsumfang  und vor allem die Navigationstiefe überschaubar, kommt Wordpress am besten zum Einsatz. Gerne bieten wir Ihnen auch das professionelle Hosting der Webseite inkl. Monitoring an.

Gestaltung

Grundsätzlich kann auf Basis eines vorhandenen Styleguides direkt mit den kreativen Arbeiten begonnen werden, sollten zusätzlich alle Vorgaben und Ziele für den Relaunch klar und strukturiert vordefiniert sein. Ist das nicht der Fall, ist im ersten Schritt ein Auftaktworkshop, der unter anderem ein ausführliches Briefinggespräch zur Auftragsklärung mit den Projektverantwortlichen enthält, das ideale Format. Der Workshop dient zugleich als ein erstes Kennenlernen und zur genauen Erfassung der Aufgabenstellung bzw. der Zieldefinition und der Visionen.

Im nächsten Schritt wird, basierend auf den Ergebnissen des Workshops, ein Usability-Konzept erstellt inkl. der grundlegenden Gestaltungsprinzipien. Dies enthält beispielsweise das Gestaltungsraster, Farbkonzeption, typografische Grundlagen und Anwendungsszenarien und mündet in einem PDF-Dokument und einem Klick-Dummy.

Im dritten Schritt wird alles für die Programmierung Notwendige definiert und "übergabefertig" gemacht. In der Regel kommt hier zeplin.io zum Einsatz, das eine saubere Übergabe an die Entwickler gewährleitet und einen Informationskanal in beide Richtungen zur Verfügung stellt.

Umsetzung

Der für werkraum mit Abstand spannendste Teil ist die Umsetzung, also die Programmierung der Webseite. In Stichpunkten findet vereinfacht dargestellt folgendes statt:

  • HTML-Programmierung der Webseite auf Basis von Bootstrap mit 3-4 Mediaqueries
  • Umsetzung von diversen weiteren HTML-Elementen wie
    • Seitentemplates
    • Rasterelemente für die horizontale Einteilung der Inhaltselemente
    • Inhaltselemente
  • TYPO3-Installation oder Update
  • Installation, Einrichtung & Extensiontemplate-Anpassung für Erweiterungen wie
    • News
    • Events
    • Formulare
    • etc ...
  • Menüprogrammierung für unterschiedliche Menüs wie

    • dynamisches Hauptmenü

    • Menü für mobile Webseite

    • Breadcrumb-Menü

    • Flat-Footer-Menü

    • Landingpage-Situation ohne oder mit reduziertem Menü

  • Suchmaschinenoptimierung

  • Mehrsprachigkeit integrieren

  • Benutzer, Benutzergruppen und Rechte anlegen

  • Newslettersystem umsetzen

  • Suchsystem umsetzen

    • Indexed Search oder

    • KE-Search oder

    • Solr

  • Qualitätssicherung

Wartung & Continuous Relaunch

Mit der Liveschaltung der neuen Seite endet das Projekt bei werkraum nicht. Wir sind an einer langfristigen Zusammenarbeit interessiert! Das Projekt endet bei uns dann nicht, es ändert nur seinen Status: die Wartungsphase beginnt. Über unser Ticketsystem JIRA betreut Sie ein Entwickler, der den Relaunch federführend geleitet hat, auch danach. Spannend ist hierbei, sich mit dem Ansatz des Continuous Relaunch zu beschäftigen. 

Um den Ansatz des Continuous Relaunch zu verfolgen, bedarf es eines Umdenkens in der Konzeption, der Gestaltung und der technischen Umsetzung: Statt in großen Projekten zu denken, sollte man kleinere, wiederkehrende Aufgaben oder Releases planen, die jeweils durch vorherige Konzeptions- und anschließende Analyseschritte begleitet werden. Die Optimierung einer Navigationsstruktur, das Anpassen der Menüs, die Implementierung einer neuen Suche oder die Überarbeitung von interaktiven Elementen – jede Änderung muss vorher und nachher bewertet werden können. Hierfür sind Maßnahmen zur Messung von Conversions, Trichterprozessen, Ein- und Ausstiegswegen und Verweildauern notwendig.

­

Wir können Ihnen bei der geplanten Webseite helfen?

  Dann rufen Sie uns an und vereinbaren mit uns einen Termin! 

Wir zeigen Ihnen die hier genannten Vorgehensweise gerne bei uns oder bei Ihnen im Haus!

 

Unsere Webdesign-Projekte

Design, TYPO3-Launch und Forum für PROFINET
PROFIBUS Nutzerorganisation e.V.

Design, TYPO3-Launch und Forum für PROFINET

Das Schattendasein des Ethernet-Standards PROFINET in den Weiten der PROFIBUS Nutzerorganisation hat mit dem Launch einer eigenen Website inklusive Forum ein Ende.
weiterlesen
TYPO3-Relaunch und frisches Design
Baugenossenschaft Ettlingen

TYPO3-Relaunch und frisches Design

Mit der neuen Website passt die digitale Kommunikation endlich wieder zur Genossenschaft selbst - moderne Technik in zeitgemäßem Gewandt macht's möglich
weiterlesen
TYPO3-Relaunch für die HVF
Hochschule für öffentliche Verwaltung und Finanzen Ludwigsburg

TYPO3-Relaunch für die HVF

Doppelt hält besser, könnte man hier sagen, denn wir durften für die Hochschule ein zweifaches Redesign durchführen.
weiterlesen
TYPO3-Relaunch fürs CyberLab
CyberForum e.V.

TYPO3-Relaunch fürs CyberLab

Das Karlsruher Netzwerk für Start-Up-Unternehmen erhält eine moderne Plattform
weiterlesen
Hochschule mit neuem Look&Feel
Hochschule Pforzheim

Hochschule mit neuem Look&Feel

Wenn Projekte wachsen… Aus dem Wunsch einer Startseite im zeitgemäßen Design und neuen Möglichkeiten ist am Ende etwas mehr geworden.
weiterlesen
omlox bekommt einen TYPO3-Relaunch mit neuem Design
PROFIBUS Nutzerorganisation e.V.

omlox bekommt einen TYPO3-Relaunch mit neuem Design

Der innovative Technologiestandard zur Bereitstellung von Ortungsdaten sollte endlich auch im Web mit einem ansprechenden Design gebührend präsentiert werden.
weiterlesen
TYPO3-Website für massiv-mein-haus
Artis Media

TYPO3-Website für massiv-mein-haus

Häuslebauer aufgepasst: Die Webseite rund um Häuser in Massivbauweise hat eine neue Fassade bekommen
weiterlesen
Vereinigung zwei verschiedener TYPO3-Instanzen
Otto Graf GmbH Kunststofferzeugnisse

Vereinigung zwei verschiedener TYPO3-Instanzen

Aus zwei mach eins: Zusammenführung der Produkt- und Unternehmens-Websites zu einer großen Plattform
weiterlesen
Neuer News-Bereich und kleines Re-Branding
ARTUS AG

Neuer News-Bereich und kleines Re-Branding

Die ARTUS GRUPPE erlebt einen Wechsel: Ein zeitgemäßer Markenauftritt mit modern gestalteten News erhöht die Reichweite für potenzielle neue Kunden
weiterlesen
Neue zentrale Website für Frau und Beruf
Ministerium für Wirtschaft, Arbeit und Tourismus Baden-Württemberg

Neue zentrale Website für Frau und Beruf

Die digitale Plattform des Landes Baden-Württemberg für Frauen zu allen beruflichen Belangen
weiterlesen