mac check: Auffallend authentisch - digitale Visitenkarte
-
Leistung:
Relaunch, SEO -
Technologie:
Statamic -
Branche:
Consulting -
Kunde:
Paul Pawlicki - Apple Support & Consulting -
Domain:
DAS PROJEKT:
Paul Pawlicki startete seinen Apple-Service mac check in Berlin bereits vor dem großen Apple-Hype. Die Nachfrage nach seinen Dienstleistungen ist ungebrochen, jedoch benötigte die Website dringend ein Update. Das markante Pixel-Logo erwies sich für uns als perfekter Ausgangspunkt für ein Redesign, das mit Persönlichkeit und einem Augenzwinkern die essenziellen Leistungen für Mac User*innen kommuniziert.
Know your Audience
Der Kund*innenstamm von mac check ist vielfältig: Projekte aus der Film-, und Musikbranche, Künstler*innen, Architekt*innen, soziale Projekte uvm. Das ermutigte zu einem Hingucker-Design das so individuell ist wie der Kund*innenstamm und mac check selbst: sympathisch, eigenwillig, mit Wiedererkennungswert. Ganz ohne Stock-Fotografie.
Pixel Playground – Finetuning & Typo
Das von unserem Kunden selbst entwickelte Pixel-Logo war für uns ein einzigartiger Ausgangspunkt, sowohl in Bezug auf Individualität als auch in der Branche. Ihn galt es als Persönlichkeitskern des Unternehmens zu erhalten und im neuen Design Halt zu geben.
Schriften wurden mit Hinblick auf des existiernde Logo ausgewählt
Pixelschrift, ja bitte! Aber wieviel? Und wie können wir sie im Design verankern? Die richtige Wahl der Schrift, als Kommunikator von Professionalität aber auch als Möglichkeit Individualität auszudrücken, war ein entscheidender Teil des Designprozess. Hier galt es einige Forderungen zu erfüllen: Ein Bezug zum Logo, ein klares modernes Schriftbild, gut lesbar, sympathisch, nicht zu kühl. Denn trotz des technischen Arbeitsfeld steht hinter dem Service ein Mensch.
Zwischen Gamedesign und klassischer Moderne
Die Neugestaltung war ein Annäherungsprozess aus verschiedensten Richtungen. Die Vorliebe des Kunden zur Moderne und die Referenz des Pixel-Logo zu Bildschirmmedien stellten uns konzeptuell auf ein weites Feld.
Bevor es in die Design Ausarbeitung der kompletten Seite ging, wurde in enger Abstimmung mit dem Kunden, der Favorit festgelegt.
Zusammen mit Paul prüften wir Schritt für Schritt wir die Stichhaltigkeit der anstehende Designentscheidungen und kamen so zu einem konzeptuell schlüssigen Ergebnis, das Pauls und unsere ästhetischen Ansprüche mehr als zufriedenstellt.
Mit den Grundfarben aus dem additiven Farbsystem und einem aus mobilen Rechtecken zusammengesetzten Layout bleiben wir bei klaren kontrastreichen Elementen (Siehe: Moderne) und bauen eine Brücke zum Bildschirmmedium. (Siehe: Pixel).
Zusammen prüften wir Schritt für Schritt die Stichhaltigkeit der anstehende Designentscheidungen und kamen so zu einem konzeptuell schlüssigen Ergebnis, das die ästhetischen Ansprüche des Kunden und uns mehr als zufriedenstellte.
Mit den Grundfarben aus dem additiven Farbsystem und einem aus mobilen Rechtecken zusammengesetzten Layout bleiben wir bei klaren kontrastreichen Elementen (Siehe: Moderne) und bauen eine Brücke zum Bildschirmmedium. (Siehe: Pixel).
Design mit Spieltrieb
Arthur Dent: What happens if I press this button?
Ford Prefect: I wouldn't-
Arthur Dent: Oh.
Ford Prefect: What happened?
Arthur Dent: A sign lit up, saying 'Please do not press this button again.”
― Douglas Adams, The Original Hitchhiker Radio Scripts
Gerade weil die Gestaltung so reduziert und einfach ist wird das Nutzer*innenerlebins von mac check durch die, an alte Computerspiele erinnernden, Buttons vielseitiger gemacht. Sie sind wie ein Augenzwinkern, das das Pixellogo in die Gestaltung aufnimmt und trotzdem so zurückhaltend, das die Pixelästhetik das Design nicht dominiert.
Und was passiert wenn ich diesen Knopf drücke?
Durch den Button wird subtil auf weiterführende Inhalte hingewiesen, die Nutzer*in kann sich auf alternative Weise Content jenseits des ersten Screens erarbeiten. Die Animation, die die weiterführenden Info an den oberen Bildrand zieht, unterstreicht das spielerische Moment des Buttons.
Arthur: "Now this is more like my idea of a spaceship. Look at all these buttons..."
Backend gut – alles gut!
Wir haben es bestimmt schon an anderer Stelle erwähnt, aber, ja: Das übersichtliche und logisch aufgebaute Backend von Statamic hat überzeugt. Das Ergebnis: eine einfach zu pflegende und wartungsarme Seite, die volle Flexibilität beim Inhalt bietet und dabei konstant im Design bleibt.
Beispiel Startseite mac check
