inFranken.de

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.

Gero Schmitt-Sausen, Geschäftsführer inFranken.de

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.

Felix Wiesel, Projektleitung und Design

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