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!

 

  • Konzeption & Gestaltung
  • Shopentwicklung
  • Webdesign
  • Intranets
  • TYPO3-Websites
  • Wordpress-Websites

Unsere Webdesign-News

Zusammenarbeit an einem Projekt in Figma mit Multiplayer

Re­mote De­sign mit Figma

Figma ist ein All-In-One Tool für den gesamten UX/UI Design Workflow mit Features, die eine enge Zusammenarbeit ermöglichen – trotz räumlicher Trennung.

Unsere Webdesign-Projekte


TYPO3-Website für massiv-mein-haus
Artis Media

TYPO3-Web­si­te für mas­siv-mein-haus

Häuslebauer aufgepasst: Die Webseite rund um Häuser in Massivbauweise hat eine neue Fassade bekommen
weiterlesen
Neue zentrale Website für Frau und Beruf
Ministerium für Wirtschaft, Arbeit und Tourismus Baden-Württemberg

Neue zen­tra­le Web­si­te für Frau und Beruf

Die digitale Plattform des Landes Baden-Württemberg für Frauen zu allen beruflichen Belangen
weiterlesen
TYPO3-Relaunch für die Karlshochschule
Karlshochschule International University

TYPO3-Re­launch für die Ka­rls­hoch­schu­le

Eine schnelle Website, technisch auf dem neuesten Stand, haben wir per TYPO3-Ugrade für die internationale Hochschule in Karlsruhe realisiert.
weiterlesen
TYPO3 v10 Update bei Wassmer.de
Wassmer Gruppe

TYPO3 v10 Up­date bei Wass­mer.de

Bei wassmer.de war es Zeit für ein umfangreiches TYPO3-Update. Parallel dazu wurde der Webseite ein modernes Erscheinungsbild gegeben.
weiterlesen
TYPO3-Update, Facelift und SEO-Konzept
Hummel Reiseideen

TYPO3-Up­date, Fa­ce­lift und SEO-Kon­zept

Für den Reiseanbieter stand ein großes Update auf TYPO3 Version 10 an. Mit im Gepäck waren ein kleines Facelift diverser Elemente und ein Konzept zur Suchmaschinenoptimierung.
weiterlesen
Wordpress-Relaunch für cocktailhouse
cocktailhouse

Word­press-Re­launch für cock­tail­hou­se

Ein veraltetes Design wird mit dem erfolgreichen Relaunch mit WordPress zu einem echten Hingucker.
weiterlesen
TYPO3-Website für Landesgartenschau 2022
Landesgartenschau 2022 Neuenburg am Rhein GmbH

TYPO3-Web­si­te für Lan­des­gar­ten­schau 2022

Wir haben für die Landesgartenschau 2022 in Neuenburg am Rhein eine dynamische, moderne Website mit TYPO3 umgesetzt.
weiterlesen
TYPO3 Website Relaunch und Quiz-App
Museum Schloss Moyland

TYPO3 Web­si­te Re­launch und Quiz-App

Moderne Technik für moderne Kunst in einem historischen Ambiente
weiterlesen
Solr-Integration für die KIT-Technologiebörse
KIT

Solr-In­te­gra­ti­on für die KIT-Tech­no­lo­gie­bör­se

Technologieangebote schneller finden: Eine Integration des Solr-Suchservers auf die bestehende Internetpräsenz der KIT-Technologiebörse.
weiterlesen
werkraum begleitet VECCO e.V. zum erfolgreichen Web-Relaunch
VECCO e.V.

wer­k­raum be­glei­tet VECCO e.V. zum er­folg­rei­chen Web-Re­launch

Umfangreiche Features beim neuen Internetauftritt von VECCO, realisiert in TYPO3
weiterlesen