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

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

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

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

DIY

Detail page for a specific learning challenge where the user can watch a tutorial video, view related how-to resources, and post their own completed project.

• Media Detail
• Tabs

DIY

Settings page where the user updates their avatar from a grid of options, views their portfolio link, manages their email address, and connects to an adult.

• Profile
• Account Settings

DIY

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

• Forgot Password