Change Details

### Background A cold start into an empty or generic feed can undercut the personalization work done in previous onboarding steps. This transitional screen gives the app time to process the user's selections and signals to the user that something meaningful is being built for them — setting a positive expectation before they land in the feed. After completing all onboarding steps, users should see a transitional loading screen ("Great! Let's build your feed...") while the app assembles their personalized explore feed based on the choices made during onboarding. This is the final step before landing in the app. ###User Story As a new user who has completed onboarding, I want to receive a visual indicator that my feed is being built, so that when I land in the explore feed with content that reflects my preferences I feel oriented. ###Requirements - After the final onboarding step, users should see a loading screen with an animated illustration while the app processes their selections (interests, feed preference, languages). - Once loading is complete, users should be taken directly to the home feed - [If possible] Preload the feed while the animation is showing so that they don't have to wait after the animation for the feed to load. ###Design Link [[ https://www.figma.com/design/VwBaV9KZ7LWfOY2dt1BJyQ/explore-feed-explorations?node-id=1863-13020&t=fgJp18MM14TKgC09-4 | Figma link (static image inside flow for reference) → ]] [[ https://tlessa.github.io/explore-feed/ | Animation preview → ]] [[ https://drive.google.com/file/d/1ZYYFA_exuhofjmebI7P2lDVyrfSJ_OTB/view?usp=drive_link | json file optimized → ]] **Note: ** the implemented image should have a max width of 240px (see Figma for reference), which is a smaller width than the exported Lottie - let's scale it in code.

### Background A cold start into an empty or generic feed can undercut the personalization work done in previous onboarding steps. This transitional screen gives the app time to process the user's selections and signals to the user that something meaningful is being built for them — setting a positive expectation before they land in the feed. After completing all onboarding steps, users should see a transitional loading screen ("Great! Let's build your feed...") while the app assembles their personalized explore feed based on the choices made during onboarding. This is the final step before landing in the app. ###User Story As a new user who has completed onboarding, I want to receive a visual indicator that my feed is being built, so that when I land in the explore feed with content that reflects my preferences I feel oriented. ###Requirements - After the final onboarding step, users should see a loading screen with an animated illustration while the app processes their selections (interests, feed preference, languages). - Once loading is complete, users should be taken directly to the home feed - [If possible] Preload the feed while the animation is showing so that they don't have to wait after the animation for the feed to load. ###Design Link [[ https://www.figma.com/design/z1skQr04i9TPtINRlhWcBH/iOS--Explore-Feed-Refresh?node-id=36-6858&t=WmE07SOjJ0tcW7Vp-1 | Figma link (static image inside flow for reference) → ]] [[ https://tlessa.github.io/explore-feed/ | Animation preview → ]] [[ https://drive.google.com/file/d/1ZYYFA_exuhofjmebI7P2lDVyrfSJ_OTB/view?usp=drive_link | json file optimized → ]] **Note: ** the implemented image should have a max width of 240px (see Figma for reference), which is a smaller width than the exported Lottie - let's scale it in code.

### Background A cold start into an empty or generic feed can undercut the personalization work done in previous onboarding steps. This transitional screen gives the app time to process the user's selections and signals to the user that something meaningful is being built for them — setting a positive expectation before they land in the feed. After completing all onboarding steps, users should see a transitional loading screen ("Great! Let's build your feed...") while the app assembles their personalized explore feed based on the choices made during onboarding. This is the final step before landing in the app. ###User Story As a new user who has completed onboarding, I want to receive a visual indicator that my feed is being built, so that when I land in the explore feed with content that reflects my preferences I feel oriented. ###Requirements - After the final onboarding step, users should see a loading screen with an animated illustration while the app processes their selections (interests, feed preference, languages). - Once loading is complete, users should be taken directly to the home feed - [If possible] Preload the feed while the animation is showing so that they don't have to wait after the animation for the feed to load. ###Design Link [[ https://www.figma.com/design/VwBaV9KZ7LWfOY2dt1BJyQ/ez1skQr04i9TPtINRlhWcBH/iOS--Explore-fFeed-explorationsRefresh?node-id=1863-13020&t=fgJp18MM14TKgC09-436-6858&t=WmE07SOjJ0tcW7Vp-1 | Figma link (static image inside flow for reference) → ]] [[ https://tlessa.github.io/explore-feed/ | Animation preview → ]] [[ https://drive.google.com/file/d/1ZYYFA_exuhofjmebI7P2lDVyrfSJ_OTB/view?usp=drive_link | json file optimized → ]] **Note: ** the implemented image should have a max width of 240px (see Figma for reference), which is a smaller width than the exported Lottie - let's scale it in code.