MetaMask / MetaMask/metamask-mobile

Update Onboarding Screen UI

Open
#16,271 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
3k
Forks
1.7k
Avg merge
1d 14h
Merged PRs (30d)
669

Description

### What is this about?

as part or update New SRP onboarding flow as per figma design
https://www.figma.com/design/pViOUcmjwhEzFsdrwknpNc/Onboarding-redesign?node-id=434-55200&t=wmEoQSF9g9lFtkwp-0

This issue requires

- new UI for onboarding Success

### Scenario

_No response_

### Design

_No response_

### Technical Details

_No response_

### Threat Modeling Framework

_No response_

### Acceptance Criteria

- UI need to match based on onboarding flow

Onboarding Screen A

Image

Onboarding Screen B

Image

Onboarding Screen C
Image

### Stakeholder review needed before the work gets merged

- [ ] Engineering (needed in most cases)
- [ ] Design
- [ ] Product
- [ ] QA (automation tests are required to pass before merging PRs but not all changes are covered by automation tests - please review if QA is needed beyond automation tests)
- [ ] Security
- [ ] Legal
- [ ] Marketing
- [ ] Management (please specify)
- [ ] Other (please specify)

### References

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the linked Figma onboarding redesign and compare it with the current New SRP onboarding flow. Implement the updated UI for onboarding screens A, B, and C, then verify that the rendered screens match the supplied designs and acceptance criterion.

Written by the indexing model from the issue text.

Assessment

Tech stack
figma, react-native, typescript
Domain
design, frontend, mobile
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.