1) Onboarding and SMS permission screen
2) Create a Group FTUE
Design a low-fidelity wireframe for the Group Creation FTUE (First Time User Experience) screen. This is the initial setup screen for creating or joining an expense group.
Screen Purpose: Allow new users to either create a new expense tracking group or join an existing group via invite code during first-time setup.
Lo-Fi Design Conventions:
- Light/white background (wireframes use light mode)
- Grayscale only - black, white, and grays
- No colors except black for primary actions
- No graphics or photos - use simple shapes
- Focus on hierarchy, layout, structure, and spacing
- Basic geometric shapes (rectangles, circles, lines)
- Minimal styling
Layout Structure:
- Full screen, no bottom navigation
- Fixed header with branding
- Scrollable content area with two main sections
- Vertically stacked form sections separated by divider
Top Header:
- App logo placeholder (top left)
- Square box 44px, dark gray fill (#3A3A3A)
- 20px left margin, 20px top margin