Webseite RelaunchBerufskolleg Olpe

Die Web­site des Berufs­kol­leg Olpe basier­te auf dem CMS Joom­la! in Ver­bin­dung mit dem Redak­ti­ons­sys­tem K2. Ziel des Pro­jekts war es, die bestehen­de Sei­te zu moder­ni­sie­ren, ohne das CMS und das Redak­ti­ons­sys­tem zu erset­zen. Im Fokus stan­den die Über­ar­bei­tung der Infor­ma­ti­ons­ar­chi­tek­tur, eine neue Optik, und die Opti­mie­rung der Sei­te für Such­ma­schi­nen (SEO).

Kun­de Berufs­kol­leg Olpe
Kate­go­rie Web­de­sign / Webentwicklung
Leis­tun­gen Web­de­sign
UX- und UI-Design
Template-Pro­gram­mie­rung
SEO
Redak­tio­nel­le Schulung
Zewi­t­raum 3+ Mona­te

Herausforderungen bei der Entwicklung

  • Ver­al­te­te Tech­no­lo­gie: Die ursprüng­li­che Joomla!-Version bot kei­ne moder­nen Frame­works, die eine ein­fa­che Neu­ge­stal­tung ermög­licht hätten.
  • Nicht-Respon­si­ve Design: Die alte Sei­te war nicht für mobi­le Gerä­te optimiert.
  • Unstruk­tu­rier­te URLs: Die URLs waren nicht benut­zer­freund­lich und suchmaschinenoptimiert.

Form follows FunktionWebdesign

Respon­si­ve Design: Die Tem­pla­tes der Sei­te wur­den Schritt für Schritt respon­si­ve gestal­tet, um eine opti­ma­le Dar­stel­lung auf allen End­ge­rä­ten zu gewährleisten.

Design nach dem Prin­zip “Form fol­lows Func­tion”: Die Tem­pla­tes wur­den zweck­dien­lich und schlicht gehal­ten, um die Les­bar­keit zu erhö­hen. Ein zwei­spal­ti­ger Auf­bau der Inhalt­s­tem­pla­tes redu­ziert die Zei­len­län­ge für eine bes­se­re Les­bar­keit. Far­bi­ge Inhalts­bo­xen und struk­tu­rier­te Über­schrif­ten sor­gen zusätz­lich für Übersichtlichkeit.

Neue Start­sei­te: Die Start­sei­te erhielt ein kom­plett neu­es Erschei­nungs­bild mit gro­ßen, bebil­der­ten Kacheln, die eine Über­sicht der wich­tigs­ten Abschnit­te der Sei­te bie­ten. Dar­un­ter wur­de das News­sys­tem integriert.

Moderne InformationsarchitekturUI- und UX-Design

Moder­nes Megamenü: Das ver­schach­tel­te Haupt­me­nü wur­de durch ein Megamenü ersetzt. Die­ses visua­li­siert alle Links zu den jewei­li­gen The­men­be­rei­chen auf einer Ebe­ne und bin­det dyna­misch Links zu rele­van­ten News­bei­trä­gen ein.

Kate­go­rie-Zwi­schen­sei­ten: Zur wei­te­ren Ver­bes­se­rung der Über­sicht­lich­keit wur­den für jede Kate­go­rie Zwi­schen­sei­ten ein­ge­führt, die ana­log zum Megamenü eine kom­plet­te Über­sicht der jewei­li­gen Kate­go­rie bieten.

Bread­crumb-Navi­ga­ti­on: Eine neue Bread­crumb-Navi­ga­ti­on zeigt dem Besu­cher jeder­zeit, wo er sich auf der Web­site befindet.

SEO-Opti­mie­rung durch “Spea­king URLs”: Die URLs der Web­site wur­den mit Hil­fe eines Plug­ins in benut­zer­freund­li­che, spre­chen­de URLs umge­wan­delt, was die Nut­zer­freund­lich­keit und SEO-Per­for­mance deut­lich verbesserte.

Joomla! für RedakteureSchulung des Lehrpersonals

Das Lehr­per­so­nal des Berufs­kol­leg Olpe wur­de vor Ort umfas­send für die redak­tio­nel­len Arbei­ten auf der Web­site geschult. Die Schu­lung umfasste:

 

  • Ein­füh­rung in Joom­la! und K2
  • SEO-Grund­la­gen
  • Grund­la­gen der Bildbearbeitung

Das ProjektErgebnis

Durch die Neu­ge­stal­tung wur­de die Web­site des Berufs­kol­leg Olpe sowohl optisch als auch funk­tio­nal moder­ni­siert. Die respon­si­ve Gestal­tung, das opti­mier­te Navi­ga­ti­ons­kon­zept und die SEO-Opti­mie­run­gen haben die Nut­zer­freund­lich­keit und Sicht­bar­keit der Sei­te erheb­lich verbessert.

Die umfas­sen­de Schu­lung des Lehr­per­so­nals stellt sicher, dass die Web­site auch in Zukunft effek­tiv genutzt und gepflegt wer­den kann.