←Portfolio/ Agenturarbeit
Agenturarbeit * Rekonstruierte Darstellung
Modulare Webplattform
im Designteam
Statt einzelner Seiten standen wiederverwendbare Komponenten, Sections und Varianten im Mittelpunkt. Ich habe im Designteam an diesem System mitgearbeitet und mich dabei eng mit der Entwicklung abgestimmt. Die gezeigten Visuals sind für diese Darstellung neu rekonstruiert.
- Bereiche
- UI-Design · Komponenten · Sections
- Meine Rolle
- Mitarbeit im Designteam
- Tools
- Figma
- Projekttyp
- Agenturarbeit · rekonstruiert
Hinweis zur DarstellungDieses Projekt zeige ich als rekonstruierte Darstellung: Marke „Faltwerk“, Screens, Texte, Bilder, Section-Varianten (A / B / C) und Seitenzusammenstellungen sind neu entstanden und zeigen die Art meiner damaligen Arbeit, nicht das Originalprojekt. Das System entstand im Team; einzelne Komponenten oder Seiten ordne ich bewusst nicht einer Person zu.
01 Projektüberblick und Aufgabe
Ein System,
keine Einzelseiten.
Die Plattform war modular angelegt: wiederverwendbare Komponenten und Sections mit Varianten bildeten die Grundlage. Für das Designteam hieß das, ein System zu gestalten, das gestalterisch konsistent bleibt und von der Entwicklung umgesetzt werden kann.
- Aufgabe
- Komponenten, Sections, Varianten
- Arbeitsweise
- Im Designteam, in Figma
- Schnittstelle
- Abstimmung mit der Entwicklung
02 Mein tatsächlicher Beitrag
Mitarbeit an
Komponenten
und Sections
Wir haben im Designteam gemeinsam in Figma gearbeitet. Mein Schwerpunkt lag auf der Mitarbeit an Komponenten und Sections samt Varianten, auf der gemeinsamen Ideenfindung zur visuellen Richtung und auf der Abstimmung mit der Entwicklung.
- Mitarbeit an der Gestaltung und Weiterentwicklung von Komponenten
- Mitarbeit an Sections und deren Varianten
- Gemeinsames Brainstorming zu Farbwelt, Layout und visueller Richtung
- Direkte Abstimmung mit dem Entwicklungsteam
- Weitergabe von Designänderungen an die Entwicklung
- Berücksichtigung von Rückmeldungen aus der Entwicklung
- Kommunikation, wenn neue oder angepasste Elemente nötig waren
03 Vom Baustein zur Seite
Komponenten bilden Sections,
Sections bilden Seiten
Das Prinzip in drei Stufen: kleine Bausteine, daraus zusammengesetzte Sections und am Ende vollständige Seiten. Gezeigt an einer neu rekonstruierten Beispielplattform.
Rekonstruierte Beispielplattform „Faltwerk“
04 Sections und Varianten
Eine Section,
mehrere Ausprägungen
Gleiche Aufgabe, andere Form: Sections lassen sich in Varianten ausprägen. In dieser Rekonstruktion zeigen A, B und C beispielhafte Varianten, nicht die Anzahl oder Benennung im damaligen System.
Rekonstruierte Section-Varianten · A / B / C
bei Bedarf
05 Seitenkombinationen
Drei Seiten,
ein System
Mit denselben Sections lassen sich ganz verschiedene Seiten zusammenstellen. Die hier gezeigte Zusammenstellung von Start-, Lösungs- und Wissensseite ist eine beispielhafte Rekonstruktion. Die Seiten sind als Ausschnitt (oberer Teil) abgebildet.
Rekonstruierte Zusammenstellung · Beispiel
06 Visuelle Richtung
Im Austausch
entwickelt
Damalige Arbeitsweise Ideen zu Farbe, Layout und visueller Richtung entstanden im Austausch im Designteam.
Rekonstruktion Die konkrete Gestaltung (Navy, Kraft, Sand, Papier und die gewählten Schriften) gehört zur heutigen Rekonstruktion „Faltwerk“ und ist keine dokumentierte Gestaltung des damaligen Projekts.
- Navy
- Kraft
- Sand
- Papier
07 Abstimmung mit der Entwicklung
Design und
Entwicklung.
Änderungen weitergeben, Rückmeldungen aufnehmen, neuen Bedarf kommunizieren. Schematische Darstellung, ohne echte Tickets, Kommentare oder Daten.
Komponenten, Sections, Varianten
Im Designteam in Figma gestaltet und weiterentwickelt.
- →Designänderung weitergegeben
- ←Rückmeldung aus Entwicklung berücksichtigt
- →Bedarf für neues / angepasstes Element kommuniziert
Technische Umsetzung
Verantwortlich für die technische Umsetzung der Plattform.
08 Klare Rollenabgrenzung
Teamarbeit,
klar benannt
- Mein Beitrag
Mitarbeit im
DesignteamAn Komponenten, Sections und Varianten mitgearbeitet, Ideen zur visuellen Richtung eingebracht und das Design mit der Entwicklung abgestimmt.
- Teamleistung
Das System
Komponenten, Sections, Varianten und die Plattform insgesamt sind im Team entstanden. Einzelne Komponenten oder Seiten sind nicht einer Person zugeordnet.
- Nicht mein Beitrag
Umsetzung
Die technische Umsetzung lag beim Entwicklungsteam. Das Gesamtsystem habe ich nicht allein entwickelt.
Anonymisierte / rekonstruierte Darstellung eines Projekts aus meiner Tätigkeit bei einer Digitalagentur.
Dein Projekt
als Nächstes?
Ein bis zwei Sätze reichen für den Anfang. Den Rest klären wir gemeinsam.
Na klar! Erzähl mir davon