Die Raumbeleuchtung startet.The room lights are starting.

RiftbackPatch 26.17

NEXUS

NEXUSv1.1.1

Lowlight

Lowlightv0.3.3 Sauté Survivors

Sauté Survivorsv1.0

Echo Frequency

Echo Frequencyv0.17.0 Essfreude

Essfreudev0.79.0

Cab No. 9

Cab No. 9Build 07.09.2026 Hookline

HooklineNext.js + Audio-Pipeline

Berry

Berryv3.4.1

Carillon

Carillonv0.9.0

Riftcast

Riftcastv1.0.0

Briefly

BrieflyNext.js

Mina – UX/UI Case Study

Mina – UX/UI Case StudyFigma TelefonPhoneKontaktContact

Zurück zur HalleBack to hall14 / 15Mehr lesenRead moreAutomat zeigenShow cabinet

KioskKioskFigmaCase Studycase study

Mina – UX/UI Case StudyMina – UX/UI Case Study

Nachbarschaftshilfe einfacher und vertrauenswürdiger gestalten — von acht Interviews und einer Umfrage zum interaktiven App-Prototyp.Making neighbourhood help simpler and more trustworthy — from eight interviews and a survey to an interactive app prototype.

Projekt besprechenDiscuss a project

Screenshots · 01

01 — Mina – Nachbarschaftshilfe, App-Prototyp und Case StudyMina — neighbourhood help app prototype and case study

Research → Wireframes → Tests → interaktive Prototypen
Design System als Abschluss der Case

Research → wireframes → tests → interactive prototypes
Design system as the case deliverable

RolleRole: UX/UI DesignUX/UI Design
ZeitraumTimeline: 06/2025 – 09/2025 · neuefische06/2025 – 09/2025 · neuefische
Stack: User Research
Figma
Usability Testing
Wireframing
Design Systems
ErgebnisOutcome: Interaktiver Prototyp, Research und Design-SystemInteractive prototype, research and design system

Mina · UX/UI Case Study

Hilfe in der Nachbarschaft beginnt mit Vertrauen.

Wie finden Menschen Unterstützung im Alltag, wenn sie ihre Nachbarn noch nicht kennen? Mina verbindet Hilfesuchende und Helfende – mit verständlichen Absprachen, persönlichen Profilen und flexiblen Formen der Unterstützung.

Rahmen und Verantwortung

Unser Abschlussprojekt im UX/UI-Bootcamp bei neuefische: vier Wochen, drei Personen, ein nativer App-Prototyp. Aurel Cornea, Dennis Bierreth und Laura Kolde entwickelten das Konzept von Research und Wireframes bis zum High-Fidelity-Prototyp und Design-System.

Die Studie beschreibt unser gemeinsames Ergebnis. Research, Personas und Gestaltung werden deshalb als Teamarbeit dargestellt.

Die Ausgangsfrage

Unsere Hypothese: Wenn eine Nachbarschafts-App Vertrauen schafft, Absprachen erleichtert und faire, flexible Hilfe ermöglicht, sind Menschen eher bereit, einander zu unterstützen.

Vertrauen und Sicherheit beim Kontakt mit Fremden
Klare Absprachen zu Zeit, Ort und Gegenleistung
Spontane Hilfe trotz wenig planbarer Zeit
Unsicherheit über Bezahlung, Tausch oder Ehrenamt
Soziale Isolation und der Wunsch nach mehr Kontakt

Was wir im Research gelernt haben

Die Grundlage waren acht Interviews und eine Online-Umfrage mit 55 Teilnehmenden. Im Research standen Vertrauen, Gemeinschaft und zeitliche Flexibilität im Vordergrund.

Vertrauen: 80 %
Gemeinschaft & Nachbarschaft: 70 %
Zeit als Faktor: 65 %
Verdienst, Tausch & Ehrenamt: 50 %

Ergebnisse aus der Projektstudie, keine repräsentative Bevölkerungsumfrage und keine Kennzahlen zur Nutzung einer veröffentlichten App.

Die Konsequenz für das Konzept: Profile und Bewertungen müssen Vertrauen vermitteln. Hilfe soll auch spontan möglich sein; Geld ist dabei nur eine mögliche Form der Gegenleistung.

Drei Perspektiven auf dieselbe Aufgabe

Hilde, 72 · Rentnerin

Unterstützung beim Einkaufen, bei kleinen Reparaturen und im Alltag.

Anforderung: Große Schrift, einfache Sprache, wenige Schritte und überprüfbare Helferprofile.

Guido, 23 · Student

Spontan etwas verdienen und neue Menschen kennenlernen.

Anforderung: Schnelle Vermittlung, klare Gegenleistungen und flexible Zusagen.

Angela, 54 · Angestellte

Die Nachbarschaft stärken und verlässlich helfen.

Anforderung: Ein sicherer, verständlicher Rahmen für ihr Engagement.

Hilde steht im Mittelpunkt des Clickflows. Gerade ihre Skepsis gegenüber Technik macht deutlich, wo Sprache, Reihenfolge und Rückmeldungen Sicherheit geben müssen.

Vom Hilfegesuch zum verlässlichen Kontakt

Hilde braucht Unterstützung. Angela kann nicht immer einspringen und empfiehlt Guido. Hilde erstellt ein Gesuch, prüft das Profil und vereinbart die Hilfe. Nach dem Abschluss gibt sie eine Bewertung ab.

Der Ablauf adressiert konkrete Unsicherheiten: Was muss ich eingeben? Hat jemand geantwortet? Wem kann ich vertrauen? Was passiert nach der Hilfe?

App öffnen
Hilfegesuch erstellen
Formular ausfüllen
Gesuch veröffentlichen
Benachrichtigung ansehen
Profil ansehen
Profil prüfen
Anfrage bestätigen
Direktnachricht schreiben
Anfrage abschließen
Bewertung schreiben
Bewertung veröffentlichen

Mina-Wireframes: Startseite, Formular für ein Hilfegesuch und Nachbarschaftskarte — Wireframes für den Einstieg, das Hilfegesuch und die Nachbarschaftskarte.

Ein freundliches, konsistentes Design-System

Grün steht für Vertrauen, Mint, Gelb und warme Lachstöne ergänzen die Palette. Statusfarben unterscheiden Erfolg, Fehler und Zwischenschritte. Wiederverwendbare Komponenten und konsistente Bestätigungen sollen den Ablauf vorhersehbar machen.

Inter trägt die Lesetexte, Baloo gibt der App ihren freundlichen Charakter. Großzügige Abstände, Lucide-Icons und weiche Ecken strukturieren die Oberfläche. Lesbarkeit, Kontrast und einfache Sprache waren Gestaltungsanforderungen.

Mina-Farbpalette mit Grün, Mint, Dunkelgrau, Gelb und Lachs — Farbpalette und visuelle Grundlagen.

Mina: Miteinander Nachbarschaft

Der Name ist kurz und einprägsam. Die Katze Mina begleitet erfolgreiche Schritte, etwa ein veröffentlichtes Gesuch oder eine abgeschlossene Bewertung. Sie gibt positives Feedback und macht die App zugänglich, während klare Rückmeldungen den Ablauf verständlich machen.

Nachbarschaftstitel ergänzen die Gestaltung spielerisch. Hilde wird zur „Herzensnachbarin“ – passend zu ihrer Rolle und ihrer warmen Persönlichkeit.

Ergebnis und Einordnung

Das Ergebnis ist ein UX/UI-Konzept mit interaktivem Prototyp, Wireframes und Design-System. Es zeigt, wie ein Hilfegesuch mit Profilprüfung, persönlichem Kontakt und Bewertung verbunden werden kann.

Die Studie dokumentiert einen Bootcamp-Prototyp. Die Research-Ergebnisse begründen die Gestaltungsrichtung; sie belegen noch keine Wirkung im Alltag einer veröffentlichten App.

Original-Präsentation ansehen · 11 Abschnitte

Case StudyCase study

Neue FischeUX/UI Design Bootcamp

Case Study MinaCapstone project by Aurel, Dennis & Laura

Mina — Miteinander Nachbarschaft

“Neighbourhood, together.” A native app that makes it easy to offer and accept help next door.

Prototype
Storytelling
UX design
Social
Communication design
Neighbourhood app

Framework

As the capstone of our UX/UI bootcamp we designed a native neighbourhood app in4 weeks, working as a team of three — from research and concept all the way to a high-fidelity prototype.

Our hypothesis

If we build a neighbourhood app that creates trust, enables simple agreements and offers flexible as well as fair forms of help, more people will be willing to support each other.

Everyone benefits from an uncomplicated, safe and connecting platform.

UX design

UX design in Mina means building an app that gives everyone something: the retiree findsreliable help fast, the student earns a little on the side, flexibly — and the engaged neighbour experiences real neighbourhood and community.

Painpoints

Lack of trust & safety when contacting neighbours
Unclear agreements on time, place and compensation
Little flexibility — many can only help (or accept help) spontaneously
Uncertainty around payment or exchange (when, how much, in what form)
Social isolation, especially among older people who wish for more contact

Interviews & online surveys

Based on 8 interviews and 55 respondents in our online survey. These are findings from the project study, not representative population statistics.

“Feeling safe matters a lot to me. Most of the time I simply trust my gut.”

80%Trust

70%Community & neighbourhood

65%Time as a factor

50%Local earning / exchange / volunteering

Conclusion

Our research shows that trust is the central success factor — without verification and ratings, many would not use the app at all. At the same time there is a strong need for more community and neighbourhood contact, combined with a wish for flexible, spontaneous everyday help. Local mini-jobs, small favours and volunteering are especially attractive — and money is often not the point; togetherness is.

User personas & storytelling

Our three personas mirror the key motivations and hurdles. Hilde is at the centre — she is the focus of our clickflow. Together they show how Mina creates trust, makes help uncomplicated and keeps the neighbourhood alive.

Hilde Retired (72)

Motivation: Everyday help — groceries, small repairs, moving furniture. Trusted contacts, one simple solution.

Needs: Large type, plain language, simple navigation, verified helpers.

Painpoints: Distrust of strangers, fear of scams, overwhelmed by technology.

Guido Student (23)

Motivation: Earn money flexibly, take spontaneous jobs, meet new people.

Needs: Quick matching, clear compensation, low commitment.

Painpoints: Rigid schedules, unclear expectations.

Angela Employee (54)

Motivation: Wants to help, strengthen the community and build personal connections.

Needs: Safety and structure for her engagement.

Painpoints: No reliable framework for offering help.

How might we?

How might we build a neighbourhood app that first and foremost creates trust, strengthenssocial cohesion, enables time-flexible help — and at the same time leaves room for local earning, exchange and volunteering?

Design system

Our design system is the app’s central building block — it combines trustworthy colours, highly readable typography, soft radii and a friendly gamification layer into one consistent, inviting experience.

Consistency rules

Primary green for trust, supporting secondary colours, one type system and shared components.

Interaction patterns

Consistent feedback patterns, e.g. success messages and confirmation screens.

Accessibility

Contrast, readability and screen-reader compatibility from the start.

Tone of voice

Simple, informal address — reinforced through success messages and confirmations.

UI design

The UI builds on a harmonious palette of trustworthy green, fresh mint tones, warm salmon and friendly yellow, backed by neutrals. The three base colours mirror core needs and double as status colours — green for success, red for errors, yellow for “almost there”.Generous white space keeps things clear, while Lucide icons, 20 px corner radii and theBaloo typeface create a warm, approachable look. Baloo also carries our informal tone of voice, and Inter keeps body copy highly readable.

Mina colour system — green, mint, dark grey, yellow and salmon swatches — Colour system: green for trust, yellow and salmon as warm accents.

Mina the cat waving, surrounded by confetti — Mina the cat — key visual and the app’s friendly companion.

Naming & key visual

The name Mina is short for „Miteinander Nachbarschaft“ — roughly “neighbourhood, together”. It had to be short, memorable and instantly understandable in German-speaking countries, while feeling characterful and likeable — the cat association gives the app a friendly, approachable personality.

The cat appears on successes — a published help request, a written review — where shemotivates, gives positive feedback and warmly guides people through the app.

Gamification

Characters and neighbour titles make the app likeable and motivating: Hilde becomes the“Herzensnachbarin” — the heart-of-the-neighbourhood — because she mostly seeks help and stands for her warm nature.

Scenario

Hilde needs help, but Angela can’t always step in. With Mina, Hilde posts a help request for the first time — guided step by step — and gains confidence. Angela recommends Guido: Hilde gets support, Guido earns flexibly, and through Hilde’s review the chain of trust keeps growing.

User journey

Hilde experiences safety and self-efficacy because she is guided step by step despite her tech scepticism — which is exactly why her journey is central for clear click paths, trust and simplicity.

1
Open the app
Needs to find her way quickly.
Painpoint: Low tech affinity
2
Create a help request
Enters urgency, frequency and type of help.
Painpoint: Too many steps or unclear wording
3
Wait for a reply
Painpoint: Uncertainty whether and when someone reacts
4
Check the helper profile
Reviews the profile for trustworthiness.
Painpoint: Missing personal connection
5
Build trust
Verification and ratings do the heavy lifting.
6
Rate the helper
Job done — Hilde rates her helper.
Painpoint: Unsure how ratings work or why they matter

Clickflow

Using Hilde — the persona with the biggest trust painpoint — the clickflow shows how a help request can be created fast, simply and without hurdles.

Open the app
New help request
Fill in the form
Publish the request
View notification
View profile
Verify profile
Confirm the request
Send a direct message
Complete the request
Write a review
Publish the review

Low-fidelity wireframes of the Mina app — home, help request form and neighbourhood map — Wireframes: home, help request and neighbourhood map.

Result and scope

The deliverable is a UX/UI concept with an interactive prototype, wireframes and a design system. The research informed the design direction; this bootcamp project does not establish outcomes from a publicly released app.

Mina is a neighbourhood app that strengthens trust and community by making it easy to offer or accept help — fast and flexibly, whether as volunteering, in exchange, or for a small payment.