← Back to all work
Project · 01 / 15·App Design

User Comment Integration

A native implementation of WELT's comment feature for the News App — from initial concept through design to user testing.

Year
2022
Discipline
App Design
Role
Designer
Status
Implementation & Future Concept
App Design Three iOS comment screens — overview, thread, moderation

The brief

Your comments, wherever you read.

WELT's comment section existed on the web — but not in the app. Readers who engaged with articles, responded to other users, or built up a comment history had no way to access or manage that activity on mobile. The brief: bring the full comment experience natively into the WELT News App, without simply porting the web interface across.

Three connected screens — Meine Welt, Meine Kommentare, Moderation Img 01 · Default Profile / Comments Overview / Unpublished Comments

The approach

The starting point was the user profile. The first viewport shows the ten most recent comments a user has written — enough context to feel personal, light enough not to overwhelm. From there, a single tap on "Mehr" opens the full comment history. In the expanded view, users can sort their comments three ways: by most likes, most replies, or most recent. Replies to their own comments are surfaced inline — so a conversation doesn't require hunting across articles to follow.

A persistent bottom bar gives access to unpublished comments — those still awaiting moderation. Here, users get full transparency into the status of each submission: comments flagged in red have been rejected, with a visible reason attached; those highlighted in yellow are still under review. It's a deliberate design choice to surface this information rather than leave users wondering why a comment never appeared.

A short pull quote — a line from a brief, a review, or a teammate. — Attribution, 2022
Profile screen before the comment integration — favourites and last-read only Fig. 02 · Before — profile without comment surfaces

The outcome

The design challenge was less about adding features and more about making existing behaviour feel native. Web patterns that work with a mouse and a wide viewport don't always translate to a thumb and a small screen. Every interaction was reconsidered from the ground up — tested with real users and iterated based on what we observed, not what we assumed. Throughout, I worked closely with development to ensure the concept was buildable, the handoff was tight, and the implementation matched the intent.

01
Concept
02
Design & User Testing
03
Implementation
Next — 02 / 15·App Design

HTML / CSS Onboarding