Adobe Creative Jam + Twitch

Welcome to Flock! Mag-bot is a badge collecting magpie that will help you collect your own badges as you explore content and meet new people. Through the onboarding process, you will select interests to curate your feed and introduce you to content catered to you. Within the app, you will have access to your Nest where all your personal content will lie to be organized and viewed by other users. Here you’ll also be able to see the badges you’ve collected through your journey. Badges are earned through a variety of different actions and will encourage you to explore communities that you usually wouldn’t find on your own. Through the discover page you will see content made by other creators and be able to participate in skill-building challenges that help you learn and earn badges. Flock is the best way to connect with communities and share your talents with the world.

Interface Design

  • onboarding iteration 1 The initial onboarding screen placed a focused on color and a frosted skim appearance. Our magpie mascot, Mag-bot is featured throughout the onboarding process.
  • onboarding iteration 2 The second iterations of the onboarding screens utilize a simplified color palette, different text-field styles, and a geometric version of Mag-bot featured in Flock's brand colors.
  • onboarding iteration 3 Users are able to curate their feed by selecting the interests that float on the screen. This style and appearance feels dated and displays a limited number of options.
  • discover iteration 1 The initial designs of the Discover page uses a similar frosted skim design as seen in the onboarding screens. The messaging feature felt constricted in the upper corner.
  • discover iteration 2 The layout pins the messaging feature on the right side of the screen and displays a compact navigation bar. The profile icon, notifications and messaging icon was moved into the nav bar.
  • discover iteration 3 We continued adjusting the layout of the Discover page and expanded the application of our brand elements. Our goal was to bring focus to the daily challenge section.
  • Nest iteration When building the profile screens we were challenged with finding an effective way of displaying the creator content in an organized way. We had trouble including the user's interests in their profile.
  • challenge iteration The featured daily challenge page uses a single column layout, with the community discussion pinned to the right side. The author's credibility and number of views was also missing from this draft.
  • feature article iteration While this editorial layout works for the featured article, it lacks the placement of the comments section. The author's credibility and number of views was also missing from this draft.
drag, swipe or use arrow keys

Final Screens


Sign up, personal information.


Search for personal interests to curate your fyp.

Profile Tutorial

Mag-bot walks you through your Nest profile.

Nest Profile

Your Nest houses your personal profile information. Locate your digital content and keep track of your badge achievements.

Badge Achievements

Badges you collect will be displayed here.

Card Information

Select a card to view details.

Feed Tutorial

Curated content will appear here. Daily and trending challenges

Article + Comments

Flock highlights the building of connections in new communities.

Featured Challenges

New daily skill shares will be updated, giving users the chance to learn new skills from different communities.

Daily Challenge

Joining daily challenges gives the user more opportunities to earn badges. Upon joining a challenge, users can connect to all community participants.


Users can join and create group discussions called flocks. Allowing community members to stay connected.