Readng design examples

Readng

Signup screen where the user creates a new account by providing an email address, username, and password.

• Sign Up
• Account Setup

Readng

Sign-in screen where the user authenticates with their email address and password, with options to reset their password or request access.

• Forgot Password

Readng

Password recovery screen where the user enters their email address to receive a reset link.

• Forgot Password

Readng

Home screen for a reading tracking app greeting the user and displaying the cover of the single book they are currently reading.

• Home
• Media Detail

Readng

Search page where the user can find books or authors, currently showing an empty state with an illustration and a feedback prompt.

• Empty State
• Search

Readng

Search page where the user views a list of book results matching their query, displaying covers, titles, authors, and aggregated ratings.

• Search Results
• Browse

Readng

Detail page for a book where the user can update their reading status, view publication details, and invite friends to track activity.

• Media Detail
• Edit

Readng

Activity feed showing recent reading updates from the community, with a toggle to switch between friends and everybody.

• Social Feed
• Tabs

Readng

Detail page where a user views their public reading profile, including currently reading and finished books with ratings.

• Profile
• Media Detail

Readng

Profile page where the user views Aziz Firat's book collections, such as Cookbooks and Black Lives Matter, and can follow his activity.

• Profile
• Follow

Readng

Public user profile page where a visitor can view the user's bio, follow them, and browse their currently reading, going to read, and finished book lists.

• Profile
• Follow

Readng

Settings page where the user updates their profile details, connects a Goodreads integration, and chooses an appearance theme.

• Account Settings
• Integrations