Smart Tool: Whatsapp Creator

[ChristinaGu]

Anforderungen Initialisierung des Creators

• [x] Anlegen der Ansicht, um den Creator zu starten
• [x] Anlegen des Smart-Tools im Full-Screen Design analog zum Grußkarten Creator
• [x] Implementierung der erweiterten Inline-Edit Funktion für Freitextfelder mit den Möglichkeiten: Text zu fetten, Aufzählungszeichen zu setzen
• [x] Lädt der Nutzer kein Bild hoch, wird die Fläche durch eine Farbfläche ersetzt
• [x] Nutzer*innen können zwischen Hero und Outro Slide beliebig viele Slides anlegen und je Slide zwischen den Designvarianten Highlight-Kompakt, Highlight und Variety wählen
• [x] Tooltips bei Hover auf Slides
• [x] Reihenfolge von Slides kann geändert werden
• [x] Bestehende Slides können gelöscht werden
• [x] Nutzer*innen können die erstellten Slides im 9:16 Format als ZIP mit JPGs Downloaden
• [x] Download-Button ist immer aktiv. Wurde kein Bild hinterlegt, ist eine Farbfläche zu sehen. Hat der Nutzer einen Text nicht bearbeitet, wird dieser beim Speichern im JPG mit einer Farbfläche und einem Icon gekennzeichnet, siehe https://www.figma.com/file/CGECvVk82F1ZMMEDIacMCx/Smart-Tools?type=design&node-id=294-12060&mode=design&t=MsJzlWmkIYFLFETD-4

Hinweise:

• Nutzer*innen können ein bestehendes Slide-Set NICHT speichern und nach beenden des Creators nicht mehr bearbeiten. Wenn diese Funktion gewünscht sein sollte, muss sich zusätzlich kalkuliert werden.
• In den Freitextfeldern beschränken wir die maximale Zeichenanzahl nicht. Da Nutzerinnen zwischen Headlines, Fließtext und Aufzählungen flexibel wählen können ist das nahezu unmöglich. Es liegt daher in der Verantwortung der Nutzerinnen nicht mehr Text als möglich einzutragen. Ist das der Fall, wird der Text einfach abgeschnitten.

Hero

• [x] Bildupload: eigene Bilder oder Bilder aus Mediendatenbank plus vordefinierten Bilder
• [x] Headline kann via Inline-Edit bearbeitet werden
• [x] Option mit oder ohne Logo
• [x] Option mit oder ohne Angaben zu "Wann" und "Wo"

Outro

• [x] Bildupload: eigene Bilder oder Bilder aus Mediendatenbank, keine vordefinierten Bilder
• [x] Headline und Subline können via Inline-Edit bearbeitet werden
• [x] Designoptionen: Farbfläche und Image Full

Information

• [x] Bildupload: eigene Bilder oder Bilder aus Mediendatenbank, keine vordefinierten Bilder
• [x] Design-Optionen: Highlight 1, Highlight 2, Highlight 3
• [x] Text kann als Freitextfeld gepflegt werden

Sonstiges:

• [x] Editor sidebar schließen, sobald ein Overlay geöffnet wird
• [x] "Zurück" Button des Browsers abfangen

Design https://www.figma.com/file/CGECvVk82F1ZMMEDIacMCx/Smart-Tools?type=design&node-id=240-237&mode=design

Job K**-23241A / WhatsApp Status

Fixes

• [x] Bild Upload funktioniert nicht wenn eingezoomt
• [x] Scrollbar und back Button Dunkelgrau
• [x] Download button bold
• [x] Dropdown Icon für Bild-Auswahl vergrößern
• [x] Doppelpunkt nach Cross Crop entfernen
• [x] Download Ordner "Status"
• [x] Einfliegendes Icon beim Verschieben der Slides?
• [x] Icon für Fit to Screen korrigieren
• [x] Tastenkürzel zum Fetten werden nicht verhindert
• [x] Zoom/Scrolling vergleichbar zu Figma: STRG/CMD + Mouse oder +/- für Zoom; ohne scrollen
• [x] Zoom-Icons klickbar machen

Budget (Entwicklung) 16 Tage

[ChristinaGu]

"Nach Absprache mit Anne möchten wir hier nicht Grün verwenden, sondern die gleiche Farbe wie der Hintergrund des Textes. Also im Beispiel unten das hellgrau. Nice-to-have wäre es, wenn dort dann zusätzlich noch das Logo auftaucht."

@pmdevelopment Change Request: anstatt dem Dunkelgrün soll die Hintergrundfarbe der Textfläche verwendet werden, wenn kein Bild hinterlegt wird - s.o. @estherconstantin passt du das bitte im Design an? Ich meine, dass das nicht überall funktioniert. Wahrscheinlich gibt es eine Ausnahme beim Outro mit dem vollflächigen Bild oder?