Status-react: Update Onboarding to include illustrations

[hesterbruikman]

Problem

The current onboarding flow includes .

The illustrations have been designed to bring across the value proposition and playfully explain key concepts of the Status core app; keys, whisper communication, dedicated browser.

Implementation

Follow Figma design to display 3D images. Specification on dimensions to follow in week of Mon sep 30.

Acceptance Criteria

Positioning according to spec and smooth rendering of images

Notes

Related issue, illustration on welcome screen: https://github.com/status-im/status-react/issues/8135

_Illustrations are an example, please wait for specifications._

[hesterbruikman]

cc @rachelhamlin @errorists

[errorists]

All of the assets can be found here

Already compressed, don't fiddle with the images pls!

[errorists]

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

__This issue now has a funding of 80.0 DAI (80.0 USD @ $1.0/DAI) attached to it.__

• If you would like to work on this issue you can 'start work' on the Gitcoin Issue Details page.
  
  
  
  • Want to chip in? Add your own contribution here.
  
  
  • Questions? Checkout Gitcoin Help or the Gitcoin Slack
  
  
  • $146,134.62 more funded OSS Work available on the Gitcoin Issue Explorer
  
  

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

__Work has been started__.

These users each claimed they can complete the work by 1 month, 1 week ago.
Please review their action plans below:

1) elegant651 has been approved to start work.

as a frontend-developer, I can deal with this issue. want to contribute this work at first.

Learn more on the Gitcoin Issue Details page.

[andmironov]

Heya! Just one more thing that has been lost along the way. The idea of this carousel was that it moves by itself to the next item (and then back to the first one when reaches the end) every ~7sec (might change if feels too much/not enough).

Important: the auto-move should stop once the user swipes or even rests their finger on the screen.

Do you think we can fit this little fix in?

[rachelhamlin]

@elegant651 you're approved! Welcome aboard. Let us know if you have any questions.

There are more details in the comments on image scaling, and also a request for the carousel to auto-scroll.

Please focus on the basics from the issue; if you can set it up to auto scroll as well I'll include a tip on the completed issue.

[rachelhamlin]

Hey @elegant651 would you like to implement #8135 in the scope of this PR, as well? I will pay you both bounties using tip, if you can complete both.

[elegant651]

Hey @elegant651 would you like to implement #8135 in the scope of this PR, as well? I will pay you both bounties using tip, if you can complete both.

Sure, I'll do both of them. should I deal with #8135 first?

[rachelhamlin]

Awesome! Up to you @elegant651. You can submit it all in one PR if you like.

[rachelhamlin]

Hey @elegant651, update: we actually updated the illustrations in the onboarding issue being worked on by one of our core contributors. So in that case, definitely deal with #8135 first, and #8135 only please 😬

Sorry about that - issues flying left and right! Sometimes we overlap.

[elegant651]

Hey @elegant651, update: we actually updated the illustrations in the onboarding issue being worked on by one of our core contributors. So in that case, definitely deal with #8135 first, and #8135 only please 😬

Sorry about that - issues flying left and right! Sometimes we overlap.

Got it.

[gitcoinbot]

@elegant651 Hello from Gitcoin Core - are you still working on this issue? Please submit a WIP PR or comment back within the next 3 days or you will be removed from this ticket and it will be returned to an ‘Open’ status. Please let us know if you have questions!

• [x] reminder (3 days)
• [ ] escalation to mods (6 days)

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

[gitcoinbot]

@elegant651 Hello from Gitcoin Core - are you still working on this issue? Please submit a WIP PR or comment back within the next 3 days or you will be removed from this ticket and it will be returned to an ‘Open’ status. Please let us know if you have questions!

• [x] reminder (3 days)
• [ ] escalation to mods (6 days)

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

[elegant651]

I'm currently working : #8135

[gitcoinbot]

@elegant651 Hello from Gitcoin Core - are you still working on this issue? Please submit a WIP PR or comment back within the next 3 days or you will be removed from this ticket and it will be returned to an ‘Open’ status. Please let us know if you have questions!

• [x] reminder (3 days)
• [ ] escalation to mods (6 days)

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

[gitcoinbot]

@elegant651 Hello from Gitcoin Core - are you still working on this issue? Please submit a WIP PR or comment back within the next 3 days or you will be removed from this ticket and it will be returned to an ‘Open’ status. Please let us know if you have questions!

• [x] reminder (3 days)
• [ ] escalation to mods (6 days)

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

[elegant651]

currently working : #8135

[gitcoinbot]

@elegant651 Hello from Gitcoin Core - are you still working on this issue? Please submit a WIP PR or comment back within the next 3 days or you will be removed from this ticket and it will be returned to an ‘Open’ status. Please let us know if you have questions!

• [x] reminder (3 days)
• [ ] escalation to mods (6 days)

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

[gitcoinbot]

@elegant651 Hello from Gitcoin Core - are you still working on this issue? Please submit a WIP PR or comment back within the next 3 days or you will be removed from this ticket and it will be returned to an ‘Open’ status. Please let us know if you have questions!

• [x] reminder (3 days)
• [ ] escalation to mods (6 days)

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

[gitcoinbot]

@elegant651 Hello from Gitcoin Core - are you still working on this issue? Please submit a WIP PR or comment back within the next 3 days or you will be removed from this ticket and it will be returned to an ‘Open’ status. Please let us know if you have questions!

• [x] reminder (3 days)
• [ ] escalation to mods (6 days)

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

[gitcoinbot]

@elegant651 Hello from Gitcoin Core - are you still working on this issue? Please submit a WIP PR or comment back within the next 3 days or you will be removed from this ticket and it will be returned to an ‘Open’ status. Please let us know if you have questions!

• [x] reminder (3 days)
• [ ] escalation to mods (6 days)

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

__Work for 80.0 SAI (80.0 USD @ $1.0/SAI) has been submitted by__:

1. @elegant651

@StatusSceptre please take a look at the submitted work:

• PR by @elegant651

---

• Learn more on the Gitcoin Issue Details page
• Want to chip in? Add your own contribution here.
• Questions? Checkout Gitcoin Help or the Gitcoin Slack
• $128,464.35 more funded OSS Work available on the Gitcoin Issue Explorer

[elegant651]

Close issues with #8135 #9170
Can you check for this bounty please? https://gitcoin.co/issue/status-im/status-react/9054/3515
@rachelhamlin @StatusSceptre

[elegant651]

@StatusSceptre Can you check for this? I also want to participate in other task. Thanks

Close issues with #8135 #9170
Can you check for this bounty please? https://gitcoin.co/issue/status-im/status-react/9054/3515
@rachelhamlin @StatusSceptre

[StatusSceptre]

I owe you for this one + #8135 @elegant651 - sorry about that! Paid out 80 SAI for this issue, but I have no more SAI in the team metamask account to tip you—and I must use SAI on this particular issue. Can you please share a wallet address where I can send you 60 _DAI_ for #8135? :)

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

__The funding of 80.0 SAI (80.0 USD @ $1.0/SAI) attached to this issue has been approved & issued to @elegant651.__

• Learn more on the Gitcoin Issue Details page
• Questions? Checkout Gitcoin Help or the Gitcoin Slack
• $94,401.94 more funded OSS Work available on the Gitcoin Issue Explorer

[StatusSceptre]

@elegant651 this is a small combination issue - are you interested? I'd pay 70 DAI for it :)

https://github.com/status-im/status-react/issues/9636

[elegant651]

@elegant651 this is a small combination issue - are you interested? I'd pay 70 DAI for it :)

9636

Sure, I'll check it out.