Tictail design examples

Tictail

Sign-in screen where the user is prompted to log in with email or Facebook, or create a new account, presented in a modal over the homepage.

• Sign Up

Tictail

Authentication modal where the user signs in with email and password or via Facebook, with options to recover their password or create a new account.

• Forgot Password

Tictail

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

• Forgot Password

Tictail

Signup overlay where the user creates an account using their name, email, and password, or authenticates via Facebook.

• Sign Up

Tictail

Onboarding step where the user selects shopping categories like Men's Fashion, Women's Fashion, Home Decor, or Art to personalize their feed.

• Onboarding Checklist
• Getting Started

Tictail

Onboarding step where the user selects at least five products from a grid to personalize their feed.

• Onboarding Checklist
• Select

Tictail

Onboarding step where the user is prompted to follow at least five fellow shoppers to personalize their feed before continuing.

• Onboarding Checklist
• Follow

Tictail

Profile detail page with a success modal confirming the user is now following five emerging brands, prompting them to view their profile.

• Confirmation
• Profile

Tictail

Detail page where a user's curated profile displays their selected products, brands, and followers in a grid layout.

• Profile
• Edit

Tictail

Settings page where the user edits their public profile information including name, username, bio, and website, with an option to make the shopper profile private.

• Profile
• Edit

Tictail

Settings page where the user can update their email address and change their password.

• Account Settings
• Edit

Tictail

List view where the user browses men's products in a grid, using a left sidebar to filter by category and price range.

• Browse
• Filter & Sort