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.