Web­de­sign Job­cen­ter Darmstadt

Mai 5, 2023Web


Bar­rie­re­freie Web­sei­te für Relaunch Job­cen­ter Darmstadt

Das Job­cen­ter Darm­stadt beauf­trag­te uns mit ihrem Web­sei­ten Relaunch. Pri­mä­res Ziel der Sei­te bestand u.a. dar­in, die Sei­te auf Basis eines moder­nen Con­tent Manage­ment Sys­tems zu rea­li­sie­ren, das es erlaubt, Bei­trä­ge und News eigen­stän­dig und ein­fach selbst erstel­len zu kön­nen. Zudem soll­te die Web­sei­te bar­rie­re­frei sein und dem BITV2 Stan­dard entsprechen. 

Als gestal­te­ri­sche Vor­ga­be soll­te das Cor­po­ra­te Design der Stadt Darm­stadt mit berück­sich­tigt wer­den; ohne jedoch die eige­ne Job­cen­ter Darm­stadt Iden­ti­tät auf­ge­ben zu müs­sen. Logo und Far­ben soll­ten als Wie­der­erken­nungs­wert bei­be­hal­ten werden. 

Die tech­ni­sche Basis — WordPress

Tech­ni­sche Basis bil­det Word­Press, da das CMS ein­fach zu erler­nen ist, dank Open Source Kern mit viel­fäl­ti­gen Optio­nen von unzäh­li­gen Anbie­tern erwei­ter­bar ist (soge­nann­te Frame­works und Plug­ins) und so an jeg­li­che Anfor­de­run­gen und Kun­den­wün­sche ange­passt wer­den kann.
Der­zeit sind weit mehr als 100.000 Plug-Ins, The­mes und Exten­si­on- Frame­works ver­füg­bar, mit denen sich, häu­fig fast ohne Schrei­ben von indi­vi­du­el­len, logi­schen Pro­gramm­codes, alle gebräuch­li­chen (Son­der-) Funk­tio­nen abde­cken las­sen. Bei­spiels­wei­se News­be­rei­che, E‑Commerce Sys­te­me, logi­sche For­mu­la­re, Online Ter­min­ver­wal­tung, Dis­kus­si­ons­fo­ren u.ä.
Word­press kann in 164 Spra­chen betrie­ben wer­den und fin­det sei­ne rie­si­ge akti­ve Anwen­der- und Ent­wick­ler­ge­mein­de in aller Welt.

Web­sei­te Job­cen­ter Darm­stadt — Leis­tun­gen im Überblick:

  • Ana­ly­se der bestehen­den Webseite 
  • Inhalt­li­che Neustrukturierung
  • Bar­rie­re­freie Gestal­tung nach BITV2 (WCAG2)
  • Indi­vi­du­el­le Layout-Erstellung
  • Bera­tung und Umzug zu neu­em Service-provider 
  • Mana­ged Hosting
  • Con­tent-Betreu­ung mit neu­en Bei­trä­gen, News

Bera­tung & Analyse

Auf Basis gemein­sam geführ­ter Bera­tungs­ge­sprä­che ent­wi­ckel­ten wir die Infor­ma­ti­ons­ar­chi­tek­tur und ein benut­zer­freund­li­ches Navi­ga­ti­ons­kon­zept für die neue Web­site. Hier­zu gehör­te auch die Kurz­ana­ly­se der bereits bestehen­den Web­site mit Fokus auf aktu­el­lem Design (Respon­si­ve Design), bar­rie­re­frei­er und schnel­ler Navi­ga­ti­on und eine gene­rell opti­mier­te User Expe­ri­ence durch kla­re und infor­ma­ti­ve visu­el­le Hierarchien.
In die­sem ers­ten Schritt ver­schaff­ten wir uns einen Ein­druck der Web­site und leg­ten Ver­bes­se­rungs­po­ten­zia­le fest, die in der anschlie­ßen­den Umset­zung berück­sich­tigt wurden. 

Neu­ge­stal­tung und ver­bes­ser­te User-Expe­ri­ence betra­fen in ers­ter Linie:

  • Neu­pla­nung der Haupt- und Unterseiten
  • Neu­pla­nung der Haupt- und Unternavigation
  • Neu­ge­stal­tung für Hea­der­be­reich und Footerbereich
  • Neu­ge­stal­tung sons­ti­ger Navi­ga­ti­ons-Ele­men­te, wie bspw.Quicklinks zum Errei­chen sekun­dä­rer und ter­tiä­rer Seiten

Gestal­tung im respon­si­ve Design und BITV-Standard

Auf Basis unse­rer Kon­zep­ti­on erstell­ten wir Job­cen­ter Darm­stadt zunächst Wire­frames (Skiz­zen, die noch kei­ne inter­ak­ti­ven Funk­tio­nen beinhal­ten), die im Wesent­li­chen die Gestal­tungs­welt (z. Teil mit Lay­out­fo­tos), ein gro­bes funk­tio­na­les Lay­out und die Navi­ga­ti­on, inkl. Hea­der, Foo­ter und wei­te­rer Ele­men­te der Haupt­sei­te visualisieren.
Die­se Skiz­zen hel­fen dem Kun­den die Gestal­tungs­ele­men­te und ‑ebe­nen bes­ser ver­ste­hen und in Dis­kus­sio­nen mit­be­stim­men zu können.
Erst nach­dem Kun­de das Grund-Lay­out abge­nom­men hat, begin­nen wir die Sei­te dann auf Word­Press umzusetzen. 

Jede ein­zel­ne Unter­sei­te inkl. Blog wur­den von uns im ver­ab­schie­de­ten Design gestal­tet unter Ver­wen­dung des Farb­kon­zepts (exter­nes CI) und des Bild­ma­te­ri­als im Ein­klang mit BITV2 (WCAG2)

Auf Num­mer Sicher …War­tung, Updates & Backups

Mit dem Ser­vice Sple­ndid Site­ca­re plus hat sich das Job­cen­ter Darm­stadt dazu ent­schie­den, ihre neue Web­sei­te nicht nur gut aus­se­hen zu las­sen, son­dern sie auch tech­nisch sicher und aktu­ell zu halten.

Fol­gen­de Leis­tun­gen ent­hält unser Ser­vice­pa­ket zur War­tung der Web­sei­te bereit: 

BACK­UPS — damit auch wirk­lich nichts ver­lo­ren geht…

  • täg­lich, auto­ma­ti­sier­tes Back­up der Daten­bank auf dem Webserver
  • wöchent­li­ches Back­up der kom­plet­ten Webseite/Datenbank auf einen dedi­zier­ten Sple­ndid Ser­ver in Darmstadt/Eberstadt
  • monat­li­ches Back­up der kom­plet­ten Web­sei­te und Daten­bank auf einen Cloud Ser­vice, wie bspw. Goog­le Dri­ve, S3, iCloud oder Dropbox

UPDATES — tech­nisch sicher und aktu­ell für Web­sei­te und Besucher 

  • Word­Press Updates
  • Theme/Framework Updates
  • alle anfal­len­den Updates von Sple­ndid Mar­ke­ting ein­ge­setz­ten oder zer­ti­fi­zier­ten Plug-Ins und sonst. Word­Press Erweiterungen
  • Sicher­heits­up­dates für Fire­wall und Log-In Sicherheit

Die Web­sei­te Job­cen­ter Darm­stadt ging am 16. Juni 2017 online. Wir dan­ken dem gesam­ten Team vom Job­cen­ter Darm­stadt für die­se fan­tas­ti­sche und kom­pe­ten­te Zusam­men­ar­beit und das unglaub­li­che Enga­ge­ment jedes ein­zel­nen Mitarbeiters.