Scanner Pro ist seit 2009 im App Store – lange genug, um sich von einer einfachen Scan-App zu einem wirklich vielseitigen Profi-Werkzeug zu entwickeln, mit mehr Funktionen, als die meisten jemals entdecken werden. Diese Reife ist eine Stärke. Doch das Team wollte sicherstellen, dass sich ein so ernsthaftes Profi-Tool trotzdem einladend und menschlich anfühlt.

Genau diese Lücke sollte das große Redesign von Scanner Pro schließen. 

Eine der leiseren Entscheidungen wurde dabei zu einer der sichtbarsten: Scanny, ein kleiner blauer Würfel aus Licht, der jetzt in der Welt von Scanner Pro zu Hause ist. 

Wir haben mit Halyna Voloshanenko, Design Lead bei Readdle, darüber gesprochen, wie Scanny entstanden ist.

Eine Verbindung zu den Nutzern schaffen

Die Idee hinter Scanny ist mit dem Redesign ganz natürlich gewachsen. „Das Hauptziel war, im Zuge des Redesigns die Markenbekanntheit zu steigern und die emotionale Bindung zu den Nutzern zu stärken“, sagt Voloshanenko. „Wir wollten unsere Kommunikation mit den Nutzern auffrischen. Mit einem Maskottchen lassen sich Marketingbotschaften viel leichter vermitteln und neue Zielgruppen ansprechen.“

Das Alter von Scanner Pro machte die Aufgabe noch anspruchsvoller. 

Fast zwei Jahrzehnte nach dem Start ist die App längst mehr als ein einfacher Scanner: ein Profi-Werkzeug voller Funktionen – leistungsstark, aber nicht immer leicht zugänglich. „Wir wollten dieses komplexe Profi-Produkt verständlicher, emotionaler und menschlicher machen“, erklärt sie. „Aus diesem Wunsch heraus entstanden sowohl das Redesign als auch die Suche nach einem Weg, der App mehr Emotion zu geben. Uns wurde klar, dass uns ein Maskottchen dabei helfen kann. Es erfindet das Produkt nicht neu, macht es aber deutlich einladender.“

Wie das Team es definierte, war die Aufgabe klar umrissen: den Einstieg in die Oberfläche erleichtern und neue Releases so präsentieren, dass es sich wie eine kleine Führung anfühlt – und nicht wie ein trockenes Changelog.

Wie Scanny entstand

Scanny war kein Schnellschuss. „Insgesamt haben wir vier vollständige Konzepte entwickelt“, sagt Voloshanenko. „Wir haben uns für das vierte entschieden, weil es das Wesen unserer Technologie am besten vermittelt, ohne unnötig Aufmerksamkeit auf sich zu ziehen. Diese Richtung passte perfekt zum Produkt: klar, modern und minimalistisch.“

Bevor es überhaupt ein Konzept gab, hat sich das Team umgeschaut. „Wir haben den Markt analysiert: die Duolingo-Eule, die Monobank-Katze und die Figuren von Headspace und Gentle Streak“, sagt sie. Das Team wollte verstehen, welche Rollen ein Maskottchen übernehmen kann, bevor es entschied, welche zu Scanner Pro passt. „Uns hat interessiert, wo genau ein Maskottchen eingesetzt wird, welche Rolle es im Produkt spielt und in welchen Kommunikationskanälen es vorkommt. 

In vielen dieser Apps ist das gesamte Branding um die Figur herum aufgebaut. Wir dagegen haben unsere eigene Balance gesucht: Das Maskottchen spielt eine Nebenrolle und ergänzt die seriöse Oberfläche unseres Tools nur dezent.“

Was Scanny eigentlich ist

Bittet man Voloshanenko, Scanny in wenigen Worten zu beschreiben, setzt sie auf Ruhe statt Niedlichkeit: „Scanny steht für Ruhe, Zuverlässigkeit, Modernität und eine sanfte Begleitung.“ Jede visuelle Entscheidung sollte ansprechend aussehen und eine dieser Eigenschaften transportieren.

Die abgerundete Würfelform wurde gewählt, weil sie zugänglich wirkt. „Um strenge Technologie menschlicher zu machen, haben wir eine minimalistische Form gewählt, aber auf scharfe Kanten verzichtet“, sagt sie. „Durch die weichen Rundungen wird aus einem gewöhnlichen Würfel ein freundlicher, hilfsbereiter Assistent. Außerdem greifen sie die Form der Symbole auf dem Home-Bildschirm des iPhone auf.“ Das tiefe Blau dagegen leistet das Gegenteil und verankert Scanny fest in einem seriösen Werkzeug. „Damit sich die App weiterhin wie ein seriöses Profi-Tool anfühlt, haben wir ein tiefes Blau gewählt. Es führt unseren visuellen Stil direkt fort und schafft Vertrauen.“

Scannys einziges echtes Ausdrucksmittel ist Licht. „Sein wichtigstes Werkzeug ist ein Lichtstrahl“, erklärt Voloshanenko. „Einerseits ist das eine direkte, leicht verständliche Metapher für den Scanvorgang selbst. Andererseits zeigt er mit diesem sanften Leuchten, dass er sich kümmert: Er macht sichtbar, dass er auf die Dokumente aufpasst und die Arbeitsroutine leichter macht.“

Selbst seine Entstehungsgeschichte hat mit dem Produkt zu tun. „Ein Bild wird Schritt für Schritt gescannt und verbessert, Pixel für Pixel“, sagt sie. „Deshalb war Scanny ursprünglich ein ganz gewöhnlicher flacher Pixel, der irgendwann lebendig wurde und sich in einen räumlichen, dynamischen Würfel verwandelte.“

Was das Team weggelassen hat, war genauso wichtig wie das, was blieb. 

Die Zielgruppe von Scanner Pro sind vor allem Berufstätige ab 30 – und das hat die Leitplanken von Anfang an geprägt. „Wir wollten übertriebene Verspieltheit, Comic-Optik und zu viel Ausdruck vermeiden“, sagt Voloshanenko. „Damit die Arbeit mit Dokumenten nicht zur Unterhaltung wird und das Vertrauen in ein seriöses Tool erhalten bleibt, haben wir auf klassische Vermenschlichung verzichtet: keine Arme, keine Beine, keine komplexe Mimik.“

Vom Crazy-8s-Brainstorming zu Figma und Rive 

Der Weg zum fertigen Würfel führte über drei Phasen. 

Zuerst kam die Recherche: Wo setzen Wettbewerber Maskottchen ein, und an welchen Stellen von Scanner Pro könnte eines auftauchen? Daraus ergaben sich die technischen Rahmenbedingungen und Kriterien für die weitere Suche. 

Dann folgte das Brainstorming: Das Team sammelte eigene Assoziationen zum Scannen, generierte in einer Crazy-8s-Session schnell Ideen und bewertete die Ergebnisse nach Kriterien wie Markenbezug, Eignung für die Oberfläche, Animationspotenzial und Anpassungsfähigkeit für Kampagnen. Drei Richtungen kamen durch diesen Filter.

Die letzte Phase gehörte dem Designteam. 

„Unsere Marketing-Designerin Anya hat großartige Arbeit geleistet“, erinnert sich Voloshanenko. „Sie hat aus jeder der drei Richtungen ein Konzept entwickelt und es dem Team vorgestellt. 

Bei den Präsentationen haben wir jede Option gemeinsam besprochen und alle Vor- und Nachteile durchgesprochen.“ Statt eines klaren Gewinners entstand das vierte Konzept aus dem Besten aller drei Entwürfe. „Es gab keine abrupten Kurswechsel, eher eine schrittweise Entwicklung“, sagt sie. „Nach den ersten drei Konzepten war uns klar, dass keines davon für sich allein perfekt war. Also haben wir einfach die gelungensten Lösungen aus allen drei Iterationen kombiniert.“

Die schwierigste Entscheidung war ihr zufolge weniger die Wahl des Konzepts als die Frage, wie viele Details Scanny haben sollte. „Wir haben nach der richtigen Balance gesucht: eine möglichst einfache Form, die sich leicht animieren lässt und eine seriöse Oberfläche nicht überlädt – die aber trotzdem Charakter hat und nicht langweilig wirkt.“

Die ersten Skizzen entstanden während der Crazy-8s-Session von Hand, alles Weitere dann in Figma, ergänzt durch Procreate für schnelle Experimente. 

Die größere Einschränkung kam, als das Motion-Team dazustieß: Scanny soll später als interaktive Rive-Animation in der App und auf der Website laufen. Rive kann Effekte wie Verläufe und komplexes Leuchten darstellen, die sich aus einem Figma-Mockup aber nicht immer zuverlässig übertragen lassen. „Die wichtigste Vorgabe war, in Figma nur Effekte und visuelle Lösungen zu verwenden, die der Motion Designer bei der Animation zu 100 % exakt nachbauen konnte – damit die Figur überall gleich aussieht“, sagt Voloshanenko. 

Deshalb wurden Details wie das Leuchten des Lichtstrahls und die weichen Formübergänge getestet und angepasst, bis sie überall gleich gut funktionierten – auch im hellen und im dunklen Modus.

Ein echtes teamübergreifendes Projekt

Scanny ist nicht allein im Designteam entstanden. „Wir hatten ein teamübergreifendes Team: Head of Product, Produktmanager, Produktdesigner und mich als Design Lead“, sagt Voloshanenko. „Außerdem haben wir die Kreativdesigner des Unternehmens und eine unabhängige Beraterin bzw. einen unabhängigen Berater einbezogen, um einen frischen Blick von außen zu bekommen.“

Obwohl so viele Beteiligte mitredeten, verlief der Prozess bemerkenswert reibungslos. „Es gab keine ernsthaften oder hitzigen Diskussionen“, sagt sie. „Weil wir die Rahmenbedingungen von Anfang an klar festgelegt und uns auf die Metaphern geeinigt hatten, hatte das Team eine gemeinsame Vision. Das interne Feedback half uns eher, Details zu verfeinern, als die Richtung zu ändern.“

Bevor Scannys Gefühlsspektrum feststand, hat das Team ihn mit echten Nutzern getestet – auf echten App-Store-Screenshots und in Marketing-Creatives. „Wir haben das Maskottchen auf App-Store-Screenshots und in Marketing-Creatives getestet“, sagt Voloshanenko. „Die Tests fielen positiv aus und haben unsere Hypothese bestätigt. Erst danach haben wir seine Emotionen und weitere Zustände final ausgearbeitet.“

Der Name – und wo er zuerst auftaucht

Über den Namen muss man kaum nachdenken. „Der Name Scanny kommt vom Wort ‚scan‘, klingt aber weich und freundlich und unterstreicht seine Rolle als zugänglicher Assistent“, sagt Voloshanenko.

Intern ist die Begeisterung groß. „Das Team ist begeistert“, sagt sie. „Scanny bringt unsere neue Vision und Oberfläche perfekt zur Geltung. Er sorgt für eine wunderbare Balance im Produkt: Scanner Pro bleibt ein Profi-Werkzeug, fühlt sich jetzt aber viel einladender und menschlicher an.“

Readdle führt ihn schrittweise ein, Ort für Ort. „Wir haben uns für einen schrittweisen Rollout entschieden, um die Nutzer während des Redesigns nicht zu überfordern“, sagt Voloshanenko. Zuerst erscheint Scanny auf der Website von Scanner Pro und in den App-Store-Screenshots, danach zieht er in das Produkt selbst ein – angefangen bei den Paywalls. Einiges bleibt vorerst geheim: „Wir verraten noch nicht alle Details, denn wir möchten unsere Nutzer positiv überraschen.“

Rückblickend ist Voloshanenko vor allem stolz auf das, worauf das Team bewusst verzichtet hat. „Am meisten stolz bin ich darauf, dass wir nicht den Weg klassischer Maskottchen mit Gesicht und Mimik gegangen sind, sondern den Charakter allein durch die klare Form eines 3D-Würfels und die Dynamik des Lichts vermitteln konnten“, sagt sie. „Scanny ist genau so geworden, wie wir es wollten: dezent. Er lenkt nicht von der Arbeit mit Dokumenten ab, sondern ergänzt die Oberfläche ganz natürlich.“

Wenn sie eine Sache anders machen könnte, wäre es keine Designentscheidung. „Ich würde meinem früheren Ich wohl raten: Nimm deine ursprüngliche Zeitschätzung mindestens mal drei“, sagt sie. „Am Anfang schien es, als wäre die Entwicklung einer Figur ein recht unkomplizierter Prozess, den wir schnell abschließen würden. Aber wie so oft im Design ist es am schwierigsten, etwas wirklich Einfaches und Verständliches zu schaffen.“

Was sie sich von den Menschen wünscht, ist am Ende ebenfalls einfach. „Ich hoffe, dass die Nutzer in Scanny die Scan-Technologie selbst wiedererkennen, wenn sie ihn in der App, in Anzeigen oder auf der Website sehen: smart, schnell und verständlich“, sagt sie. „Seine fließenden Bewegungen und sein sanftes Leuchten sollen die Arbeit mit Dokumenten in der App lebendiger machen.“

Scanny ist bereits auf der Website von Scanner Pro und in den App-Store-Screenshots zu sehen, weitere Auftritte in der App folgen. Augen offen halten: Er ist schon unterwegs.