Libro — Digitales Lesen strukturieren

Klarheit und soziale Motivation für Bücherliebhaber

Entwickelt im Rahmen meines UI/UX Bootcamps bei SuperCode als mein erstes Projekt mit Figma. In dieser Gruppenarbeit entstand Libro, eine konzeptionelle Reading App für strukturiertes digitales Lesen mit personalisierten Leselisten, Fortschrittstracking und einer Community, die zum Lesen inspiriert.

Rolle

UX/UI Designer

Dauer

3 Wochen

Team

3 Personen

Plattform

Mobile App

Screens

High-Fidelity Mockups

Libro Reading App: Leselisten und Fortschrittsvisualisierung in Figma

Leselisten, Fortschritt und Community in einer App

Das Problem

Digitales Lesen ist oft fragmentiert. Zwischen E-Books, Artikeln und PDFs verliert man den Überblick. Bestehende Apps konzentrieren sich auf den Kauf, nicht auf das Lesen selbst. Leser*innen suchen eine zentrale Plattform, die Organisation und soziale Motivation verbindet.

Zielgruppe

Bücherliebhaber zwischen 20-40 Jahren, die regelmäßig lesen und ihre Lesegewohnheiten strukturieren möchten. Sie schätzen klare Übersichten, Fortschrittsvisualisierung und den Austausch mit Gleichgesinnten.

Prozess

01
Research

User Interviews, Competitor Analysis, User Needs
02
Ideation

User Flows, Information Architecture, Wireframes
03
Design

Visual Design, Design System, High-Fidelity Prototyp
04
Testing

Usability-Tests, Iterationen, Feedback-Integration

Research Insights

1

Leser*innen wünschen sich eine zentrale Übersicht aller Lesematerialien
2

Fortschrittsvisualisierung motiviert zum Weiterlesen
3

Soziale Komponente erhöht Lesedisziplin und Entdeckung
4

Klare Kategorisierung reduziert Entscheidungsmüdigkeit
5

Minimalistisches Design hilft beim Fokussieren auf den Text

Competitor Analysis

Analyse von Goodreads, StoryGraph und Apple Books. Erkenntnis: Bestehende Lösungen sind entweder zu komplex (Goodreads) oder zu isoliert (Apple Books). Eine Kombination aus klarem Design und Community fehlt.

Value Proposition

Libro vereint klare Leselisten, visuellen Fortschritt und Community-Funktionen in einer minimalistischen App, die den Fokus auf das Lesen legt.

Lösung – Kernfunktionen

Smarte Leselisten

Organisiere Bücher, Artikel und PDFs in personalisierten Listen mit Tags und Kategorien.

Fortschrittstracking

Visuelle Darstellung des Lesefortschritts mit Statistiken und Lesezielen.

Reading Community

Teile Lesefortschritte, entdecke Empfehlungen und tausche dich mit anderen Leser*innen aus.

Fokus-Modus

Minimalistische Lesesansicht ohne Ablenkung – für maximale Konzentration.

Design System

Ein durchgängiges Design System mit warmen Farbtönen, die Lesen mit Gemütlichkeit verbinden. Klare Typografie für optimale Lesbarkeit und intuitive Navigation.

Farben

Warmes Orange als Akzentfarbe, neutrale Grundtöne für den Content-Bereich

Typografie

Lesbare Sans-Serif Fonts mit klaren Hierarchien

Komponenten

Wiederverwendbare UI-Komponenten für konsistente User Experience

Impact & Learnings

Libro war mein erstes eigenständiges UX/UI Projekt und hat mir gezeigt, wie wichtig gründliche Research-Phasen sind. Die Usability-Tests offenbarten, dass Nutzer*innen Wert auf Geschwindigkeit legen – das führte zu einer vereinfachten Navigation.