Guido Schmitz

Beiträge

Guido Schmitz – Photography nun online


Screenshot von www.g-s.photography

Link zur Website

Die letzten Wochen habe ich meine freie Zeit genutzt, um meine Fotografie-Website zu programmieren. Sowohl bei der Plugin-Entwicklung als auch beim Theming konnte ich dabei noch viel Neues dazu lernen. Obwohl oder vielleicht gerade weil die Website wenig Text enthält, habe ich sehr auf eine korrekte Semantik, sowie die Outline und andere wichtige Aspekte zur Suchmaschinen-Optimierung geachtet.

weiterlesen

WordPress: Theme für die Monday Club Trilogie


Screenshot: www.monday-club.de

Screenshot: Monday Club Website

Im Rahmen meines Praktikums bei Progressive durfte ich für den Oetinger Verlag ein wie ich finde besonders schönes Projekt umsetzen. Und zwar handelt es sich dabei um eine Website für die Buchtrilogie Monday Club der Autorin Krystyna Kuhn.
Auf Basis eines Screendesigns setzte ich die Website in WordPress auf und programmierte ein responsives Theme, welches in Zukunft alle drei Bücher der Trilogie abbilden soll.

Für eine größtmögliche Flexibilität erstellte ich einige Inhaltsblöcke als Widgets, in denen sich die Überschrift und Farbigkeit einstellen lässt.

weiterlesen

Drupal: Webpräsenz für Firmen-KFZ


Screenshot Firmen-KFZ Website

Screenshot: Firmen-KFZ Website

Bei diesem Projekt habe ich zunächst eine rein statische Website basierend auf HTML5, CSS3 und jQuery realisiert. In diversen A/B-Tests erarbeiteten wir bei Progressive nach und nach eine optimale Funktionalität und User Experience.

Als die Inhalte immer komplexer wurden, war der nächste logische Schritt die Umsetzung in einem CMS.
Auf Basis der bisherigen Erfahrungen in diesem Projekt habe ich daher für Firmen-KFZ ein responsives Drupal-Theme umgesetzt und nach und nach weiter optimiert.

weiterlesen

WordPress: Relaunch für den Lenaisten e.V.


Screenshot Lenaisten.de

Screenshot: Lenaisten.de

Pünktlich zum neuen Album Crystal Sky von Lena habe ich die Vereinsseite des Lenaisten e.V. neu gestaltet und komplett überarbeitet. Das Ziel war, eine übersichtliche, besser strukturierte Seite zu erstellen, die den Besuchern einen sinnvollen Mehrwert bietet. Daher habe ich die Startseite so gestaltet, dass sie einen Überblick sowohl über die Projekte des Lenaisten e.V. als auch über alle Neuigkeiten zu Lena bietet.

weiterlesen

PROGRESSIVE: Onepager-Projekt für die IHK


Screenshot ihk-shareconomy.de

Screenshot: ihk-shareconomy.de

Bei diesem Onepager-Projekt zum Thema Shareconomy für die IHK München und Oberbayern, das ich in meinem Praktikum bei PROGRESSIVE umgesetzt habe, arbeitete ich erstmals mit fullPage.js. Dabei war das Projekt in vielfacher Hinsicht eine Herausforderung. So musste vor allem viel Inhalt für die verschiedensten Viewports optimiert und angepasst werden. Dabei habe ich auch meine ersten Erfahrungen mit Edge Animate machen können, das mir die Möglichkeit bot, die Animationen in diesem Projekt responsiv und durch JavaScript steuerbar zu gestalten. weiterlesen

PROGRESSIVE: Vorschaltseite für Domstürmer Single


Screenshot Domstürmer Hollywood Vorschaltseite

Screenshot: Domstürmer Hollywood Vorschaltseite

Mit jeder neuen Session im Kölner Karneval kommen natürlich auch immer wieder neue Musikstücke auf den Markt. Für die Domstürmer ist das aktuell die Single Hollywood, für die ich bei PROGRESSIVE eine neue Vorschaltseite gestalten und umsetzen durfte. Neu für mich war dabei vor allem die zeitabhängige Ausgabe von Inhalten, da das Video zu einem bestimmten Termin von der Teaserversion zur Vollversion werden sollte.

weiterlesen

Drupal: Neues Design für Lisa Stentenbach


Screenshot von www.lisa-stentenbach.de/

Screenshot: www.lisa-stentenbach.de

Eines der ersten Projekte in meinem Praktikum bei PROGRESSIVE war die Erstellung einer neuen Website inklusive einer dazu passenden Visitenkarte für Lisa Stentenbach, die in Köln verschiedene individualpsychologische Beratungen anbietet.
Auf Basis eines Screendesigns habe ich bei diesem Projekt meine ersten Erfahrungen mit Drupal gesammelt.
Vom Aufsetzen einer neuen Drupal-Installation über das Installieren und Konfigurieren verschiedener Module bis hin zur kompletten Umsetzung der Seite habe ich hier einen sehr umfassenden Eindruck des Community-CMS gewinnen können. Mit Hilfe von Bootstrap habe ich das Screendesign umgesetzt und weiterentwickelt, um alle gewünschten Inhalte abbilden zu können. Im Zuge der Website-Entwicklung konnte ich auch ein neues Logo mitgestalten.

weiterlesen

WordPress: Neuer Look für Daily-Lena.de


Screenshot Daily-Lena.de

Daily-Lena.de

Vor gut einem Monat habe ich einen Relaunch für die Lena Meyer-Landrut Newsseite Daily Lena vorgenommen.
Dabei habe ich neben neuen Funktionen, wie zum Beispiel Like Buttons unter den Artikeln, vor allem auf ein modernes und responsives Design gesetzt.
Im oberen Bereich gibt es jetzt zum Highlighten von besonders interessanten Artikeln einen Blickfang in Form eines Sliders.
Ältere Artikel können zudem nun einfach auf der Startseite durch einen Klick auf den Button „Ältere Beiträge“ nachgeladen werden. In der Sidebar sind nun nicht mehr nur die neuesten Tweets von Lena zu sehen, sondern zusätzlich auch weitere aktuelle Daten zu ihrem Profil, sowie das Profilbild.
Auch in Sachen Suchmaschinenoptimierung habe ich ein paar Verbesserungen vorgenommen.

weiterlesen

WordPress: Administrierung der Seiten des Lenaisten e.V.


In meiner Freizeit administriere ich mit großer Freude die Seiten des Lenaisten e.V., die überwiegend auf einem WordPress-Multisite-System basieren. Zur Zeit arbeiten wir an einer größeren Neugestaltung der einzelnen Seiten, um den Besuchern neue moderne Designs bieten zu können, die vor allem auch für mobile Endgeräte optimiert sein werden. Den Anfang wird demnächst die News-Seite Daily-Lena.de machen, die inzwischen fertiggestellt ist und schon in den Startlöchern für den Relaunch steht. Bei der Neugestaltung spielen natürlich auch eine bessere Semantik des Quellcodes sowie die Suchmaschinenoptimierung durch Hinzufügen von strukturierten Daten eine große Rolle. Zudem werden die einzelnen Seiten auch besser vernetzt werden, um den Besuchern ein einfaches Navigieren durch die unterschiedlichen Angebote zu ermöglichen.

weiterlesen

Weitere Infos