4.8
(24)

Website Layout direkt mit WordPress umsetzen oder vorab mit einem Design-Programm wie Figma?

Figma ist ein mächtiges Design-Werkzeug, das es ermöglicht, schnell Prototypen von Websites und Anwendungen zu erstellen. Durch die Verwendung von Figma kann man schnell Ideen testen und Feedback von anderen einholen, bevor man sich an die Umsetzung in Code macht. Rapid Prototyping mit Figma kann somit eine sinnvolle Möglichkeit sein, um die Benutzerfreundlichkeit und das allgemeine Aussehen einer Website oder Anwendung zu verbessern. Es gibt jedoch auch andere Tools, die für Rapid Prototyping geeignet sind, wie zum Beispiel InVision oder Marvel. Es kommt also darauf an, welches Tool am besten zu den Anforderungen und Vorlieben des Designers passt.

Doppelte Arbeit vermeiden und Design direkt in WordPress oder Webflow umsetzen?

Vorab muss festgelegt werden, wie die Auftragslage genau aussieht. Soll nur das Design umgesetzt werden, oder die Website auch programmiert werden. Mit Hilfe von Design-Programmen wie Figma, Adobe XD oder Sketch können verschiedene Layout-Ideen und Varianten deutlich schneller und leichter ausprobiert werden. Zudem kann das erstelle Layout im Design-Programm vorab mit dem Kunden abgestimmt und nach der Freigabe mit WordPress oder Webflow umgesetzt werden.

Ist Rapid Prototyping mit Figma oder Webflow sinnvoller?

Es kann sinnvoll sein, Prototypen oder spezielle Animationen mit Webflow zu erstellen, um Ideen dem Kunden zu veranschaulichen. Dies kann schnell gehen, je nach Genauigkeit und Detaillierung der Idee. Es ist auch möglich, User-Journeys direkt in Webflow zu zeigen. Allerdings bieten mittlerweile auch viele Layout-Programme integrierte Prototyping-Funktionen, wie z.B. Flinto, um solche Ideen darzustellen.

Quelle: Rapid Prototyping mit Figma – schnelles und interaktives Website Layout

User Journey mit Design-Programm Figma erstellen

Mit Figma können erstellte Layouts und Pages animiert und eine sinnvolle User Journey modelliert werden. Die Modellierung und Erstellung einer interaktiver User Journey bietet einen enormen Mehrwert für den Kunden, wenn das Feedback vorab der eigentlichen Programmierung in die Gestaltung mit einfließen kann. Nachfolgend werden einige Vorteile genannt, die sich daraus ergeben, wenn man eine User Journey mit einem Design-Programm wie Figma umsetzt:

Schnelle Erstellung von Prototypen: Prototyping mit Figma ermöglicht es, schnell und einfach Layouts und Designs von Benutzeroberflächen zu erstellen, ohne dass man dafür Code schreiben muss.

Collaboration: Figma bietet eine integrierte Collaboration-Funktion, die es mehreren Personen ermöglicht, gleichzeitig an einem Projekt zu arbeiten. Dies kann bei der Umsetzung von User Journeys sehr nützlich sein, da man Feedback von verschiedenen Personen einholen und Änderungen in Echtzeit vornehmen kann.

Kommentare und Markierungen: Mit Figma kann man direkt auf Prototypen kommentieren und Markierungen hinzufügen, um Feedback und Ideen zu teilen. Dies kann bei der Umsetzung von User Journeys hilfreich sein, um den Fortschritt des Projekts zu verfolgen und sicherzustellen, dass alle Anforderungen erfüllt werden.

Exportmöglichkeiten: Rapid Prototyping mit Figma bietet verschiedene Möglichkeiten, um Prototypen zu exportieren und zu teilen. Dies kann bei der Umsetzung von User Journeys nützlich sein, um das Projekt mit anderen Personen zu teilen und Feedback einzuholen.

Skalierbarkeit: Figma ist ein cloud-basiertes Tool, das es ermöglicht, Projekte von überall aus zu bearbeiten und zu teilen. Dies kann bei der Umsetzung von User Journeys hilfreich sein, da man nicht an einen festen Standort gebunden ist und von überall aus arbeiten kann.

Wann macht es Sinn den Auftrag direkt mit WordPress oder Webflow umzusetzen?

Für manche Kundenprojekte kann es durchaus sinnvoll sein, bereits erstellte Vorlagen zu verwenden, um Arbeit und Zeit bei der Erstellung der Layouts zu sparen. Wenn die Aufträge sehr ähnlich sind, kann auf bereits erstellte Layouts zurückgegriffen werden und das Grundgerüst einer Website wiederverwendet werden. Zudem kann Prototyping mit Figma viele Änderungswünsche bereits vor der eigentlichen Umsetzung der Website verhindern. Mit den Design-Programmen Figma, Adobe XD und Sketch können Design Bibliotheken erstellt werden, die in mehreren Projekten wiederverwendet werden können.

Zusammenfassung und Fazit

Figma ist ein Design-Werkzeug, das es ermöglicht, schnell Prototypen von Websites und Anwendungen zu erstellen. Es kann sinnvoll sein, Prototypen mit Figma zu erstellen, um Ideen dem Kunden zu veranschaulichen und die User Journey zu modellieren. Dies kann schnell gehen, je nach Genauigkeit und Detaillierung der Idee. Für manche Kundenprojekte kann es sinnvoll sein, bereits erstellte Vorlagen zu verwenden, um Arbeit und Zeit bei der Erstellung der Layouts zu sparen. Mit den Design-Programmen können Design Bibliotheken erstellt werden, die in mehreren Projekten wiederverwendet werden können.