Wie von pixelpaule.de gewohnt ist auch dieser Webauftritt über ein Redaktionssystem gelöst worden. Das Design wurde mit der Berliner Verlag GmbH abgestimmt und umgesetzt. Ein ContentSlider sorgt im Header für Abwechslung, Topnachrichten der Online Portale des Verlags sorgen für Aktualität aus allen Kanälen.

Es wurde auf eine saubere suchmaschinenfreundliche URL-Struktur geachtet. Alle Inhalte des Webauftritts können über das CMS gepflegt werden. Das gesamte System wird einmal in der Woche auf einem Backupserver gesichert.

URL: www.berliner-verlag.com
Scripts: PHP, Javascript (jQuery), HTML, CSS
Besonderheiten: Widget Programmierung, ContentSlider, Full Backup

Globis Consulting berät und unterstützt umfassend von der Marktforschung über Analyse, Konzeption bis zur Umsetzung.

Für Globis Consulting hat pixelpaule.de nicht nur die Webseitengestaltung- und Programmierung sondern auch das gesamte Domainhandling übernommen. Es mussten virtuelle Hosts angelegt und verändert werden. Weitere Eckpfeiler dieses Projekts war eine umfassende Neuprogrammierung von diversen Widgets für den Einsatz auf der Webseite. Unter anderem die Darstellung der letzten Case Studies oder News nach Sprachen oder eine Sidebar-Subnavigation.

Die Seite wird nun komplett über ein Redaktionssystem von verschiedenen Benutzer bedient. Unterschiedliche Rechte-Vergaben sorgen für Sicherheit. Wöchentlich wird automatisch eine zusätzliche Komplettsicherung aller Daten vorgenommen und auf einem externen Server gesichert.

URL: www.globis-consulting.de
Scripts: PHP, Javascript (jQuery), HTML, CSS
Besonderheiten: Widget Programmierung

Das Angebot dieser Webseite basiert auf den Bewertungen und Meinungen der Nutzer. Als Tester prüfen Sie Dienstleistungen und Produkte nach objektiven und subjektiven Kriterien, als Befragungsteilnehmer beantworten Sie Fragen, die Unternehmen nach vorne bringen.

pixelpaule.de wurde damit beauftragt für das Themengebiet Survey & Testing eine Webseite zu gestalten welche über ein einfaches und benutzerfreundliches CMS
bedient werden kann. Die neue Webseite sollte die alte ablösen auf welcher aber noch Module integriert sind, die nicht migriert werden können. Post Requests und sonstige Formularanfragen mussten also umgeleitet werden. Das Design sollte einfach gehalten sein und wurde weitgehend vorgegeben. Eine Besonderheit ist der ContentSlider in der rechten Spalte. Alle einzelnen Listenpunkte lassen sich verlinken und somit auf unterschiedliche Zielseiten führen.

URL: www.globis-survey.de
Scripts: PHP, Javascript (jQuery), HTML, CSS
Besonderheiten: Widget Programmierung, ContentSlider

goldkauf-magazin.de ist eine Webseite rund um die Themen Gold, Goldmarkt, Wertpapiere und Anlagen mit ständig aktuellen Berichten sowie Meinungen von Experten.

Die Globis GmbH hat pixelpaule.de damit beauftragt für das Thema Goldkauf eine Webseite zu gestalten und ein benutzerfreundliches CMS anzulegen, welches von verschiedenen internen und externen Autoren bedient werden soll. Neben der Erstellung der Designvorlagen wurde ein Template ausgesucht und technisch auf die entsprechenden Bedingungen angepasst. Neue Widgets wurden programmiert oder bestehende verändert.

URL: www.goldkauf-magazin.de
Scripts: PHP, Javascript (jQuery), HTML, CSS
Besonderheiten: Widget Programmierung

Die Agentur commit-ad bietet kreative und effektive Möglichkeiten Kampagnen online einzubinden. Mit Werbeformen die die Emotionalität des Bewegtbildes, die redaktionelle Anmutung von Printanzeigen und die Dynamik des Radios mit vielen weiteren Interaktionsmöglichkeiten in einem Werbemittel verbinden, bietet commit-ad eine ganz neue Form von Werbekampagnen.

Für die commit-ad MEDIENVERMARKTUNG sollte pixelpaule.de einen neuen Webauftritt gestalten. Die Designvorlage erhielt pixelpaule.de von einer extra beauftragten Agentur durch commit-ad. Die Hauptaufgabe bestand in der Entwicklung eines auf PHP basierenden Templates, die Aufbereitung der angelieferten Bilder und die Umsetzung der Designvorlage durch HTML und CSS.

Auf der Startseite wurde ein jQuery Slider eingesetzt. Dieser ermöglicht im Gegensatz zu einem Flash Slider eine häufigere Sichtbarkeit. In diesen Slider sind nicht nur Bilder integriert, sondern auch platzierte Texte, die gemeinsam mit den Bildern wechseln. Dadurch, dass eine einheitliche Höhe der Webseite gewährleistet werden sollte, wurde ein jQuery Scrollbalken in den Content integriert. Dieser ist von Form und Farbe her dem Design der Webseite angeglichen.

URL: www.commit-ad.de
Scripts: PHP, Javascript (jQuery), HTML, CSS
Besonderheiten: jQuery Slider

TRINITY MOVIE AGENCY vertritt Autoren, Regisseure, Kameraleute, Szenenbildner und Kostümbildner. Sie ist ein Forum, in dem sich Kreative, Planer und Macher, Neuigkeiten und Entwicklungen austauschen. Ziel ist es alle miteinander zu verknüpfen um Projekte zu realisieren. Von dieser Agentur bekam pixelpaule.de den Auftrag die bisherige Flash-Webseite in zeitgemäßes HTML umzubauen und dabei neue Funktionen zu entwickeln und eine ausgedehnte Suchmaschinenoptimierung vorzunehmen.

Als erstes wurde ein CMS gewählt, dass sich vom Kunden relative einfach bedienen lassen kann und welches auf die Bedürfnisse der Agentur angepasst werden konnte. Nachdem das Design mit dem Kunden abgestimmt worden ist wurde das HTML Template für das CMS entwickelt und das Content Management System wurde so angepasst, dass Eingabe und Ausgabe nahezu gleich anmuten. Das Design sollte den Partneragenturen nicht zu fremd sein, klassisch, leicht verständlich und intuitiv benutzbar sein. Dies wurde durch klare und einfache Strukturen erreicht. Auf Verläufe, Hintergrundbilder und sonstige Designelemente wurde bewusst verzichtet. Der Fokus soll einzig und allein auf dem hochwertigen Inhalt von trinitymovie.de liegen.

Eine weiterer Bestandteil dieser Umsetzung ist die PDF Generierung von ausgewählten Webseiten. Der Web-Inhalt sollte auf angemessene Weise in eine druckbare Datei umgewandelt / generiert werden. Als Basis dient die TCPDF Bibliothek (www.tcpdf.org/). Diese wurde so modifiziert, dass die Inhalte der Webseite direkt aus der Datenbank gezogen werden, während die Bilder vom Server abgefragt werden. Die PDF Generierung funktioniert “on the fly”. Wenn der Autor der Webseite Einträge ändert, ist dieser Inhalt sofort bei der PDF Abfrage vorhanden. Der Agentur wurde die Möglichkeit gegeben für die PDF Dateien druckfähige Bilder auf den Server zu laden.

Für das Teilprojekt Suchmaschinenoptimierung (SEO) wurde eine automatische XML-Sitemap Generierung, eine automatische Indexierung in Suchmaschinen von neuen Artikeln und ein SEO Paket für das CMS (Titel, Description, Keywords) integriert. Mit letzterem hat der Autor selbst die Möglichkeit Titel und Schlagworte etc. der aufgerufenen Seite zu hinterlegen. Wird diese Funktion nicht genutzt werden automatisch SEO-freundliche Titel, Beschreibungen und Keywords erstellt.

URL: www.trinitymovie.de
Scripts: PHP, Javascript (jQuery), HTML, CSS, MySQL
Besonderheiten: page to pdf plugin, CMS, Bildergalerien

Der Slider im Header wird durch das Nivo Slider Package realisiert (http://nivo.dev7studios.com/). Eine beliebige Anzahl von Bildern kann mit abwechselnden Effekten (random) oder einem Slideeffekt dargestellt werden. Der Content Slider in der rechten Spalte wurde von pixelpaule.de selbst programmiert und arbeitet mit der .clone() Funktion der jQuery Bibliothek. Dabei wird immer das erste nicht mehr sichtbare Element im DOM kopiert und ans Ende des Containers per .append() angefügt. Das kopierte Ausgangselement wird durch .remove() aus dem DOM entfernt.

URL: www.hybrid-in-berlin.de
Scripts: PHP, Javascript (jQuery), HTML, CSS, MySQL
Besonderheiten: Gewinnspiel

Die Themen dieses Events waren in diesem Jahr Suchmaschinenoptimierung, Benutzerfreundlichkeit, Digitale Mediaplanung, Couponing (Gutscheinaktionen) und Mobile Marketing sowie Soziale Netzwerke wie beispielsweise Facebook und Twitter. Um die Programmpunkte und auch Referenten sichtbar und dynamisch darzustellen hat pixelpaule.de zusätzlich einen Content Slider entwickelt der auf der Javascript Bibliothek jQuery basiert und in eine Endlosschleife in der rechten Spalte die Referenten präsentiert. Mit jeder Animation wird aus dem DOM das erste nicht sichtbare Element gecloned (.clone()) und an letzter Stelle wieder angefügt (.append()). Der Content Slider läuft automatisch in einer Schleife und stoppt bei einem Mouseover Event. Dann lässt sich der Content Slider auch manuell bedienen.

Die Webseite wurde serverseitig mit PHP programmiert und so dynamisch gehalten, dass mit wenigen Handgriffen neue Navigationspunkte und die dazu gehörigen Seiten eingefügt werden können. Ein Frontend-CMS ist optional einstellbar und erlaubt eine Anpassung der Textinhalte für Administratoren direkt auf der Webseite. Der Webauftritt verfügt über eine Datenbankanbindung zur Registrierung von sich anmeldenden Personen. Jeder angemeldete User wird in die Datenbank eingetragen und erhält automatisiert eine Anmeldebestätigung mit Progammplan als angehängte PDF und weitere Informationen per E-Mail.

URL: www.newmediaday.de
Scripts: PHP, Javascript (jQuery), HTML, CSS, MySQL
Besonderheiten: 3D Cover Carousel

Das Portaldesign ist dreispaltig und kann somit flexibel in ein 3/3, 2/3 oder 1/3 Layout verändert werden. So wird auf der Homepage von berliner-jobmarkt.de das Eyecatcher Bild über die gesamte Breite gesetzt, während die darunter befindlichen Contentboxen sich jeweils eine Spalte teilen. Auf den Unterseiten dagegen befindet sich in den linken 2 Spalten der Suchergebnis-Inhalt und rechts sind Filter, Kontakt- und Jobmailboxen untergebracht. Dieses aufgeräumte Design führt dazu, dass der Inhalt leicht zu verstehen ist und Suchen schnell und übersichtlich entsprechende Ergebnisse liefern.

Das auf der Startseite eingesetzte 3D-Carousel wurde von pixelpaule.de umgesetzt und besitzt eine Datenbankanbindung sowie ein Upload-API zur Steuerung der Inhalte durch Dritte. Dieses 3D-Carousel basiert auf der Javascript Bibliothek jQuery. Die Inhalte werden über PHP bereitgestellt. Bei jedem Refresh zeigt sich eine neue Kombination aus Logo-Cover.

URL: www.berliner-jobmarkt.de
Besonderheiten: 3D Cover Carousel

Hervorzuheben ist die Bedienerfreundlichkeit, die schnelle, flexible und übersichtliche Möglichkeit Arbeitszeiten zu erfassen. Die daraus resultierenden Ergebnisse sind nicht nur für die individuelle Übersicht der geleisteten Arbeit wertvoll sondern bieten auch eine ganz neue Form der Ressourcenplanung und Auswertung von Aufwänden zur besseren Angebotserstellung oder Kostenstellenaufschlüsselung. Folgend die drei wichtigsten Bestandteile dieser Entwicklung.

Time Records – Zeiterfassung
Die Zeiterfassung ist das Kernstück von TRECS – TIME RECORDS. Über den übersichtlichen Kalender lassen sich alle einzelnen Tage per Klick ansteuern um die Produktionszeit den jeweiligen Aufgaben und Bereichen zuzuordnen. Ein “TRECS” Panel liefert eine hervorrangede “Übersicht der schon eingetragenden TRECS im Tages- Wochen und Monatsmodus. Ein Statusbalken zeigt pro Kalendertag die eingetragende Zeit an und gibt damit einen perfekten Überblick über die Vollständigkeit der Eintragungen.

Taskmanager
Der Taskmanager hilft die anstehenden Aufgaben zu verwalten. Jede Aufgabe kann einem User zugewiesen werden. Dieser erhält die Aufgabe per E-Mail zugeschickt und sie erscheint in seinem Task Panel. Nach Abarbeitung kann auch hier per Klick die benötige Zeit eingetragen werden. Automatisch wird dieser Wert in den Kalender übernommen. Auch hier liefert ein das Task Panel die Übersicht der Tages- und Wochenaufgaben. Wurde eine Task als TREC gespeichert ändert sich ihr Status. Ist die Aufgabe abgearbeitet kann diese per Klick als geschlossen markiert werden. Der Auftraggeber erhält eine Mitteilung per E-Mail.

Reports – Auswertungen
Reportings lassen sich in einer basis und erweiterten Version erstellen und liefern damit umfangreiche Auswertung der eingetragenden TRECS. Verschiedene Sortierungsmöglichkeiten sind im “extended” Modus möglich. Eine schnelle HTML Ansicht ist ebenso verfügbar, wie ein XLS-Export nach Excel und ein HTML Versand per E-Mail an ausgewählte User oder Mitarbeiter.

URL: trecs.ngn-global.de
Scripts: HTML, CSS, PHP, jQuery/Javascript/Ajax, MySQL
Besonderheiten: Weboberfläche mit Loginfunktion, Accountzuweisung, Taskmanager, umfangreiche Auswertungen