Rolle: Design, Forschung & Prototyping

Verwendete Tools: Figma & Adobe Illustrator

Projektdauer: 5 Tage

Über Projekt

Im Rahmen meiner Beurteilung für die Stelle als Produktdesigner erhielt ich von einer Firma, bei der ich mich beworben hatte, ein Assessment zum Ausfüllen.

Produktübersicht

Ich wurde gebeten, eine App zu entwerfen, die Hundeparks in der Nähe findet. Der Name, der mir fast intuitiv für die App einfiel, war „pawspot“.

Die Herausforderung verstehen

Ich habe 5 meiner Freunde interviewt und sie gebeten, mir ein einfaches mentales Modell zu geben, wie eine Hundepark-Ortungs-App für sie aussehen sollte. Von allem, was sie zu mir sagten, waren diese 3 Dinge synonym in ihren Aussagen;

• Ein einfacher Benutzerablauf
• Parkbewertungen
• Insgesamt ein ästhetisch ansprechendes Design

Um einfach ein Design zu erstellen, das alle ihre mentalen Modelle widerspiegelt, natürlich unterstützt durch einige Recherchen.

Design-Thinking-Prozess

Ich habe das Design so gehandhabt, dass beim Öffnen der App die nächstgelegenen Hundeparks nach einer Suche einfach auf der Karte angezeigt werden.

Dies wurde für die beste Benutzererfahrung getan. Bevor die App nach nahegelegenen Hundeparks suchte, wollte ich nicht, dass Benutzer auf irgendwelche Schaltflächen klicken müssen. Wenn sie auf irgendetwas klicken mussten, sollten sie auf weitere Parkdetails zugreifen.

UI-Design

Begrüßungsbildschirm & Onboarding:

Ich möchte, dass die Benutzer vom Start der App an das Gefühl haben, ein Hundebesitzer in einem Park an einem hellen, sonnigen Tag zu sein. Außerdem habe ich darauf geachtet, die Onboarding-Bildschirme so zu gestalten, dass sie das Wertversprechen von Pawspot widerspiegeln.

Konto erstellen und anmelden

Passwort vergessen

Um den Benutzern die Wahl zu lassen, wird eine Option zum Abrufen von Passwörtern per SMS oder E-Mail bereitgestellt

Karte

Es durchsucht Ihre Gegend automatisch nach nahegelegenen Hundeparks und der mit den besten Rezensionen und Bewertungen wird hervorgehoben, damit Sie ihn zuerst besuchen können.

Ich hatte das Vergnügen, das Dark-Mode-Design als zusätzliche persönliche Note hinzuzufügen.

Einstellungen

Visuelle Identität

Ein benutzerfreundliches Design, das ein angenehmes Erlebnis bietet, indem es den ästhetischen Einfluss auf die Benutzerfreundlichkeit nutzt.

Die Farbe Grün wurde verwendet, weil sie häufig die Natur und die natürliche Welt repräsentiert. Es wird angenommen, dass es Frieden bedeutet, was es zur idealen Wahl für eine App zur Ortung von Hundeparks macht. Und die Schrift Nunito wurde verwendet, weil sie mit ihren abgerundeten Kanten „freundlich“ wirkt.

High-Fidelity-Prototyp

Figma-Link

Fazit

Obwohl es nicht mein letzter sein wird, ist dies mein erstes Mal, dass ich mich mit dem Design im Dunkelmodus befasse. Mein UI-Know-how und mein Verständnis von Farben haben sich während dieses Projekts verbessert.

Lass uns in Kontakt bleiben

Unsere Verbindung muss hier nicht enden, Sie können mich wegen der Arbeit oder einfach nur um eine gute Stimmung zu bekommen erreichen über:

Email

Linkedin

Instagram

Snapchat