search

springers54 / reiki

0 stars 0 forks source link

Detaillierung #4

Closed springers54 closed 8 years ago

springers54 commented 8 years ago

Es wäre gut, wenn die Aufgabenbeschreibung noch mal aktualisiert werden würde: https://github.com/springers54/reiki/issues/1

  1. so wie ich es verstanden habe, haben dir die orange/gelb/rote Farben in dem einen Template gefallen? Also müsste man jetzt die grünen Farben durch orange/geld/rote ersetzen?
  2. Suchfeld existiert bereits, ich finde es aber nicht schön umgesetzt, wenn man es anzeigen lässt. hier würde ich eine elegantere Lösung anbieten.
  3. Logo - aktuell gibt es noch kein richtiges Logo, oder? Hier müsste man ein neues kreieren.

Viel wichtiger ist aber der Gesamtüberblick - also Sitemap mit allen zusätzlichen Infos, Kategorien und dazugehörigen Unterseiten. Den Überblick hast du, wir brauchen hier also eine Übersicht. Wir sollten die Website nach dem Prinzip "Content first" aufbauen, d.h. zuerst kommen die Inhalte (zumindest grobe Übersicht der Inhalte), die Architektur/Struktur (also welche Kategorien gibt es, welche Unterseiten dazu?), danach erst wird das finale Design/Layout angepasst. Denn durch die Struktur ist es erst ersichtlich, was alles gebraucht wird und wo was fehlt. Ich nehme an, von der aktuellen Website wird nur teilweise der Inhalt übernommen? Ich denke, eine Übersicht in Form einer Tabelle o.ä. wäre optimal. Dann kann man auch sagen, wo welche Bilder dazu passen. Z.b. das Banner Bild (können wir uns heir auf die Bezeichnung "Teaser" einigen? So nennt man solche großen Bilder i.d.R.). Mein Plan ist also:

  1. Anpassungn der Grundfarben
  2. Anpassung des Suchformulars (Position, Größe, Design)
  3. Entwicklung eines Logos und dessen Einsatz
  4. Einsetzen des Inhalts (keine Feinheiten, wirklich nur grober Aufbau - dazu gehören Texte, Überschriften, Bilder oder Bildideen, Icons etc.). Hier brauche ich aber von dir die Gesamtübersicht.
  5. Anpassung der Feinheiten. z.b. Gefallen mir noch die Typo, Größen und Positionen der Elemente nicht ganz. ISt aber Geschmackssache, eher optional und lässt sich am Ende bei Bedarf klären/anpassen. Es werden sich sicherlich im Laufe der Umsetzung ein paar Sachen ändern bzw. Anpassen, auch die Umsetzungspunkte und deren Reihenfogle. Das ergibt sich meist von selbst. lg Jörg
springers54 commented 8 years ago

Ich muss da zu den Seiten nochmal meine Hausaufgaben machen, indem ich die alte Seitenstruktur abbilde, kritisch durchsehe, kommentiere und in eine neue mögliche Seitenstruktur überführe.

Zu deinen Fragen oben:

  1. Seitenfarben Das Grün geht gar nicht. Die alte Farbe ist, bezogen auf das Banner, orange - gelb- grau, darum hat mich das orange - gelb - rot des einem Templates vermutlich auch angesprochen. Die Farben der Seite sollen Energie (regenbogen) Liebe (rot) Spiritualität (keine Ahnung, nehme mal hier die Farben aus dem Buddhismus, also auch gelb und orange) ausdrücken. Alles soll aber dezent und nicht bunt wirken.
  2. Suchfeld Gebe ich dir Recht. Die Lupe ist nicht die optimale Lösung. Mir gefällt ein sichtbares Feld auch besser.
  3. Logo Es gibt im eigentlichen Sinne kein Logo, wenn man den Schriftzug nicht als Logo sieht. Und ich weiß auch nicht, wofür wir ein Logo brauchen sollten. Es gibt keine Drucksachen, keinen einheitlichen Schriftverkehr. Jeder Lehrer kann seine Zertifikate selbst gestalten, viele verwenden, so wie ich, das Banner der Seite für die Gestaltung. Ein Logo hat nur Sinn, wenn es sich irgendwo einprägen soll. Mir reicht es vollkommen, wenn zen-reiki als Wortmarke eingeprägt ist. Die Schrift ist Ruach. Also die Zeit für die Entwicklung eines Logos sparen. Wir haben 15 Jahre ohne gelebt ;-)
joergsteinhauer commented 8 years ago

Wunderbar.

  1. Farben: geht klar, ja eben - orange/gelb/rot passt gut zum Thema.
  2. Suchfeld - ok, ich zeige das Feld gleich an. Mal sehn wie sich das integrieren lässt. Das högnt so bissel von der Anzahl der Kategorien ab bzw. davon, wieviele Punkte wir im Menü darstellen wollen.
  3. Ok, stimme ich zu. Wortmarke reicht auch aus, ich nehme die Schrifart und bastele was einfaches.
springers54 commented 8 years ago

... zu 3.: Sollte man nicht bei dem Ruach-Schriftzug bleiben? Anstelle von www.zen-reiki.de könnte man auch Zen-Reiki-Internetschule verwenden.

joergsteinhauer commented 8 years ago

zu 3. das meine ich ja - ich nehme den Ruach-Schriftzug

joergsteinhauer commented 8 years ago

Unteraufgaben zum Abarbeiten

Farben

Suche

Logo

Typo

Performance

Nice to have

joergsteinhauer commented 8 years ago

Fragen an @springers54 Antworten an @joergsteinhauer: Ich antworte inline auf deine Fragen

Layout

Sylvia: Den Chat brauchen wir nicht, der Login ist mir extrem wichtig und sollte einen wirklich sichtbaren Bereich haben. Von den sozialen Netzwerken ist nur Facebook im Moment von Bedeutung, zukünftig könnte auch das eine oder andere bei Youtube mit dazukommen.

Jörg: OK, also sollte die Leiste bleiben. Login ist wichtig, ja. ~~Ich finde es dann nur schade, die ganze Leiste zu lassen um nur den Login und 1-2 Social Links drin zu lassen. Kann man zwar machen... man könnte aber überlegen, wo man den Login-Link besser platzieren könnte. Social Links kann man auch woanders packen. Dann hätten wir Platz gespart und rein visuell den Blick gleich auf eher wichtigere Sachen gelenkt - auf Menü und Logo. Ist aber Ausbaustufe und eher Semiwichtig. Ich sehe gerade, da können noch weitere Punkte Kontakt und Impressum unterkommen, dann macht es Sinn, die Leiste zu lassen.~~

Jörg: wie in Issue #6 beschrieben, soll die Leiste wegfallen. Die dazugehörigen Links sollen im footer erscheinen, Login Link prominent im Header.

Typo

Sylvia: Ja, da bin ich vollkommen deiner Meinung. Ich finde die großen Schriften auch viel zu groß und einige andere zu klein.

Menu

Sylvia: Hier brauche ich noch etwas Zeit, melde mich morgen im Laufe des Tages dazu, die neuen Hauptpunkte festzulegen. Erster Entwurf in #6

Logo

Sylvia: Ich überlege, ob Internetschule das beste Wort ist. Nach der Suchanalyse sucht das keiner, gesucht werden Reiki online lernen, Reiki lernen kostenlos, Reiki Ferneinweihung.

Vielleicht könnte man diese Zeile umwandeln in Life Coaching oder Spirituelles Coaching, denn genau das machen wir eigentlich. Wir begleiten Menschen auf ihrem Weg.

Von deinen 3 Varianten würde ich mit der zweiten weitermachen. Diesen Kringel als Teil des Logos zu nehmen, gefällt mir gut., könnte man dann auch als Favicon nutzen. Im Moment haben wir ja das rote Herz. Früher hieß es mal als Slogan: Reiki mit Herz - ohne Kommerz.

Der Schriftzug in der 2. Zeile ist ziemlich klein. Er sollte ein bisschen größer sein als jetzt, aber trotzdem im Hintergrund zum Schriftzug Zen-Reiki sein.

Jörg: OK, ich arbeite weiter dran. Wording kann ich dann anpassen, wenn du es finalisiert hast.

logo_1 logo_2 logo_3

Farben

Sylvia: Ich nehme an, das ist noch nicht die Endlösung. Das ist zwar schon besser, als das Grün, wirkt aber in dem unteren Feld irgendwie noch schmutzig und die weiße Schrift wirkt auf dem Sandgelb auch nicht wirklich gut. Als Kontrast zu dem Grau ist es ok.

Jörg: ich kann noch dran arbeiten. Das Gelb ist immer etwas schwierig und wird eben schnell "dreckig", wenn man es mit dunklen Sachen mischt. Ich probiere etwas ins Orange zu gehen. Das Halbtransparente kann man auch weglassen, dann ist es nicht mehr so dreckig.

springers54 commented 8 years ago

Die gelbe Farbe finde ich jetzt ganz ok. Womit ich mich immer noch schwer tue, ist die weiße Schirft auf den ausgewählten gelben Flächen. Eigentlich gibt es jetzt auf der Homepage nur noch 2 Farben, Gelb und eine Art Dunkelgrau, sowie Hellgrau. Kann man zwar als edel ansehen, kann aber auch als langweilig bezeichnet werden. Wenn man auf einige Unterseiten geht, dann sieht man, dass die jetzige Farbgestaltung noch nicht wirklich passt.

http://zen-reiki.de/team-view/angela-white/

Ich zeichne dazu mal ein kleines Video auf, was mir so auffällt auf den ersten Blick https://www.i-talk24.net/msg/7c39931

joergsteinhauer commented 8 years ago

Ja, weiß auf Gelb ist wohl immer noch nicht kontrastreich genug. Da hilft es, noch etwas dunkler zu gehen, evtl. etwas in Richtung "rot". Ich mache mal einen Screenshot.

2 Farben sind sicherlich nicht so abwechslungsreich, wir können gern eine dritte Farbe nehmen. Ich habe es bis jetzt nicht getan, weil es im Template keine dritte gab. Auch muss man vorher wissen,w elche Elemente die dritte Farbe verkraften. Ich kann mir z.B. u.a. beim Logo sehr gut eine andere Farbe vorstellen, damit sich dieses abhebt. Auch andere Elemente.

Die Aufgabe zum Teaser habe ich hier gelöscht, da es dafür ein extra Issue gibt. Alles kein Problem, wir müssen nur passende Bilder finden, s. #7

springers54 commented 8 years ago

Das Logo würde ich lieber in der Farbe so lassen weil es besser zum Menü passt. Wir müssen einfach schaffen das die Links auf weißem Hintergrund immer noch wirken.

joergsteinhauer commented 8 years ago

Ok, werde ich anpassen.

joergsteinhauer commented 8 years ago

@springers54 passt die Orange Farbe jetzt?

springers54 commented 8 years ago

ja, die Farbe ist toll, können wir schließen.