Background
Die App „BrandBuddy“ wurde im Rahmen der Vorlesung „Mobile Advertising & Brand Engagement“ mit dem Schwerpunkt Mobile Marketing entwickelt. Der Designprozess umfasste die Phasen von der Ideenfindung bis zur detaillierten Konzeptausarbeitung, wobei visuelle Gestaltung und markenrelevante Inhalte im Vordergrund standen. Usability-Tests waren in diesem Projekt nicht gefordert und wurden daher nicht durchgeführt.
Project Goal
Das Ziel dieses Projekts war die Entwicklung einer nutzerfreundlichen SoLoMo-App (Social-Local-Mobile), die verschiedene Aspekte des Kauf- und Marketingprozesses abdeckt. Die App sollte dabei möglichst viele Phasen des „Customer Lifecycle“ ansprechen. Dazu gehören:
- Anregung
- Evaluation
- Kauf
- Nutzung
- Kundentreue
Persona
Die App richtet sich an zwei Zielgruppen: Unternehmen und Influencer. Um ihre Bedürfnisse besser verstehen zu können, wurden zwei Personas geschaffen, die die idealen Nutzer repräsentieren sollen: den Unternehmer Andy Marten und die Influencerin Sandra Müller.
User Scenario
Um erste Ideen für die Funktionen von „BrandBuddy“ zu generieren, wurden Nutzungsszenarien entwickelt. Diese geben einen detaillierten Einblick in die Interaktion der Nutzer mit der App.
Feature list
Nachdem die Nutzerszenarien bereits mögliche Funktionen der App aufgezeigt hatten, wurden diese in einer Liste festgehalten, um daraus den „Unique Selling Point“ (USP) zu formulieren.
Im nächsten Schritt erfolgte die Umwandlung jeder Funktion in einen Customer Benefit, der nach Priorität gewichtet wurde. Anschließend wurden die Funktionen jeweils einer Kategorie zugeordnet: Standard (S) oder Different (D). Die Kategorie D repräsentiert dabei Features, die die App besonders macht. Daraus ergab sich der USP.
| Feature | Costumer benefit | Importance (/10) | Standard/ Different |
|---|---|---|---|
| Browse collaborations | Influencers can easily search and filter all the collaboration opportunities from different companies on a single platform. | 9 | D |
| Look for influencer | Brands can easily search influencer by age, category, distance and follower number. | 9 | D |
| Get suggestions | Thanks to artificial intelligence, brands receive suggestions for influencers that best suit their collaboration. | 9 | D |
| Social media integration | Influencers can link and show posts from the their social media account. | 7 | S |
| Add collaborations | Brands can post a new Collaboration. | 7 | S |
| Easy payment | Brands can easily pay their influencers when the collaboration is finished. | 4 | S |
| Set up profile | Influencers and brands can create a profile and present themselves. | 3 | S |
Lo-Fi Wireframes
Sobald die Funktionen der Anwendung definiert waren, erfolgte die Erstellung von Lo-Fi Wireframes. Vor dem finalen Prototyp entstanden mehrere Versionen der Lo-Fi Wireframes, die im Team diskutiert und anschließend verbessert wurden. Dabei wurden die Wireframes an die unterschiedlichen Bedürfnisse von Influencern und Unternehmen angepasst.
Branding
Das Logo der App sollte einfach und modern wirken. Vor der Entscheidung für das endgültige Design wurden verschiedene Varianten ausprobiert. Um den kollaborativen Aspekt von „BrandBuddy“ widerzuspiegeln, wurden die beiden B’s im Logo miteinander verbunden.
Visual Look & Feel
„BrandBuddy“ sollte einen einfachen, frischen und modernen Eindruck vermitteln. Aus diesem Grund fiel die Wahl bei der Farbgestaltung auf eine Kombination aus Grautönen und einem rötlichen Akzent. Die drei Pastelltöne wurden für die drei Status der Kollaboration (active, completed, applied) verwendet.
Um die Lesbarkeit auf kleinen Bildschirmen sicherzustellen, wurden die Schriften „Lato“ und „Inter“ benutzt.
Color Palette
Typography
Icons
Buttons
Hi-Fi Prototype
Hier gehts zum vollständigen klickbaren Prototyp.