Staging Visuell

[peggimann]

Zur Zeit sieht die Staging und Demo umgebung gleich aus wie die Prod umgebung. Damit wir nicht auf der Falschen Umgebung unsere Tests durchführen, wollen wir diese Umgebungen visuell voneinander unterscheiden können.

Anforderungen

• Staging und Demo erhalten ein klar ersichtliches styleing.
• Das styleing für Demo wurde mit dem UX Team besprochen
• Prod behält alle styles bei

Akzeptanzkriterien

• Man erkennt auf den 1. Blick auf welcher Umgebung man ist.
• Das styleing für Demo wurde vom UX Team approved

[nevio18324]

Todo's

• UX Team anschreiben wie man das Styling für Demo gestalten soll
• Das styling vom Staging abändern
• Sobald das UX Team geantwortet hat auch das Styling vom Demo anpassen

[nevio18324]

Stand 25.11

Staging ist umgesetzt
Ich und Simon haben uns 2 Optionen ausgedacht
Option 1: Neben dem Puzzle Okr Logo ein Demo text hinzufügen
Option 2: Die hintergründe wie in diesem Figma anpassen
Ich habe nun mal Pippo geschrieben welche Option er bevorzugt und werde morgen dann das ganze mit Simon anschauen.

[nevio18324]

Stand 28.11

Ich habe heute das Demo environment fertig angepasst ich habe jetzt das fertige Design an Simon
geschickt damit er das ganze noch absegnen kann und ich suche noch eine Lösung für das new-icon.svg da dieses im Demo die farbe von blau zu weiss verändern muss und die derzeitige Lösung ist mediocre

[RandomTannenbaum]

Stand 06.12.2024
Ich habe den background auf einen gradient geändert, so wie es hier im Figma definiert ist:
https://www.figma.com/design/xjjJGiSS276lhesXpYy6ml/OKR-Tool-Puzzle?node-id=3562-9804&node-type=frame&t=xyasFQuyOJTdaZz7-0

Das Ticket ist soweit ich beurteilen konnte fertig, man sollte jedoch nochmal drüberschauen. Ich glaube das plus-icon beim add-objective hat noch nicht die richtige Farbe für Demo.

[RandomTannenbaum]

Stand 11.12.2024
Momentan haben wir noch den Fehler, dass der Gradient nicht als gradient angezeigt wird. Das liegt so weit ich gesehen habe daran, wie Figma den gradient ausgibt. Wenn man den gradient so einbaut, dass der eine nicht den anderen überlagert (so wie Figma es scheinbar macht) dann sieht man mehrere Sektionen der Applikation, auf die der gradient einzeln angewandt wird. Vor allem wenn man hearuszoomt.

Es soll noch mal mit Simon Hirsbrunner geschaut werden, ob der gradient wirklich das ist, was er will oder ob die soliden Farben i.o. sind. Dadurch ist auch das mit den einzelnen Bereichen kein Problem mehr.

[nevio18324]

Stand 12.12.2024

Ich habe jetzt nocheinmal Simon geschrieben bezüglich der Background-color und warte jetzt auf seine Antwort.
Laut Simon wäre der Hintergrund nicht matchentscheident weswegen wir ruhig einen soliden benutzen können.