# Quick Overview

{% hint style="info" %}
The projects you see in the mockup are just examples. We don't have any partnerships with them (not yet 😉).
{% endhint %}

{% embed url="https://youtu.be/Q33wmpNUhkU" %}

**Simplest UX is the key**!\
We are following the simplicity and intuitiveness of use as guidelines for developing the Slophy app!\
Like is showed below the app will have only three sections: \
\- the [#home-section](#home-section "mention") for starting the timer, \
\- the [#reward-section](#reward-section "mention") to claim your AllowList spot\
\- the [#profile-section](#profile-section "mention") to manage your account and monitor your rewards.

### Home section

{% embed url="https://youtu.be/wBskZAWrPrc" %}

As is shown above the home's core is a timer, simple! You just have to choose how long is your break. Once you set the timer then you have to click start and set aside your phone. Now enjoy this break or use it as you see fit.

### Reward section

{% embed url="https://youtu.be/OmJHaUEsfuY" %}

Here you can redeem your rewards, or rather your guaranteed AllowList spot.

#### How does it work?

Each project requires a total of X unplugging hours to make his AllowList spot redeemable. \
The progress bar shows the time left to unlock the AllowList's spot, or in other words, the goal achievement percentage. At the top right, you can see an icon <img src="https://3915887782-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5aTmcDwfRExNbF0f6JuR%2Fuploads%2Ftb4Uw9JP5SXFPcX5HMPH%2Ficona.png?alt=media&#x26;token=1a36e518-8159-48b2-9799-faf8398789c0" alt="" data-size="line">that shows the disconnection time you have accumulated and which has not yet been used to redeem your rewards. Whenever time is accumulated, all projects' bar grows proportionally to the time required to be unlocked. This implies that when you choose to use the time to redeem a project that has reached 100% of the required hours, you will see your time balance decrease (equal to the time required to unlock the reward). As a result, the progress bars of the other projects will be resized according to the time left.

**Example**: \
You have accumulated 20 unplugging hours. \
Your time balance will then show 20 hrs. \
There are two projects that require respectively 10 hours and 30 hours of disconnection to be unlocked. \
In the first case, the 10-hour project will see its progress bar at 100%, and in the second case, the progress bar will be at 66% (20/30). If we choose to redeem the first project prize, we will see that our time balance will be reduced by 10 hours, and the second project will see its progress bar go down to 33% (10 hours remaining / 30 hours required). If instead, we had accumulated 50 hours, we could have redeemed the rewards of both projects and remained with 10 hours in our time balance.

### Profile section

{% embed url="https://youtu.be/YGYP7IR-uVs" %}

This is the personal profile section. This section allows you to keep track of the projects spot you signed up for. Furthermore, it allows you to sign up with your social accounts which may be requested by creators, as requirements for signing up for their projects\
.

### [                              ](https://xd.adobe.com/view/1c261905-9924-4462-b4b4-c4d8ee46cd57-4975/)👉🏽[   <mark style="color:yellow;">TRY OUR MOCKUP (IT'S FUNNY)</mark>](https://xd.adobe.com/view/1c261905-9924-4462-b4b4-c4d8ee46cd57-4975/)   👈🏽

