«

»

30 Dez 2013

Relaunch von vision-ev.de

via PCDie im Jahr 2007 eingeführte interaktive Internet-Präsenz unseres Vereins hat bis auf die Design-Anpassung an den neuen Namen im Jahr 2008 nur geringe grafische Veränderung erlebt.

Wir freuen uns, euch nun nach fast 7 Jahren unsere Internet-Seite in einem neuen Gewand präsentieren zu können.

Die mittlerweile auch aus technischer Sicht notwendige komplette Neuentwicklung bot uns die Chance, neben einem frischeren neuen Design und vielen neuen Funktionen auch die Struktur der Seite weiterzuentwickeln. So wurden seit Juli ca. 200 Stunden Entwicklungszeit investiert.

Wir wünschen viel Spaß beim entdecken der neuen Seite. Falls an der einen oder anderen Stelle etwas nicht ganz korrekt dargestellt wird, bitten wir dies zu entschuldigen. Über Feedback und/oder Fehlerhinweise würden wir uns sehr freuen.

Neue Features und Veränderungen

  • „Slider“ auf Startseite

    screen-slider-02Hier „fliegen“ ausgewählte aktuelle wichtige Beiträge in das Blickfeld. Dies können auch Beiträge sein, die schon länger zurückliegen und daher eigentlich nicht mehr auf der ersten Seite zu sehen sind. Wenn man den Mauszeiger in den Bereich des Sliders bewegt, bleibt der aktuell angezeigte Beitrag stehen. Über die „Knöpfe“ am unteren Rand (siehe Pfeil in Bild) kann man via Mausklick zu bestimmten Beiträgen springen. Alternativ kann man auch mit den Pfeiltasten nach links und rechts zwischen den einzelnen Beiträgen blättern.

  • screen-menuNeue Aufklapp-Menüs

    Die bisherige Navigation könnte aus technischer Sicht nur zwei Ebenen tief sein. Die neuen Menüs am oberen Rand ermöglichen jetzt eine Gliederung in etlichen verschachtelten Ebenen. (Beispiel: „Projekte“ / „Kunst“ / „Kunst im sozialen Raum“ / „Skulpturengarten“)

  • Kategorienarchive mit passenden Beiträgen auf Seiten

    Es werden nun die klassischen Datumsorientierten Beiträge unseres „Blogs“ am Ende jeder Seite dargestellt, falls der Name der Kategorie mit dem Namen der Seite übereinstimmt. So werden z.B. alle Beiträge bzgl. Skulpturengarten auf der Seite „Projekte / Kunst / Kunst im sozialen Raum / Skulpturengarten“ angezeigt. Weiterhin werden diese aber auch auf den darüberliegenden Seiten angezeigt. Also auch auf „Projekte / Kunst / Kunst im sozialen Raum“, „Projekte / Kunst“ und „Projekte“

  • via SmartPhoneSpezielle Ansicht für Smartphones

    Die Seite erkennt automatisch, wenn man sie mit einem Smartphone aufruft. Hier wird dann eine völlig andere Version mit für mobile Geräte optimierter Oberfläche angezeigt.

  • neue Seiten und Kategorien

    • Neue Seiten unter „Verein“
      Hinzugefügt wurden: Geschichte und Bernd Lemke
    • Neue Seite: „Sitemap“
      Auf dieser Seite werden die beiden Menüs übersichtlich angezeigt, so dass man sich die Struktur der Seite in Ruhe anschauen kann, ohne mit der Maus im Menü rumspringen zu müssen.
    • Neue Seite: „Kommentare“
      Hier werden alle bisher gemachten Kommentare aufgelistet.
    • Neuer „Downloads“-Bereich
      Zum einen werden hier verschiedene Formate unseres Logos, Flyer, Jahresberichte und sonstige Medien zum Download angeboten. Zum anderen findet man hier aber auch die 2 Kategorien „Fotos“ und „Videos“. Hier werden alle Beiträge angezeigt, in denen Fotos bzw Videos enthalten bzw verlinkt sind.
    • Neue Seiten unter „Angebote“
      Hinzugefügt wurden: Arbeitsprojekt und Tagesstruktur/Freizeitgestaltung
    • Neue Seiten unter „Projekte“
      Hinzugefügt wurden: Spritzensammeltour, Kölle putzmunter, Gedenkwand, Kalker Stadtgarten, KalkKunst
    • Unterkategorie „Kunst“
      Sämtliche Kunst-Projekte wurden in die Unterkategorie „Kunst“ verschoben. „Kunst im sozialen Raum“ wurde weiter unterteilt in Skulpturengarten, Wechselausstellung und Kunstgruppe. So kann man z.B. auf einen Blick alle Skulpturen ansehen, oder eben nur die Wechselausstellungen. Die Fotos aus dem Fotoprojekt von Robert Funke „Heroinwege“ wurden nun alle unter dem Titel „Nie mehr ohne“ veröffentlicht.
    • Neues Untermenü „Archiv“
      Hier finden sich Blog-Beiträge zu den folgenden Themen:
      Presse, Termine, Warnungen, Kooperationen, Linktipps, Petitionen / Aktionen, Politik, Stellungnahmen
    • Neues Untermenü „Wissen“
      Hier finden sich Blog-Beiträge zu den folgenden Themen:
      Safer Use, Drogennotfall, Substitution, Heroinbehandlung, Hepatitis und HIV, Recht
  • Seitenleisten

    • Neue Box in Seitenleiste „Öffnungszeiten und Kontakt“
      Wir bekamen öfters die Rückmeldung, man würd die Öffnungszeiten nicht finden. Jetzt sollte es kein Problem mehr sein, da auf jeder Seite sichtbar.
    • Neue Box in Seitenleiste „Unter-Seiten“
      Hier werden alle Seiten und Unterseiten des aktuellen Haupt-Menüpunktes angezeigt mit Markierung der aktiven Seite. Dies ermöglicht mehr Überblick und schnelles „durchklicken“
    • Spezielle Seitenleiste für Startseite
      Auf der ersten Seite wird eine andere Seitenleiste angezeigt, als auf den restlichen Seiten. So wird z.B. die Box „Mittagessen“, „Letzte Kommentare“ und „Zuletzt geänderte Beiträge“ nur auf der Startseite angezeigt.
    • Vorschau-Box jetzt mit Verlinkung
      nun können auch Beiträge, die in der Zukunft liegen, angezeigt werden.
    • Letzte Kommentare auf Startseite erweitert
      Es werden nun die ersten 200 Zeichen der Kommentare angezeigt und sollen dem Leser einen Anreiz zum weiterlesen bieten.
    • Kategorie “Fotos” leichter auffindbar
      Neue Box: Auflistung der letzten Foto-Beiträge mit kleinem Beitragsbild inkl. Extra Link zur Foto-Kategorie “alle Beiträge mit Fotos anzeigen”
    • Standard: nur noch eine Seitenleiste
      Durch das Aufklappmenü ist die Navigation in der Seitenleiste nicht mehr notwendig. Standardmässig wird daher nun nur noch eine Seitenleiste angezeigt, wodurch mehr Platz für die eigentlichen Inhalte gewonnen wird.

      • Ausnahme 1: manchmal zwei Seitenleisten
        Bei Inhalten, welche nicht soviel Platz in der Breite benötigen, wird rechts eine zweite Seitenleiste eingeblendet. Beispiele hierfür sind die Seiten „Links“ und „Impressum“, wo die Mitgliedschaften- und Partner-Links neuerdings mit Logos angezeigt werden.
      • Ausnahme 2: manchmal völlig ohne Seitenleiste
        Wenn man mal mehr Platz in der Breite braucht, kann man auch die Seitenleisten komplett ausblenden. Beispiel: „Trauer“ – hier soll nichts ablenken…

      Ob 1, 2, oder keine Seitenleiste angezeigt werden soll, kann bei jeder Seite und jeden Beitrag seperat eingestellt werden.

  • Design-Anpassung je nach Seite / Artikel

    • eigenes Kopfzeilen-Bild für jede Seite oder Beitrag
      Je nach Inhalt kann auf jeder Seite oder Beitrag ein spezielles Header-Bild ausgewählt werden. Ohne Angabe eines bestimmten Bildes wird zufällig eins der Standard-Bilder angezeigt.
    • „Trauer“
      Die Seite Trauer und sämtliche Beiträge mit der Kategorie Trauer werden mit einem dunkelgrauen Hintergrund versehen.
  • neue Funktionen

    • Neuer Button: „Weise einen Freund auf diesen Beitrag hin“
      Auf Seiten und Beiträge kann man veranlassen, dass an eine bestimmte E-Mail-Adresse eine Kopie des aktuellen Inhalts geschickt wird.
    • Neuer Button: „Drucken“
      Auf Seiten und Beiträge wird über das Drucker-Symbol rechts neben der Überschrift die normale Druck-Funktion des Browsers aufgerufen.
    • Kommentare jetzt auch auf Seiten möglich
      Dies wurde auf folgenden Seiten aktiviert: Anlaufstellen und Projekte.
    • Kontaktformulare ersetzen E-Mail-Link
      • Unter Impressum wurde ein Kontaktformular hinzugefügt.
      • Auf der Vorstands-Seite wurde ein Kontaktformular hinzugefügt.
      • Auf der Mitgliedschafts-Seite wurde ein Online-Mitgliedsantrag hinzugefügt.
      • Auf der Trauer-Seite wurde ein Formular für neue Trauerfälle hinzugefügt.
    • Anzeige von Fotos
      Wenn man ein Foto aus einer Sammlung (Gallerie) von mehrere Fotos anklickt, kann man durch einfaches anklicken des Bildes zum nächsten Foto wechseln. Wenn alle angezeigt wurden, beginnt es wieder von vorner in einer Endlos-Schleife. Das Fenster schliesst man wieder durch klicken auf das X oder auf den abgedunkelten Bereich der Seite.
    • Anzeige von PDF-Dateien
      Beim Klick auf PDF-Dateien werden diese nun so dargestellt, wie auch Fotos dargestellt werden.

 

Farbpalette

#9B6F00 #B28D2D #EEAB01 #F7C23E #F7D070
#9B5200 #B2742D #ee7f01 #F7A03E #F7B770 #ffeab6 #FFEFD5 #fffdf8
#9b1422 #B2472D #cd011c #F7623E #F78970

Permanentlink zu diesem Beitrag: https://www.vision-ev.de/2013/12/30/relaunch/

2 Pings

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.