Mobile First für Oberfrankens größtes Nachrichtenportal
Entwicklung eines komponentenbasierten Designsystems für den Relaunch von Oberfrankens Nachrichtenportal inFranken.
Herausforderung
Das Redesign eines Nachrichtenportals birgt große Herausforderungen: eine moderne Optik, optimale Lesbarkeit auf allen Geräteklassen, vielfältige Formate wie Dossiers, Bildergalerien und Video sowie die Integration von Anzeigen und Märkten.
Card Sorting Workshop
Zusammen mit Redaktion, Anzeigenvertrieb und Marketing entwickelten wir in einem Card Sorting Workshop eine realitätsnahe Inhaltsstruktur als Basis für ein modulares Designsystem.
Responsive Design und Advertising
Während des gesamten Designprozesses lag das Hauptaugenmerk auf ideal lesbarer Typographie, ein vollständig responsives Design mit Mobile First-Ansatz und der Integration von Display-Werbebannern und Native Advertising (Werbung im Inhaltsbereich).
Das vollständig in das Layout integrierte Anzeigenkonzept schafft hierbei die Gratwanderung zwischen auffälliger und dennoch nicht störender Werbung.
Wir haben uns nicht für die erstbeste Agentur entschieden. medienreaktor hat uns im Pitch einstimmig überzeugt und sich gegen die Konkurrenz aus München und Nürnberg durchgesetzt.
Paper Prototyping
Im Paper Prototyping wurden ausgeschnittene Komponenten und Elemente zu Layouts zusammengelegt, um funktionierende Kombinationen und benötigte Varianten zu identifizieren.
Zusammenarbeit
Modernste Werkzeuge für Design, Prototyping, Clickdummy-Erstellung, Freigabe und Dokumentation (Sketch, InVision, Jekyll) sorgten für einen reibungslosen Workflow und schnellen Austausch zwischen Designern und Entwicklern.
Nicht nur, um den ambitionierten Zeitplan zu halten, sondern auch um unnötige Korrekturschleifen zu vermeiden, waren der gemeinsame Workflow und die Software-Tools perfekt geeignet.
Ergebnis
Mit dem Redesign von inFranken.de haben wir ein komponentenbasiertes Designsystem geschaffen, das heutigen und künftigen Anforderungen gewachsen ist und in der Zukunft weiter ausgebaut werden kann.
Der dabei entwickelte flexible Prozess zur Abstimmung von Designs mit unserem Kunden wird in viele weitere Projekte Einzug halten, um effizient und agil zusammenzuarbeiten.
Leistungen
- Analyse und Workshops
- Konzeption des Designsystems
- Responsive Webdesign
- Styleguide und Pattern Library