Abgefahren Relaunch Ideen

Aus Tramperwiki
(Weitergeleitet von Abgefahren Redesign Ideen)
Zur Navigation springen Zur Suche springen
25px To-do Liste für Diskussion:Abgefahren_Redesign_Ideen:

Hier sind einige Aufgaben die du bearbeiten könntest:
  • Fusionieren:
    • http://trampen.cc auf funktionen & bugs testen
    • Ausbauen:
    • schauen was fuer kategorien wir auf trampen.cc brauchen
    • Andere:
    • deine ideen und kommentare zu den bisherigen punkten auf unten dieser seite hinzufuegen

die komplette ToDo-Liste für den Relaunch findest du hier: http://hitchwiki.org/de/Abgefahren-Relaunch:To-do_Liste

Abgefahren 2.0

Ziel ist es die Internetpräsenz von Abgefahren e.V. im Zuge eines Updates auf Drupal 6.0 mit zu überarbeiten.

Eine Idee ist dabei die Startseite von Abgefahren ( www.abgefahren.hitchbase.com ) umzugestalten und vor allem zu vereinfachen. Dabei haben wir eine einfache Seite wie zB die Startseite von www.flickr.de (mit vielen schönen Bilder) als Vorbild. Aber auch die unter liegenden Seiten sollten ueberarbeitet werden und vereinfacht werden (siehe zB http://de.openoffice.org und http://www.vaude.de als nette Vorbilder - aber auch das kann einiges besser).

Der Inhalt von Abgefahren soll dabei in drei Zielgruppen aufgeteilt werden: Tramper, Anfaenger und Mitnehmer/Ehemalige Tramper. Nach der gemeinsamen Startseite sollte jede Gruppe ihr eigenes 'Portal' haben mit entsprechenden, fuer sie wichtigen, Inhalten im Vordergrund. So ist in meinen Augen bei Trampern Erfahrungsaustausch, Startplaetze und die anderen Resourcen und Moeglichkeiten im Verein wichtig, bei Leuten die zum ersten mal trampen die Tipps und auch Erfahrungsberichte und bei Alt-Trampern die Moeglichkeit ihre Anekdoten zu teilen, den Verein vorzustellen und um Unterstuetzung zu fragen.

Hilfe hierbei ist natuerlich sehr willkommen! Seien es Ideen zur Umsetzung und Aufteilung, Layoutvorschlaege oder Feedback. Auch Leute die Coden, Grafiken machen koennen oder wissen wie Drupal funktioniert sind gebraucht und gerne gesehen.

Unter http://www.trampen.cc sind die ersten lauffaehigen Entwuerfe zu sehen.

Design

Inhalt / Aufteilung

Startseite

Zu sehen sind das wertvollste was Tramper zu bieten haben:

  • Kurzer Block mit neuesten Nachrichten zum Thema
  • Bilder
  • Geschichten (aber nur die tag cloud bzw. Überschriften hierzu)
  • Auswahl: Mitnehmer/Alt-Tramper - Tramper - Anfaenger
  • (eventl. Login / Trampwebsuche in klein - was braucht man noch alles auf einen Klick?)

Mitnehmer/Alt-Tramper

Focus:

  • Moeglichkeit, Anekdoten zu teilen
  • Verein - why and what, Unterstuetzung
  • Bilder
  • Sicheres Mitnehmen

Anfaenger

Focus:

  • Warum trampen? - 10 gute Gruende
  • Erstes Mal Trampen
  • Mittramper-Suche
  • Untermenue zu: Tipps und Tricks, Frauen, Sicherheit, Gemeinsam Trampen
  • Geschichten/Erfahrungen
  • Forum

Tramper

Focus:

  • Blogs
  • Foren
  • Gallery (flickr-Einbindung und/oder selbstgehostet?)
  • Wiki/Karten/Startplaetze
  • SMS-Blog howto
  • Verein & Projekte/Gruppen
  • Meine Seite - Tools (Suchfelder fürs wiki, hbase; Karte mit Routenplanungsfunktionalitaet; eigenes Blog; Gallery -> Fotos hochladen; Beta-Funktionen testen)
  • Hinweis auf irc-chat, [email protected], ...

weitere Punkte

  • Einbindung des deutschen Wikis an vielen Stellen. Zum einen als Wiki selbst (im neuen Design, wie bei http://www.couchsurfing.com/wiki) und zum anderen einzelne (sehr gute) Seiten und Artikel direkt in den Inhalt eingebaut (zB TopTips in der Tip Sektion).
    • Klasse wäre natürlich die Möglichkeit abgefahren als OpenId Server laufen zu lasen. Somit könnten Leute mit einen Abgefahren Account sich direkt bei Hitchwiki einloggen. Edits würden dann als zB [email protected] zu sehen sein. Damit würde eine enge Verzahnung der Seiten möglich werden und eine Community entstehen.

Wer?

  • lupochen - design
  • alex - coordination, drupal, inhalt
  • you?

Weiter Seiten

Neueste Drafts

hier noch an der startseite/einstiegseite mit lupochen weiter gearbeitet. die farben passen noch nicht ganz. das bild kann ausgetauscht werden, der inoftext ist je nach bild dann rechts oder links.

Abgefahren-draft tramper topwhite3a startseite4a orange2 alt4b.png

Sieht verdammt gut aus, gefällt mir, vorallem die Farbwahl. Besser, wärmer, freundlicher als das blau dort unten. --Platschi 19:06, 15. Jan. 2009 (UTC)


LUPOCHEN_B Ich hab meine letzten Drafts überarbeitet bzw. mich ein wenig neu inspirieren lassen. Das dritte Bild zeigt noch einen zweifarbigen Entwurf. Der Kontrast könnte dabei natürlich geringer sein.


Draft lupochenb startseite.png Draft lupochenb startseite big.png Draft lupochenb startseite big2.png

Draft lupochenb anfaenger.png Draft lupochenb mitglieder.png Draft lupochenb mitnehmer.png Draft lupochenb tramper.png Draft lupochenb verein.png


LUPOCHEN Hier ein kleiner Entwurf zum dran reiben. Wundert euch bitte nicht, wenn weite Teile ein bisschen der derzeitigen Startseite von bewelcome.org ähneln. So ist das beim Designen - man hat Phasen mit bestimmten Stylen. Seht es also wirklich nur als Entwurf, um sich ueber Inhalte und Positionierungen klar zu werden:

Draft lupochen 2.jpg Draft lupochen 1.jpg Draft lupochen 3.jpg


BEWELCOME Da es angesprochen wurde, hier auch der Entwurf von/fuer BeWelcome... Das machts einfacher darueber zu reden, da der ja schon weiter entwickelt ist und wir nicht das selbe wollen (auch wenns in die selbe Richtung geht).
Lupochen beclean1.jpg

Diskussion Erste Drafts

alex: herzlichen dank!!! ich finde das mal ein guter anfang!! ich denke es geht in die richtung in die wir wollen. zu den unterschiedlichen sachen hier unten noch eine kritische auseinandersetzung:

  • draft_lupochen_2
    • die drei punkte (seite) & bild / einstiegsseite
      • alex: finde ich klasse, die seite waere vielleicht auch gut fuer einen einstieg. haette da auch soetwas wie bei flickr/bewelcome im kopf. das bild und die drei punkte mit symbol und einem satz dabei. // ich finde das bild muss dabei nicht so breit wie bei bewelcome sein, aber schon in der seite/content gut integriert sein.
    • das menu (die drei punkte / header)
      • alex: es ist wahrscheinlich gut dies in den header zu setzen. ich zweifle noch ob dies so dominat passieren muss. alternativ koennte ich mir auch vorstellen drei kleine symbole (die man auch auf der einstiegsseite gebraucht) oben rechts zu platzieren. wenn man einmal auf der seite ist (und gewaehlt hat was man ist), dann wechselt man ja nicht mehr die ansicht, oder?
    • einstiegseite
      • alex: ich denke das draft 2 kann man dazu umbauen. flickr und de bewelcome entwurf als vorbild. dazu brauchen wir neben den bildern noch nen guten dreizeiler als aufzieher. auch die tagcloud die wir haben koennen wir gut nutzen. also, zusammengefasst: bild, logo,name&dreizeiler, tagcloud & die drei "wegweiser"
  • draft_lupochen_1
    • alex: passt imho schon ganz gut von der aufteilung fuer die unterseiten. zwei spalten, eine spalten mit infos die wir ueber die sektion/kategorie geben wollen und die andere mit den inhalten die in der sektion/kategorie sind. dies sollte sich auch mit drupal (einfach) realisieren lassen.
  • draft_lupochen_3
    • Anfaenger / Tramper / Mitnehmer Unterseite
      • alex: hm... ich denke es ist einfacher dies wie beim draft 2 zu halten. zwei spalten, links was in der categorie ist und rechts was wir sonst noch so promoten wollen. desweitern koennten wir noch (ganz links oder rechts) kleine symbole / infoboxen plazieren (symbol und einen satz) die weiteren content promoten
  • allgemeine punkte zum arbeiten
    • die farbe.
      • alex: das grau ist natuerlich unvorteilhaft (erinnert mich an ne dreckige strasze). das orange das wir haben finde ich klasse. bewelcome hat natuerlich den idealen orangeton weggeschnappt. ich faende es aber klasse die ganze seite in diesen farbtoenen zu gestallten. orange/weisz/gruen vielleicht? helle, frische und auffallende farben sind wohl wichtig fuers tramper sein (zum einen wegen dem sicherheitsaspekt und zum anderen der umweltsaspekt die beim trampen wohl ne rolle spielen).
    • das logo / header.
      • alex: ich finde den daumen so wie er jetzt ist im feuerball nicht echt toll. habe aber auch keine ahnung was es sonst sein sollte. vielleicht einfach der daumen der sich dann in den schriftzug entwickelt. // ich faende es auch ok wenn das abgefahren teil wie bei bewelcome rechts oben in klein steht, der focus kann dann gerne ganz auf anfaenger/tramper/mitnehmer liegen ("Abgefahren" kann aber imho gut als aufahenger dienen).