DIY product screens examples

DIY

Sign-in modal where the user can enter their nickname and password to access their account, or switch to a sign-up prompt to join the community.

• Forgot Password

DIY

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

• Forgot Password

DIY

Creation screen where the user sets up a kid's profile by entering a nickname, password, birthday, and real name, with an option to auto-generate a nickname.

• Sign Up
• AI Generation

DIY

Signup screen where the user enters their email address to complete the final step of the account creation process.

• Sign Up

DIY

Onboarding welcome screen where the user is greeted and prompted to start making.

• Welcome
• Sign Up

DIY

Community homepage showcasing trending topics, a featured video, recent user activity, and a grid of staff-picked DIY projects.

• Browse
• Navigation Menu

DIY

Community showcase page recommending makers for the user to follow, displayed in a simple grid of cards.

• Onboarding Checklist

DIY

Detail page for a user profile where visitors can view their artwork posts, follower counts, and choose to follow the account.

• Profile
• Tabs

DIY

User profile

DIY

Detail page for a user profile where the visitor can view and follow the user's followers in a grid layout.

• Profile
• Follow

DIY

Directory page where users can browse and filter a large grid of skills and activities to try, categorized by topics like Art, Athletics, and Building.

• Browse
• Filter & Sort

DIY

Community gallery page displaying a grid of user-submitted tipi projects with a toggle to sort by trending or newest.

• Search
• Browse