Topick product screens examples

Topick

Sign-in screen where the user authenticates with Twitter or their email address and password.

• Sign In

Topick

Detail page for a user profile displaying a masonry grid of their recent activity, including posts, comments, and followed collections.

• Profile
• Social Feed

Topick

Settings page where the user configures email notifications for collections, mentions, comments, and likes.

• Notification Settings
• Account Settings

Topick

Profile settings page where the user updates their cover image, avatar, bio, and website URL.

• Profile
• Edit

Topick

Settings page where the user can export posts, manage Twitter and Pocket integrations, change their timezone, update their email address, and request account deletion.

• Account Settings
• Integrations

Topick

Home feed where the user views recent posts, completes onboarding steps, and checks an empty notifications popover.

• Notifications
• Home

Topick

Side drawer displaying suggested links from connected accounts like Twitter to quickly curate and create new posts.

• Import & Export
• Add & Create

Topick

Directory page where the user browses and follows curated topic collections like Design Tools and UX Design.

• Browse
• Follow

Topick

Modal where the user creates a new collection by naming it, choosing between expanded or list layouts, and configuring privacy and contribution toggles.

• Add & Create

Topick

Social feed where a user browses, shares, and discusses UI/UX design articles and resources with a community.

• Social Feed
• Search

Topick

Detail page for a curated collection where the user can browse submitted design agencies, upvote items, and add new links.

• Browse
• Favorite

Topick

Social feed where the user browses design-related posts, comments on content, and discovers trending collections.

• Social Feed
• Browse