Umsetzung einer responsiven, mehrsprachigen Investor Relations Website für Datacolor AG mit WordPress

Beim vorliegenden Auftraggeber der Datacolor AG aus der Schweiz, handelt es sich um ein international operierendes Unternehmen, das sich auf Farbmanagement, Farbmessungen und Farbtechnologie spezialisiert hat. Diese Leistungen werden aus nahezu allen Branchen benötigt.

Da es sich bei dem Unternehmen Datacolor um eine Aktiengesellschaft handelt, unterliegt sie bestimmten Formalia und vorgegebenen gesetzlichen Richtlinien gegenüber ihren Aktionären. Datacolor erteilt zeitnah Auskunft über Unternehmensentwicklung und Unternehmenszahlen gegenüber Investoren, Analysten und Aktionären.

Datacolor hat sich an uns mit einer nicht ungewöhnlichen Ausgangslage gewendet. Datacolor hatte bereits einen fertigen Designentwurf zur Website. Unsere Aufgabe sollte sein: Erstellung einer technisch bis ins Detail ausgereiften Website. Sie sollte schnell laden, auf allen mobilen Geräten angezeigt werden, mit vielen besonderen Funktionen und Extras versehen werden und ein CMS unter der Haube haben. Der Auftraggeber sollte jederzeit dazu in der Lage sein, ohne Programmierkenntnisse Dokumente, Berichte und Meldungen einzustellen.

Datacolor IR Screenshot

PSD2HTML

Das Material, was uns zur Verfügung gestellt wurde und an dem wir uns orientieren musste bestand aus *.psd-Dateien (Adobe Photoshop-Dateien). Für uns kein ungewöhnlicher Vorgang, anhand dieses Materials 1:1 eine Website zu erstellen. Im Einzelnen haben wir die Bilder zugeschnitten und unterschiedliche Designelemente für die weitere Umsetzung vorbereitet.

HTML und CSS Coding auf Bootstrap-Basis

Als Basis haben wir das bekannte Framework Bootstrap aus dem Hause Twitter verwendet. Danach haben wir diverse Seitenelemente wie Navigation, Buttons, Slider, Seitenbereiche mit HTML und CSS realisiert und somit einen anklickbaren HTML-Entwurf geschaffen, der auch im Browser dargestellt werden konnte. Nach dem OK des Auftraggebers, erfolgte die Umsetzung der responsive Version. Anschließend ging es in die WordPress Programmierung.

Responsive Webdesign Datacolor

WordPress und Mehrsprachigkeit

Basierend auf dem CMS WordPress haben wir eine mehrsprachige Version der Website umgesetzt. Der Auftraggeber hatte unterschiedliche Vorgaben, die wir nach Kundenwunsch realisiert haben, so dass der Auftraggeber auch sehr komplexe Strukturen selbst und ohne Programmierkenntnisse verwalten kann. Die Website ist mehrsprachig und der Seitenbesucher kann flexibel zwischen deutsch und englisch wechseln.

Sprache wählen Datacolor

Shortcodes

Der Auftraggeber kann mittels so genannter Shortcodes direkt im WordPress-Editor auch sehr umfangreiche Strukturen abbilden, beispielsweise Geschäftsberichte, die für Interessenten und Aktionäre zum Download angeboten werden. Die Bildergalerien lassen sich so im Editor erstellen und verwalten.

Geschaeftsberichte Download Datacolor

RSS-Feed für Medienmitteilungen

Ein besonderer Bereich, der einen Aktualitätsbezug aufweist, sind die News, die über einen externen Anbieter verfasst werden. Diese Meldungen binden wir über eine Schnittstelle in die Website ein und nach Kundenwunsch werden sie nach Jahren vorsortiert angezeigt.

Feed Reader Datacolor

Corporate Governance

Im so genannten Corporate Governance Bereich, der vornehmlich auch mit Shortcodes realisiert wurde, sind Führungskräfte der Aktiengesellschaft dargestellt. Der Auftraggeber kann personelle Veränderungen ohne Programmierkenntnisse auch in diesem Bereich abbilden.