+49 (0) 69 247 429 19-0
  • Leistungen
    • IT-Beratung
      • Datensicherung (Backup)
      • Verschlüsselung
      • Prozessoptimierung
    • Softwareentwicklung
      • Web-Design
      • Office-Programmierung
      • Datenbank-Anwendungen
    • B2B-Dienstleistungen
      • Marketing & Vertrieb
      • Computersystem-Validierung (CSV)
  • Kundenmeinungen
  • Blog-Universe
    • Das itcv-IT-Blog
    • Zukunftswelt
  • Über itcv
  • Kontakt
  • Suche
  • Menü Menü
Unser Blog-Universum

Projekt: EEC e. V. – Ein dynamischer Web-Auftritt für die Energiewende

Marketing, Web-Design

Die EUROPAEISCHE ENERGIEWENDE Com­mu­ni­ty e. V. ist ein Ver­ein, der sich dem Kli­ma­schutz in allen Lebens­be­rei­chen und der zukunfts­fä­hi­gen Gestal­tung unse­res Lebens­raums ver­schrie­ben hat. Um die­se Zie­le zu errei­chen, setzt der Ver­ein auf Bil­dung und Aufklärung.
itcv hat dazu den pas­sen­den Web-Auf­tritt gestaltet.

Europäische Energiewende Community e. V.

Der neu gegrün­de­te Ver­ein blickt auf eine inzwi­schen 10-jäh­ri­ge Geschich­te zurück: damals wur­de die gleich­na­mi­ge Face­book­grup­pe gegrün­det, die inzwi­schen über 19.000 Mit­glie­der ver­fügt. Spä­ter kam das eemag hin­zu. Hier­bei han­delt es sich um ein Online-Maga­zin mit qua­li­ta­tiv hoch­wer­ti­gen Inhal­ten zu dem oben genann­ten Themen.

Die Ver­eins­grün­dung erfolg­te, um die Tätig­kei­ten aus­zu­wei­ten und die Reich­wei­te zu erhö­hen. Vor die­sem Hin­ter­grund soll­te auch eine Ver­eins-Web­site entstehen.

Die Anforderungen an die Website

Wie jedes Web­site-Pro­jekt began­nen wir zunächst, die genaue Zie­le zu erfra­gen. Also:

Wen und was möch­te der Ver­ein kon­kret mit dem Web-Auf­tritt erreichen?

Schnell war klar, dass es im wesent­li­chen um fol­gen­de Punk­te ging:

  • „Visi­ten­kar­te“ des Vereins
  • Spen­den einsammeln
  • Mit­glie­der werben
  • Kon­takt­mög­lich­keit anbieten

Nach ein­ge­hen­der Dis­kus­si­on mit dem Kun­den haben wir dann gemein­schaft­lich beschlos­sen, auf der Start­sei­te die His­to­rie des Ver­eins unter­zu­brin­gen und den Besu­cher so zu den bei­den CTA's (Call-to-Action, Hand­lungs­auf­for­de­rung)  „Geld spen­den“, bezie­hungs­wei­se „Mit­glied wer­den“ zu führen.

Design-Aspekte der Website

Die Farbpalette

Wie bereits oben erwähnt, betreibt der Ver­ein bereits ein eta­blier­tes Online-Maga­zin zum The­ma Ener­gie­wen­de und Kli­ma­schutz. Wir haben daher vor­ge­schla­gen, die dort ver­wen­de­ten Schrif­ten und die Farb­ge­bung weit­ge­hend von die­ser Sei­te zu über­neh­men, um einer­seits die Mit­glie­der der Face­book-Grup­pe „abzu­ho­len“ (die Web­site des Ver­eins soll zunächst inner­halb der Face­book-Grup­pe bewor­ben wer­den). Der Wie­der­erken­nungs­wert beim Wech­sel zwi­schen bei­den Web­sites spricht eben­falls für die­ses Vorgehen.

Auf Basis der über­nom­me­nen Far­ben haben wir abschlie­ßend eine voll­stän­di­ge Farb­pa­let­te generiert:

EEC-Palette

Das Header-Bild

Im Ver­ein steht eine gesamt­ge­sell­schaft­li­che Betrach­tung im Mit­tel­punkt: man will sozi­al gerech­te Lösun­gen für alle Men­schen schaf­fen. Was liegt also näher, als auch auf der zu gestal­ten­den Web­site Men­schen in den Mit­tel­punkt zu stel­len? Umge­setzt haben wir dies durch ein ent­spre­chend gestal­te­tes Ban­ner, wel­ches neben dem Logo eine Anzahl Men­schen ent­hält. Ins­be­son­de­re auch Kin­der und Kin­der­wa­gen sowie Fahr­rä­der, um die Nähe zur Ver­kehrs­wen­de zu unter­strei­chen.  Selbst­ver­ständ­lich haben wir dem Kun­den zuvor eine Aus­wahl in Fra­ge kom­men­der Bil­der zur Aus­wahl vorgelegt.

Website-Header EEC e. V.

Viel Dynamik – und ein Eye-Catcher!

Beschreibt man die 10-jäh­ri­ge Ent­ste­hungs­ge­schich­te eines Ver­eins, liegt es auf der Hand, dass die­ses Unter­fan­gen zunächst mal sehr text­las­tig ist. Kein Web­site-Besu­cher liest jedoch ellen­lan­ge Tex­te, also galt es, die Sache auf­zu­lo­ckern – aber wie?

Bil­der sind hier­für immer sehr hilf­reich. Zur Ver­fü­gung stan­den selbst­ver­ständ­lich der Hea­der des eemag und der Face­book-Grup­pe – bei­des nicht gera­de Bil­der, die beim Besu­cher die gro­ßen Emo­tio­nen wecken.
Wir haben daher nach einem wei­te­ren Bild gesucht, wel­ches eine Ver­bin­dung zum Ver­eins­the­ma hat, gleich­zei­tig beim Betrach­ter Emo­tio­nen weckt, im bes­ten Fall sogar in Erin­ne­rung bleibt – ein Eye-Cat­cher also!

Auch hier haben wir wie­der meh­re­re Vor­schlä­ge aus­ge­wählt, wel­che wir dem Kun­den vor­ge­legt haben. Die­ser hat sich letzt­end­lich für das Motiv „Pla­net earth and blue human eye“ ent­schie­den. Übri­gens hat die NASA die Welt­kar­te dazu beigesteuert.

Website EEC e. V.

Die in der Abschnitts­über­schrift erwähn­te Dyna­mik haben wir durch fol­gen­de Maß­nah­men auf der Start­sei­te umgesetzt:

  • Ver­wen­dung beson­ders gro­ßer Schriften
  • Ein­satz des Eye-Cat­chers als Near-Hero-Shot in Ver­bin­dung mit einem Parallax-Effekt
  • Dyna­mi­sche Abschnitte: 
    • Slide-In der bei­den Titel­zei­len von links, bezie­hungs­wei­se rechts
    • Wich­ti­ge Abschnitts­über­schrif­ten als Slide-Ins von links in Highlight-Farbe
    • Fade-In aller übri­gen Text­ab­schnit­te und Bil­der beim Scrollen
  • Ver­wen­dung von zwei (har­mo­ni­schen) Schrift­ar­ten für Abschnittsüberschriften

Den Fade-In-Effekt der Text­ab­schnit­te haben wir auch auf den übri­gen Sei­ten weit­ge­hend beibehalten.

Zielführende Inhalte

Auf den übri­gen Sei­ten haben wir nur die wesent­li­chen Infor­ma­tio­nen unter­ge­bracht, wel­che der Besu­cher auf­grund des Titels der ange­wähl­ten Sei­te ver­mut­lich gera­de sucht.
So ent­hält etwa die Sei­te Mit­glied wer­den Infor­ma­tio­nen zu den Vor­tei­len einer Mit­glied­schaft, der Höhe des Mit­glieds­bei­trags (und wann die­ser zu zah­len ist) und der erfor­der­li­chen Vor­ge­hens­wei­se ein­schließ­lich down­load­ba­rem Mitgliedsantrag.

Sinn­ge­mäß gilt das Cre­do „Kon­zen­tra­ti­on aufs Wesent­li­che“ auch für die Sei­te Spen­den:

  • War­um soll ich spenden?
  • Spen­den-Wid­get (Twing­le, via GLS Bank), alter­na­tiv Bankverbindung
  • Infor­ma­tio­nen zur Spen­den­be­schei­ni­gung (inkl. Down­load eines ver­ein­fach­ten Zuwen­dungs­nach­wei­ses)

Kontaktseite

Obwohl wir selbst­ver­ständ­lich dar­auf ach­ten, alle Kon­takt­da­ten im Foo­ter einer Web­site anzu­ge­ben, emp­feh­len wir unse­ren Kun­den regel­mä­ßig die Imple­men­tie­rung einer Kon­takt­sei­te. Hier­für gibt es meh­re­re Gründe:

  • Eine Kon­takt­sei­te mit Kon­takt­for­mu­lar ist ins­be­son­de­re für mobi­le Besu­cher ein­fach handelbar
  • Eine Kon­takt­sei­te mit Kon­takt­for­mu­lar lässt dem Besu­cher die Wahl
    Besu­cher sinbd poten­zi­el­le Kun­den, bezie­hungs­wei­se im vor­lie­gen­den Fall poten­zi­el­le Spen­der oder neue Ver­eins­mit­glie­der. Es ist des­halb immer eine gute Idee, es Besu­chern so ein­fach wie mög­lich zu machen. Die eine schreibt lie­ber eine E‑Mail, der ande­re bevor­zugt das Kon­takt­for­mu­lar. Las­sen Sie des­halb bei­des zu!
  • Web­site-Besu­cher erwar­ten dass einfach!
    Bei einem unse­rer Kun­den geht das soweit, dass die­ser mehr Anfra­gen über das Kon­takt­for­mu­lar als direk­te E‑Mails erhält
  • Die Kon­takt­sei­te bie­tet die Mög­lich­keit, zusätz­li­che (kor­re­spon­die­ren­de) Infor­ma­tio­nen dar­auf unterzubringen
    Sei es eine Anfahrts­skiz­ze oder – wie im vor­lie­gen­den Fall – Links zu den Social­Me­dia-Kanä­len des Ver­eins: sol­che Infor­ma­tio­nen gehö­ren auf jeden Fall auf eine Kontaktseite!

Die Menüleiste der Website

Aus den bis hier­her beschrie­be­nen Web-Sei­ten ergibt sich auch die erfor­der­li­che Menüleiste.
Ein­zi­ge Beson­der­heit: Gewünscht war die her­vor­ge­ho­be­ne Dar­stel­lung des Links zur Spen­den-Sei­te. Die­sem haben wir durch eine farb­lich her­vor­ge­ho­be­ne Dar­stel­lung als But­ton Rech­nung getragen.

Header mit Menüzeile EEC e. V.

Das Ergebnis

Wir hof­fen, das unse­re Pro­jekt­be­schrei­bung Sie neu­gie­rig auf das Ergeb­nis gemacht hat. Wer­fen Sie doch ein­fach selbst einen Blick dar­auf und bil­den Sie sich selbst ein Urteil über die Qua­li­tät unse­rer Arbeit! Und viel­leicht iden­ti­fi­zie­ren Sie sich ja auch mit den Zie­len des Ver­eins und wer­den selbst Mit­glied oder Spen­den einen klei­nen Betrag?

Ver­eins­sei­te anzeigen

 

17. Juli 2021/von Jürgen Voskuhl
Eintrag teilen
  • Teilen auf Facebook
  • Teilen auf Twitter
  • Auf WhatsApp teilen
  • Teilen auf LinkedIn
  • Per E-Mail teilen
https://www.itcv-software.com/wp-content/uploads/2021/07/AdobeStock_65471228_web.jpg 860 1639 Jürgen Voskuhl /wp-content/uploads/2018/11/Logo_itcv_claim.svg Jürgen Voskuhl2021-07-17 01:20:412022-12-18 06:58:27Projekt: EEC e. V. – Ein dynamischer Web-Auftritt für die Energiewende
Das könnte Dich auch interessieren
Klima vor achtProjekt: KLIMA° vor acht – Online-Campaigning
Projekt: Website für den RT-EE
Produkt: ExpertSys – Expertensystem als WordPress-Plugin

Newsletter

Kategorien

  • Allgemein
  • Coronavirus
  • Datensicherung (Backup)
  • Energie & Umwelt
  • IT-Sicherheit
  • Klimakrise
  • Marketing
  • Mobilität
  • Off-Topic
  • Social Media
  • Software
  • Uncategorized
  • Verschlüsselung
  • Web-Design

Schlagwörter

2FA Allianz für Cybersicherheit Automobilindustrie Backup BDSG Blutdruck Campaining Coronavirus Cryptomator Datendiebstahl Datenschutz Datensicherung Defender DSGVO E-Mail-Marketing EEG Energiewende Excel Facebook IT-Grundschutz IT-Sicherheit Klimaschutz Klimawandel Klimawandelleugner Klimawandelskeptizismus Kohleausstiegsgesetz Lobbyismus Mobilität Mundschutz Newsletter Passwort-Manager Passwortsicherheit PCsicher Phishing Solardeckel Stromlobby Verein Verschlüsselung Wasserstoff Wasserstoffstrategie Web-Design Website Windows 10 WordPress Zwei-Faktor-Authentifizierung
Kürzlich
  • Produkt: ExpertSys – Expertensystem als WordPress-Plu...9. November 2022 - 5:12
  • Projekt: Search&Vote – Benutzerfreundliches WordP...28. September 2022 - 18:05
  • Vereine im Wandel: Was wir für Vereine tun26. Dezember 2021 - 17:24
  • Office - GSuite - Word - Google DocsGemeinsames Arbeiten an einem Dokument: Wie funktioniert...29. Oktober 2021 - 14:30
Beliebt
  • KohleausstiegDas Kohleausstiegsgesetz: Ein Rohrkrepierer7. Juni 2020 - 16:32
  • Jürgen Voskuhl (Portrait)itcv:Reloaded – Was steckt dahinter?12. November 2018 - 18:09
  • BundesregierungWelche Energiewende will die Bundesregierung?23. Mai 2020 - 17:31
  • Wasserstoff statt CO2Die nationale Wasserstoffstrategie: Fragen und Anmerkun...15. Juni 2020 - 18:30

Kontakt

Fon +49.69.24742919–0
Fax +49.69.24742919–9
E‑Mail info@​itcv-​software.​com
Face­book

itcv GmbH

Solms­str. 71
D‑60486 Frankfurt

Newsletter

Abon­nie­ren Sie jetzt unse­ren News­let­ter und erhal­ten Sie ab sofort infor­ma­ti­ve Bei­trä­ge zu allen wich­ti­gen IT-Themen!

Wir sen­den Ihnen höchs­tens zwei E‑Mails pro Monat. Sie kön­nen unse­ren News­let­ter jeder­zeit wie­der abbe­stel­len. Bit­te beach­ten Sie unse­re Daten­schutz­er­klä­rung. Mit dem Klick auf „Abon­nie­ren“ akzep­tie­ren Sie diese.

Unsere Mission

Durch unse­re Bera­tung und mit unse­ren Lösun­gen für klei­ne und mitt­le­re Unter­neh­men sind die­se für Ihre Kun­den bes­ser erreich­bar, erhö­hen Ihre IT-Sicher­heit und opti­mie­ren Ihre Geschäftsprozesse.

WEITERSAGEN
  • Tei­len auf Facebook
  • Tei­len auf Twitter
  • Tei­len auf LinkedIn
  • Per E‑Mail teilen

SICHERHEIT

Ihre Daten sind bei uns sicher

Logo SSL-Verschlüsselung

Copyright © 2018-2022 itcv GmbH
  • Facebook
  • Twitter
  • AGB
  • Datenschutzerklärung
  • Impressum
Projekt: KLIMA° vor acht – Online-CampaigningKlima vor achtDie Skandale des Armin Laschet. Eine Liste. Nach oben scrollen

Um unsere Webseite für Sie optimal zu gestalten und fortlaufend verbessern zu können, verwenden wir Cookies. Nähere Informationen dazu und zu Ihren Rechten als Benutzer finden Sie in unserer Datenschutzerklärung. Klicken Sie auf „Ich stimme zu“, um Cookies zu akzeptieren und direkt unsere Website besuchen zu können. Oder klicken Sie auf "Cookie-Einstellungen", um Ihre Cookies selbst verwalten zu können.

Ich stimme zuCookie-Einstellungen

Cookie und Privatsphäre-Einstellungen



Wie wir Cookies verwenden

Wir verwenden Cookies, um Sie als wiederkehrenden Besucher zu erkennen und z.B. Inhalte speziell für Sie zugeschnitten zu präsentieren. Cookies ermöglichen aber auch Nutzungshäufigkeit, Verhaltensweisen und eindeutige Nutzerzahlen statistisch zu ermitteln, um die Website besucherfreundlicher und sicherer zu gestalten.

Klicken Sie auf die verschiedenen Überschriften, um mehr zu erfahren. Sie können auch einzelne Einstellungen ändern. Beachten Sie, dass das Blockieren einiger Arten von Cookies Ihre Erfahrung auf unseren Websites und die von uns angebotenen Dienste beeinträchtigen kann.

Wichtige Website Cookies

Diese Cookies sind unbedingt erforderlich, um Ihnen die auf unserer Website verfügbaren Dienste zur Verfügung zu stellen und einige ihrer Funktionen zu nutzen.

Da diese Cookies zur Bereitstellung der Website unbedingt erforderlich sind, können Sie sie nicht ablehnen, ohne die Funktionsweise unserer Website zu beeinträchtigen. Sie können sie blockieren oder löschen, indem Sie Ihre Browsereinstellungen ändern und das Blockieren aller Cookies auf dieser Website erzwingen.

Google Analytics Cookies

Diese Cookies sammeln Informationen, die entweder in aggregierter Form verwendet werden, um zu verstehen, wie unsere Website genutzt wird oder wie effektiv unsere Marketingkampagnen sind, oder um uns zu helfen, unsere Website und Anwendung für Sie anzupassen, um Ihre Erfahrung zu verbessern.

Wenn Sie nicht möchten, dass wir Ihren Besuch auf unserer Website verfolgen, können Sie das Tracking in Ihrem Browser hier deaktivieren:

Andere externe Dienste

Wir verwenden auch verschiedene externe Dienste wie Google Webfonts, Google Maps und externe Videoanbieter. Da diese Anbieter möglicherweise personenbezogene Daten wie Ihre IP-Adresse sammeln, können Sie diese hier blockieren. Bitte beachten Sie, dass dies die Funktionalität und das Erscheinungsbild unserer Website stark beeinträchtigen kann. Änderungen werden wirksam, sobald Sie die Seite neu laden.

Google Webfont-Einstellungen:

Google Karteneinstellungen:

Vimeo und Youtube Video bettet ein:

Datenschutz-Bestimmungen

Sie können unsere Cookies und Datenschutzeinstellungen im Detail in unserer Datenschutzerklärung nachlesen.

Datenschutzerklärung
Accept settingsHide notification only