Onboarding Mockups

5 design concepts Γ— 5 variations = 25 interactive mockups

πŸ’¬

Design 1: Conversational Flow

Chat-like, one question at a time with typewriter animations and confirmation bubbles.

πŸƒ

Design 2: Interactive Card Stack

Swipeable card stack with flip animations and a vertical timeline.

πŸ‘οΈ

Design 3: Live Preview Wizard

Split-screen form with a live-updating profile preview card.

πŸ—ΊοΈ

Design 4: Map-First Journey

Geographic world map with animated pins, floating form cards, and journey lines.

✨

Design 6: Hybrid: Conversational + Social Preview

One-question-at-a-time chat flow combined with a live social media profile card. 5 different layout approaches.

🌍

Design 7: Edit Profile: Missionary

5 designs for the missionary profile editor β€” tabbed sidebar, card wizard, single-page, visual builder, progress ring.

β›ͺ

Design 8: Edit Profile: Church

5 designs for the church profile editor β€” amenities grid, service times, mission policy.

πŸ›οΈ

Design 9: Edit Profile: Mission Board

5 designs for the mission board profile editor β€” requirements, documents, leadership.

πŸ“‹

Design 5: Single-Page Accordion

All sections visible on one page with progressive disclosure via accordions.