# Step-by-Step User Journey

<div align="left"><figure><img src="https://1792684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD1BdnyPPnkrX11khLsmv%2Fuploads%2FKMu1FCViduohjiU0lQWk%2Fimage.png?alt=media&#x26;token=67e082f9-0167-4e49-a1c0-224dd541aaa2" alt="" width="375"><figcaption></figcaption></figure></div>

## Step 1: Landing on the website

* **User Action:** Review what we are all about!&#x20;
* **Platform Response:** Guide user into App.&#x20;

<div align="left"><figure><img src="https://1792684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD1BdnyPPnkrX11khLsmv%2Fuploads%2FxvWchh3Sbh2bQndLNCm1%2Fimage.png?alt=media&#x26;token=b3b1f3d2-50c3-4ab3-8638-2ecf24799096" alt="" width="336"><figcaption></figcaption></figure></div>

## Step 2: Enter the app

* **User Action:** Click "Launch App" button on the website
* **Platform Response:** Redirects the user to the DApp interface&#x20;

## Step 3: Signing into an aDrop profile

* **User Action:** Choose sign in method and connect your wallet
* **Platform Response:** Facilitates seamless and secure login process, does not ask for any private wallet information, just needs ability to initiate transactions for the user



<div align="left"><figure><img src="https://1792684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD1BdnyPPnkrX11khLsmv%2Fuploads%2F1zlDKt23LYBiDuu8tJWk%2Flp1.png?alt=media&#x26;token=9516b177-baa7-4793-91ef-422466d241b3" alt="" width="375"><figcaption></figcaption></figure></div>

## Step 4: Land on dashboard

* **User Action:** Lands and scrolls through dashboard
* **Platform Response:** Display available DApps, ongoing quest, user rankings, profile overview

&#x20;

<div align="left"><figure><img src="https://1792684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD1BdnyPPnkrX11khLsmv%2Fuploads%2FfcigtqS9EayQqIOTmCyd%2Flp2.png?alt=media&#x26;token=ba48e1ef-eb3c-4b53-9e38-f1cea055e395" alt="" width="375"><figcaption></figcaption></figure></div>

## Step 5: Explore protocols with expected airdrops

* **User Action:** User browses protocols with potential upcoming airdrops
* **Platform Response:** Presents a list of protocol airdrops with filter options



## Step 6: Add a protocol to hunt for quests

* **User Action:** Select a specific protocol to hunt
* **Platform Response:** Adds protocol to user's quests and opens an overview page detailing the protocol and associated quests



## Step 7: Participate in protocol specific quests _(Weekly)_

* **User Action:** Select the initial available quest for this protocol
* **Platform Response:** Open questing page with automated tasks



<div align="left"><figure><img src="https://1792684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD1BdnyPPnkrX11khLsmv%2Fuploads%2FMfNDfE00IrMnviXRRJaU%2F1.png?alt=media&#x26;token=e7661f82-6a2f-4413-97db-a91df24cdf52" alt="" width="375"><figcaption></figcaption></figure></div>

## Step 8: Initiate tasks within a quest _(automated)_

* **User Action:** Click through tasks in order to complete the quest _(i.e. Bridge ETH to zKSync then swap ETH for WBTW on sync swap)_
* **Platform Response:** Automate task so user never has to leave our front end _(i.e. user clicks a button task is completed and all they need to do is sign with their wallet, no navigating around the DApp and getting confused or accidentally clicking on scam)_

<div align="left"><figure><img src="https://1792684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD1BdnyPPnkrX11khLsmv%2Fuploads%2FrZXrsMceAaK5BuV9VAa1%2F3.png?alt=media&#x26;token=79fc84cd-01a8-4464-b803-5c1c8664477c" alt="" width="375"><figcaption></figcaption></figure></div>

## Step 9: Complete tasks within a quest _(automated)_

* **User Action:** User signs wallet transaction to complete transaction
* **Platform Response:** Task completion is confirmed and Quest complete screen appears



<div align="left"><figure><img src="https://1792684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD1BdnyPPnkrX11khLsmv%2Fuploads%2FuGWAxI3OkmS5TCwjOfOg%2Flp3.png?alt=media&#x26;token=5323317a-fe1d-4f49-b697-8fa9f3767dbd" alt="" width="375"><figcaption></figcaption></figure></div>

## Step 10: Visual progression, points, and leveling up

* **User Action:** Completes all tasks associate with quest
* **Platform Response:** Visual progression indicator with points allocated to user's profile at the completion of the quest



<div align="left"><figure><img src="https://1792684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD1BdnyPPnkrX11khLsmv%2Fuploads%2FzH7nXikPZrkXpwXkeUOX%2Fipd.png?alt=media&#x26;token=ff7f247e-94f8-4f70-ad4f-abc728d2d3c6" alt="" width="375"><figcaption></figcaption></figure></div>

## Step 11: Return to dashboard to see ranking

* **User Action:** After completing return to dashboard to see profile section updated
* **Platform Response:** Updates dashboard to reflect new status, rewards, points, and level



<div align="left"><figure><img src="https://1792684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD1BdnyPPnkrX11khLsmv%2Fuploads%2F3EklBxa8CJdWcV2JPOsR%2Freferral.png?alt=media&#x26;token=a24ab807-8919-450c-8385-05e36e583f26" alt="" width="375"><figcaption></figcaption></figure></div>

## Step 12: Refer friends to earn more!&#x20;

* **User Action:** Go to referral page and share your link
* **Platform Response:** Receive a commission or reward for every new paid subscriber you bring on.

