All design workAlle Design-Arbeiten
All design workAlle Design-Arbeiten
UX/UI Case Study · 2026UX/UI Case Study · 2026
More than just sharing foodMehr als nur Essen teilen
A social dining app that brings neighbours to one table — against loneliness, through shared meals.Eine Social-Dining-App, die Nachbar:innen an einen Tisch bringt – gegen Einsamkeit, durch gemeinsames Essen.
01Challenge & researchHerausforderung & Recherche
More and more people lack real, personal contact — three groups especially. At the same time, many households would happily welcome new people at their table. What's missing is a simple, trustworthy way to bring hosts and guests together.Immer mehr Menschen fehlt echter, persönlicher Kontakt – drei Gruppen besonders. Gleichzeitig würden viele Haushalte neue Menschen gern an ihrem Tisch willkommen heißen. Es fehlt ein einfacher, vertrauenswürdiger Weg, Gastgeber und Gäste zusammenzubringen.
felt lonely in 2021 — 5 points more than before the pandemic.fühlten sich 2021 einsam – 5 Prozentpunkte mehr als vor der Pandemie.
DIW Berlin 2025feel lonely often or very often; 14 % have no close contact person in Germany.fühlen sich oft oder sehr oft einsam; 14 % haben keine enge Bezugsperson in Deutschland.
BAMF Research Centre 2024BAMF-Forschungszentrum 2024moves across municipal borders every year — usually into a place without a network.Umzüge über Gemeindegrenzen pro Jahr – meist an einen Ort ohne Netzwerk.
bpb 202402The ideaDie Idee
Social Meal connects hosts — at least two people or a family — with guests who are looking for company. One table, three formats:Social Meal verbindet Gastgeber – mindestens zwei Personen oder eine Familie – mit Gästen, die Gesellschaft suchen. Ein Tisch, drei Formate:
Guests bring, for example, a dish from their home country.Gäste bringen z. B. ein Gericht aus ihrer Heimat mit.
Cooking as a shared activity that connects.Gemeinsames Kochen als verbindende Aktivität.
A low-threshold option for anyone who simply wants company.Ein niedrigschwelliges Angebot für alle, die einfach nur Gesellschaft suchen.
The result: a social network against loneliness that supports integration and enables real, analogue encounters in a digital world.So entsteht ein soziales Netzwerk gegen Einsamkeit, das Integration fördert und echte, analoge Begegnungen in einer digitalen Welt ermöglicht.
03The approachDer Ansatz
The human-centred design process of ISO 9241-210 gave the project its structure: understand the context of use, specify user requirements, produce design solutions, evaluate them — and iterate whenever the evaluation calls for it.Der nutzerzentrierte Gestaltungsprozess nach ISO 9241-210 gab dem Projekt seine Struktur: Nutzungskontext verstehen, Nutzungsanforderungen spezifizieren, Gestaltungslösungen entwerfen, evaluieren – und iterieren, sobald die Evaluation es erfordert.
04UsersZielgruppen
The first target groups were defined by life situation. To design for real needs, they were regrouped by how rooted people are where they live and how much social energy they bring — resulting in three user groups, each represented by a persona.Die ersten Zielgruppen waren nach Lebenssituation definiert. Um für echte Bedürfnisse zu gestalten, wurden sie danach neu geordnet, wie verwurzelt Menschen an ihrem Wohnort sind und wie viel soziale Energie sie mitbringen – daraus entstanden drei Nutzergruppen, jede durch eine Persona vertreten.
No local network yet (from abroad or another part of Germany). Wants a small, casual first contact. Needs trust signals — and maybe language support — before opening up.Noch kein lokales Netzwerk (aus dem Ausland oder einem anderen Teil Deutschlands). Wünscht sich einen kleinen, ungezwungenen ersten Kontakt. Braucht Vertrauenssignale – und evtl. sprachliche Unterstützung –, bevor sie sich öffnen.
Has lived here for a while but is socially isolated — children moved out, widowed, a shrinking circle of friends. Wants regular, uncomplicated company without cultural or language barriers.Lebt schon eine Weile hier, ist aber sozial isoliert – Kinder ausgezogen, verwitwet, schrumpfender Freundeskreis. Wünscht sich regelmäßige, unkomplizierte Gesellschaft ohne kulturelle oder sprachliche Barrieren.
Newcomers and locals alike. Look for bigger groups, more frequent meetups and variety — and are likely to become anchor hosts who bring larger events to life.Neuankömmlinge wie Einheimische. Suchen größere Gruppen, häufigere Treffen und Abwechslung – und werden wahrscheinlich zu Anker-Gastgeber:innen, die größere Veranstaltungen beleben.
05Information architectureInformationsarchitektur
The sitemap was prioritised by MoSCoW and refined in a second round: an onboarding step before login, separate German and English start pages, and one shared branch for safety and support. The bottom navigation has five destinations — Home, Create invitation, Messages, Safety & Support and Profile. Safety gets its own tab because trust was the biggest concern across all three groups.Die Sitemap wurde nach MoSCoW priorisiert und in einer zweiten Runde verfeinert: ein Onboarding-Schritt vor dem Login, getrennte deutsche und englische Startseiten und ein gemeinsamer Zweig für Sicherheit und Support. Die Bottom-Navigation hat fünf Ziele – Home, Einladung erstellen, Nachrichten, Sicherheit & Support und Profil. Sicherheit bekommt einen eigenen Tab, weil Vertrauen über alle drei Gruppen hinweg die größte Sorge war.
06DesignGestaltung
From paper scribbles to low-fidelity wireframes, then a style guide and a component library built with atomic design. The look should feel warm, inviting and trustworthy — calm enough for Hans, lively enough for Sandra and Lana.Von Scribbles auf Papier über Low-Fidelity-Wireframes zu Styleguide und Komponentenbibliothek nach Atomic Design. Der Look soll warm, einladend und vertrauenswürdig wirken – zurückhaltend genug für Hans, lebendig genug für Sandra und Lana.
Tone in three wordsTonalität in drei Worten
welcoming · trust-building · calmgastfreundlich · vertrauensbildend · unaufgeregt
Social
Social MEalTypographyTypografie
Alan Sans by Paris type designer Raphaël Ronot: a classic grotesque with softer, rounder edges — friendly and expressive, yet very readable.Alan Sans vom Pariser Type Designer Raphaël Ronot: eine klassische Grotesk mit weicheren, runderen Kanten – freundlich und ausdrucksstark, trotzdem gut lesbar.
ColoursFarben
For text
and its accentsFür Texte
und deren Akzentuierung
For various buttonsFür verschiedene Buttons
07The prototypeDer Prototyp
The click prototype, from first launch to the meeting.Der Klick-Prototyp – vom ersten Öffnen bis zum Treffen.
Four skippable screens. Trust comes first: verified profiles, reviews, the host decides the guest count.Vier überspringbare Screens. Vertrauen zuerst: verifizierte Profile, Bewertungen, der Host bestimmt die Gästezahl.
Home in German or English, then discover meals nearby — as a list or on the map.Home auf Deutsch oder Englisch, dann Essen in der Nähe entdecken – als Liste oder auf der Karte.
Accessibility, menu, allergens, what to bring, cost sharing — all on the invitation. Join in one tap, or host your own in three steps.Barrierefreiheit, Menü, Allergene, Mitbringsel, Kostenteilung – alles in der Einladung. Mit einem Tipp zusagen oder in drei Schritten selbst einladen.
Chat with your host, report and block in Safety & Support, reviews after every meeting, and a profile with languages and interests.Mit dem Host chatten, in Sicherheit & Support melden und blockieren, Bewertungen nach jedem Treffen und ein Profil mit Sprachen und Interessen.
08Next stepsAusblick
The click prototype is the end of the first iteration, not of the process. The next round is about testing with real people.Der Klick-Prototyp ist das Ende der ersten Iteration, nicht des Prozesses. In der nächsten Runde geht es ums Testen mit echten Menschen.
