Mobile Menu Button

Zurück zu den Projekten

Typo-Poster gestalten – spielend leicht gemacht

UX/UI Design · Mobile Experience · Development

Kunde

Selbst initiiert

Projekt

Posteroid

Jahr

2015 - Jetzt

Auf einen Blick

Ein Tool, mit dem jeder ganz einfach und blitzschnell eigene Poster designen kann

Viele teilen die Leidenschaft – oder sogar Besessenheit – für typografische Layouts mit perfekter Ausrichtung. Genau aus dieser einfachen Idee entstand das Konzept von Posteroid: Ein intuitives Kreativ-Tool zu schaffen, mit dem Personen auch ohne gestalterische Vorkenntnisse mühelos und schnell hochwertige Poster anfertigen können. Dieses Projekt, das zweite aus eigener Initiative unseres Teams, wurde vollständig in-house realisiert – von der Konzeption und dem detaillierten Design bis hin zur technischen Umsetzung. Heute ist Posteroid mit hervorragenden Bewertungen sowohl im App Store als auch bei Google Play erhältlich.
App Store

App Store

5.0★ · 3 Bewertungen
Play Store

Play Store

4.0★ · 2.9K Rezensionen

Unser Vorgehen

“Design, Prototyping, Definition, Entwicklung und kontinuierliche Iteration.”

Posteroid entwickelt sich stetig weiter, um Menschen eine immer bessere Plattform zum Teilen ihrer Botschaften zu bieten. Da Posteroid ein internes Produkt und ein eigener Service ist, arbeiten wir konsequent an dessen Verbesserung, soweit es unsere zeitlichen Kapazitäten zulassen. Die Entwicklung von Posteroid hat sich als wertvolle Erfahrung erwiesen, um die Kompetenzen und das Prozessverständnis unseres Teams nachhaltig zu fördern.
1 / 3

Festlegung der Layout-Regeln

Der initiale Schritt war die Definition adaptiver Layout-Regeln, genannt „Block“ und „Sudoku“. Später wurden diese um grundlegende Auswahlmöglichkeiten erweitert.
2 / 3

Erster Web-Prototyp

Vor der eigentlichen Entwicklung haben wir die Funktionen von Posteroid zunächst als Web-Prototyp umgesetzt.
3 / 3

Ein Set ausgewählter Symbole

Jedes Gestaltungselement wurde mit Bedacht und Präzision umgesetzt, um Posteroid als ein intuitives, aber leistungsstarkes Design-Tool zu positionieren.

Highlights

“Posteroid verwandelt Fotos und Texte auf beeindruckende Weise in ein schönes, grafisches Poster.”

Botschaften auf einem Poster strahlen lassen! Während des Tippens gestaltet Posteroid das Layout automatisch mit seiner adaptiven Logik. Das Ziel ist nicht eine Unmenge an Optionen, sondern die Förderung kreativer Impulse durch ein minimales Set an Werkzeugen.
Canvas mit einem Foto in beliebigem Format wählen

Canvas mit einem Foto in beliebigem Format wählen

Im ersten Schritt erfolgt die Auswahl des Fotos – es bildet die Grundlage des Posters. Die Skalierung und Positionierung ist einfach über Zwei-Finger-Gesten möglich. Mit dem rechten Schieberegler lässt sich ein Weichzeichner anwenden. Zudem stehen verschiedene Seitenverhältnisse zur Verfügung, an die sich das Design automatisch anpasst.
Text eingeben und mit verschiedenen Layout-Varianten experimentieren

Text eingeben und mit verschiedenen Layout-Varianten experimentieren

Letztendlich steht die eigene Aussage im Vordergrund. Während des Tippens setzt Posteroid den Text automatisch in ein perfekt gestaltetes Layout. Zur Auswahl stehen fünf verschiedene Layout-Optionen: „Block“, „Sudoku“, „Links“, „Mitte“ oder „Rechts“. Zusätzlich lässt sich der Text oben, mittig oder unten im Canvas platzieren. Die Zeilenhöhe kann über den Schieberegler auf der rechten Seite präzise angepasst werden.
Schriftart wählen und Zeichenabstand anpassen

Schriftart wählen und Zeichenabstand anpassen

Die gewählte Schrift bestimmt den Ton der Botschaft. Posteroid bietet eine Auswahl an Schriftarten, die zahlreiche Sprachen weltweit abdecken. Ein besonderes Highlight ist der Schieberegler, mit dem sich der Zeichenabstand präzise anpassen lässt. Es ist faszinierend zu beobachten, wie charmant alle Layout-Optionen angewendet werden und wie vielfältig die Botschaft dadurch wirken kann.
Poster mit Text- und Hintergrundfarben gestalten

Poster mit Text- und Hintergrundfarben gestalten

Zeit für den letzten Schliff. Die Farboptionen in Posteroid sind vielseitig: Text und Hintergrund lassen sich mit einer Farbe oder einem Farbverlauf gestalten. Farbverläufe können entweder linear oder radial sein; durch Antippen des Farbstreifens lassen sich weitere Farben hinzufügen. Zum Entfernen einer Farbe kann diese einfach herausgezogen werden. Über den Schieberegler lässt sich zudem die Deckkraft der aktuellen Farbe steuern.
Galerie verwalten: Bearbeiten, teilen oder löschen eines Posters

Galerie verwalten: Bearbeiten, teilen oder löschen eines Posters

Damit steht eine Galerie der eigenen Werke zur Verfügung. Durch Antippen eines Posters öffnen sich die Optionen: Eine Bearbeitung ist jederzeit möglich – vom Canvas bis zum Stil ist alles anpassbar. Auch das Teilen erfolgt unkompliziert über die Fotogalerie oder soziale Netzwerke. Zudem besteht die Option zum Löschen. Ein praktisches Detail: Die beim vorherigen Poster verwendeten Einstellungen und Eigenschaften werden für neue Kreationen beibehalten, sodass ein Neustart von Grund auf nicht erforderlich ist.

Das ist ein „Brownie Bite“-Projekt, eigeninitiiert von zigzag. Neugierig, was ein Brownie-Bite-Projekt ist?

Bei zigzag streben wir danach, unsere kreative Energie lebendig zu halten und unsere gestalterischen Fähigkeiten maximal auszuschöpfen. Wir glauben, dass der beste Weg, dies zu erreichen, darin besteht, Dinge einfach aktiv zu „machen / umzusetzen“. Daher setzen wir auf eigene, interne Projekte. Diese sollen (1) möglichst unabhängig von den Restriktionen des Tagesgeschäfts sein, (2) kompakt genug für die Bearbeitung neben der regulären Arbeit sein, (3) ansprechendes Design und positive Erlebnisse auch in weniger beachtete Bereiche tragen und (4) uns im Entstehungsprozess Freude bereiten sowie neue Erkenntnisse liefern.

Weitere Projekte

Neugestaltung der digitalen Fahrgastinformation im ICE
Deutsche Bahn | ICE Screens

Neugestaltung der digitalen Fahrgastinformation im ICE

Mobilität · UX/UI Design · Technologie
Bushaltestellen intelligent machen: Echtzeit-Abfahrten auf Knopfdruck
VVS | Smarte Haltestelle

Bushaltestellen intelligent machen: Echtzeit-Abfahrten auf Knopfdruck

Mobilität · UX/UI Design · Prototyping
Das Unsichtbare sichtbar machen: Ein plattformübergreifender Energie-Reporter
Siemens | Junelight

Das Unsichtbare sichtbar machen: Ein plattformübergreifender Energie-Reporter

Nachhaltige Energie · UX/UI Design · Prototyping

Vernetzen

Lassen Sie uns zusammenarbeiten

Wir lieben es, uns neuen Herausforderungen zu stellen – denn das ist unser Antrieb, um gemeinsam mit Ihnen das bestmögliche Produkt zu entwickeln. Lassen Sie uns über Ihre Vision sprechen und herausfinden, wie wir Ihr nächstes Projekt gemeinsam zum Erfolg führen können. Kontaktieren Sie uns gerne!

Geschäftsanfragen

Komm’ in unser Team

Werde ein Teil unseres Teams! Bei uns findest du ein Umfeld, das kontinuierliches Lernen, persönliches Wachstum und Zusammenarbeit auf Augenhöhe fördert. Wir freuen uns auf deine Bewerbung!

Aktuelle Stellenangebote