Redesign
FRITZ!Box
Dashboard

Die FRITZ!Box von AVM ist einer der weitverbreitesten Router in diesem Segment. Innovative Technologien und neue Ideen sind Teil der schnellen und qualitativen Entwicklung von AVM. Aus diesem Grund nahmen wir uns das Webinterface genau unter die Lupe.

device@2x

Das Ziel

Die FRITZ!Box Oberfläche zu einem leicht zubedienenden Erlebnis zu machen. Der Profi-Anwender ist vertraut mit solchen Administrations-Oberflächen, doch der heutige Anwender will etwas das einfach zu handhaben ist und intuitiv ohne Handbuch anwendbar.

Das Problem

Wie bekommen wir die Vielfalt der Funktionen übersichtlich dargestellt, so dass wenig erfahrene Benutzer auch Spaß am Bedienkonzept haben. Nach dem Kauf, darf es kein Hindernis sein die FRITZ!Box zu benutzen.

Die Lösung

Nach ersten Konzepten und Scribbles viel die Entscheidung auf ein Widget ähnliches Design, welches mit großer Schrift und einfach gestalteten Buttons für eine einfache Bedienung sorgt. Die wichtigsten Einstellungen sind übersichtlich dargestellt und für fortgeschrittene Anwender sind extra Funktionen mit einem Klick erreichbar.

Was haben wir gemacht

Angefangen beim Onboarding und dem Einrichten der FRITZ!Box über ein Dashboard, welches leicht und klar wirkt. Die Smart Home Steuerung, wirft nun keine Fragen mehr auf und macht Spaß in der Bedienung seiner Geräte..

onboarding-loop

Den
Einstieg
erleichtern

Direkt mit dem Einstieg von fritz.box in der Browserzeile soll unser Assistent helfen alle wichtigen Einstelliungen zu treffen, sowie über die wichtigsten Informationen der FRITZ!Box informieren. Gegebenfalls auch gleich weitere Geräte im Haus zu implementieren.

Widgets

are the new way

lamp-settings@2x

Mit der Einführung der Smart Home Widgets wollen wir ein bekanntes Gefühl und Konzept von mobilen Geräten übernehmen. Der Benutzer wird von bekannten Elementen geführt und hat dabei eine klare und verständliche Übersicht alle Geräte. 

Klare Struktur,
schneller Zugriff

Funktionen über Funktionen. Mit den zusätzlichen Einstellungen eines jeden Widgets, stellen wir die wichtigsten Funktionen übersichtlicht in einem neuen Menü, welches sich dem Gerät anpasst dar. Der erfahrene Benutzer kann zusätzliche Spezialfunktionen mit einem Klick einsehen.

Group@2x

Schneller
Zugriff auf
alle Geräte

mobile-device-bigx@2x
mobile-device-big@2x-1

Geräte
einfach
erweitern

Eine kleine Frage, ein Klick und der Rest der Geräte Installation geschieht automatisch.

Fonts
& Colors

Angelehnt an die Firmenfarben haben wir uns den Blauton als primäre Farbe gewählt und ihn dabei neu interpretiert und mit seinen Abstufungen ein wenig aufgefrischt.Gepaart mit edlen Grautönen haben wir das ganze Interface leicht und klar gestaltet.
Rot und Grün dienen als Signalfarben zur finalen Nutzerführung auf der Oberfläche.

blue@2x
red@2x
grey@2x
green@2x

Selected Works

ABOUT US

About Labs & Studio
Privacy Policy
Terms & Condition
Imprint

AGENCY

UX/UI Design
Post Production
Photography
User Experience
Brand Identity
Social Media

SOCIAL

Instagram
LinkedIn
Xing
Behance

Du brauchst Unterstützung?
Lass mich dich beraten.
Ruf an. Erläutere dein Problem.

Do NOT follow this link or you will be banned from the site!