```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fd0HNg8vqwMa4ifwJjoAr%2F4003a43a-84e7-4b53-8812-5d4f58911d7c.png?alt=media&token=8f4d9eff-1c81-44a0-99fa-23d041c8a3fe","id":"4003a43a-84e7-4b53-8812-5d4f58911d7c","width":2048,"height":1152,"filename":"Cover.png","type":"image/png","caption":"","border":false}]}
```

### According to Matej Latin’s 2023 report on why designers quit their jobs, low UX/design maturity ranks among the top reasons.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fd0HNg8vqwMa4ifwJjoAr%2F8f08abb6-1f4d-4778-9ddc-410eee0667ac.png?alt=media&token=b8001779-7980-49de-80ab-a7c879c6a24f","id":"8f08abb6-1f4d-4778-9ddc-410eee0667ac","width":1857,"height":1086,"filename":"Why designers quit report.png","type":"image/png","caption":"Why designers quit (2023 report) | Matej Latin","border":false}]}
```

This graphic illustrates NN group’s 6 levels of maturity. When we divide the levels in half, we have less mature companies (levels 1 to 3) and more mature ones (levels 4 to 6). It turns out that 77.5% of companies belong to the lower design maturity half, indicating that this is a widespread issue in the design/UX industry.

> As product designers, it is our responsibility to proactively take the lead and make efforts to enhance the design processes.

## **PDS (Permanent Data Solutions)**

[Permanent Data Solutions](https://pds.inc/) is a Web3 startup that builds a suite of apps in the Arveawe ecosystem. We build a wide range of products, like ArDrive, ArNS, or the gateway service.

We are a team of around 30 people, consisting of engineering, product, marketing, and community departments. So, we are a startup, but we have a solid company structure.

And due to the nature of being a startup, we need to make decisions quickly and build rapidly.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fd0HNg8vqwMa4ifwJjoAr%2Fe85746da-e66f-488a-a427-c2679e4865ab.png?alt=media&token=3d4a0523-59a2-4be4-9b26-edbb1767d7a3","id":"e85746da-e66f-488a-a427-c2679e4865ab","width":2048,"height":1152,"filename":"1.png","type":"image/png","caption":"","border":false}]}
```

Before we started working on a user-centered process, there was almost no user research being conducted, or it was very limited. The features that were being built were mainly shaped by the developers, and the decisions made along the way weren’t backed by any user data. They were mostly based on assumptions and gut feelings, which is also the case in many other companies.

This wasn’t necessarily wrong considering the expertise and the experience level of the team. However, we reached a stage where we needed to eliminate the risk of building the wrong thing and improve the products even further.

So, even though we were aware of the challenges of implementing a user-focused product design process, we decided to put real effort into it.

## **First Step: Creating Awareness**

After being hired by the company, I had to work on two products simultaneously for the first few months. One of them was in the process of launching an MVP version, while the other required quick design solutions for various issues.

During this period, we were aware that the entire process needed improvement. In particular, the lack of a user-centered approach made it difficult for us to make confident design decisions.

So, we started sharing our thoughts about the improvements we could make with our colleagues in the company and also used the [Design Maturity Evaluation](https://docs.google.com/spreadsheets/d/1rqDDOLLq-wkHF5FCF4AlkV0N_IKl_hokJdz-kaIvEK8/edit#gid=0) document to assess our current status.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fd0HNg8vqwMa4ifwJjoAr%2Fbf8deabd-8e82-48ca-880a-f7eb0e8abaea.png?alt=media&token=9b163fed-7d1a-4375-bbde-348fdb55261f","id":"bf8deabd-8e82-48ca-880a-f7eb0e8abaea","width":2048,"height":1152,"filename":"3.png","type":"image/png","caption":"Design maturity evaluation","border":false}]}
```

Some of the questions we addressed were:

* Is there a dedicated budget for UX/design? *(Only non-UXers)*

* How would you describe the UX research at the company? *(Non-existent)*

* What is the UX’s perspective on business impact? *(Minimal)*

And the rest of the answers to the questions were mostly either non-existent or minimal.

So the only reason that our rating was not 0, but rather 27%, was because we had 2 designers on the team instead of zero. 🙃

If your company is facing a similar situation, you may hear this statement a lot:

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fd0HNg8vqwMa4ifwJjoAr%2F8fb2cda5-0a0c-42c7-a007-a9d6ef414b1c.png?alt=media&token=9a26c3d0-08ba-4c0d-a803-3c513e9198b5","id":"8fb2cda5-0a0c-42c7-a007-a9d6ef414b1c","width":2048,"height":1152,"filename":"2.png","type":"image/png","caption":"","border":false}]}
```

Sounds familiar, right? However, if you don’t make it as the product designer, then probably there will never be enough time for UX processes.

You don’t need to wait for approval from anyone to begin incorporating UX methods and tools into your process. You can start gradually and demonstrate the impact to decision makers, and influence them to allocate more time for UX design.

Fortunately at PDS creating awareness about the situation was not a difficult task for us, since the rest of the company was largely supportive and on board with prioritizing UX.

## **Second Step: Planning**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fd0HNg8vqwMa4ifwJjoAr%2F1e6dc099-ea7b-423c-bdcc-e3b3841a2eee.png?alt=media&token=0204b2c0-6d61-4cf2-84e6-11dfdca0afe7","id":"1e6dc099-ea7b-423c-bdcc-e3b3841a2eee","width":2048,"height":1152,"filename":"4.png","type":"image/png","caption":"Design processes","border":false}]}
```

We began exploring various design processes to determine our goals. Considering factors such as the company’s employee count, desired feature development speed, and available resources, we decided not to strictly adhere to a single process. Instead, we aimed to establish a foundation for our process and select the most suitable methodology based on the specific needs and details of each project. While it may be ideal to rapidly build and measure experimental or low-scale projects, other projects may require more research to minimize risks.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fd0HNg8vqwMa4ifwJjoAr%2F71e9ecbb-2e29-445f-9a98-75ab45977650.png?alt=media&token=0d5a9a77-d2eb-470c-80d8-ec1e757d11c7","id":"71e9ecbb-2e29-445f-9a98-75ab45977650","width":2048,"height":1152,"filename":"5.png","type":"image/png","caption":"","border":false}]}
```

To build this foundation, we adopted the double diamond product design process and implemented a continuous research system as the basis for our design decisions, which involves regularly interviewing two of our users every two weeks and launching ongoing surveys to gather feedback.

Then we elaborated on our plan, clarified the tasks that needed to be performed in each phase, and outlined how roles would be distributed throughout the process.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fd0HNg8vqwMa4ifwJjoAr%2F8e1c8996-a272-4fe8-81fd-8abb1816046a.png?alt=media&token=a0c49c45-715e-4d91-98b4-ebb909c927f6","id":"8e1c8996-a272-4fe8-81fd-8abb1816046a","width":2048,"height":1152,"filename":"6.png","type":"image/png","caption":"","border":false}]}
```

I should also mention that the product design process is not strictly linear as it’s seen in the flow. We determine the starting phase based on the project’s specific needs after quickly analyzing what we do and don’t know. And we document all information in the project brief or the business case for larger projects.

If we have sufficient information gathered before the project and we can make confident decisions, then we proceed with ideation. If further investigation is required after testing, we may return to the research phase.

> **The key focus is to systematically implement a user-centered process.**

We also mapped out our previous process to compare it with the new one. As you can see, in the previous process, we were skipping some steps and starting directly from high-fidelity designs.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fd0HNg8vqwMa4ifwJjoAr%2F6a4331d1-fea1-4a65-993e-e9c11169aac1.png?alt=media&token=9c0bb84b-3383-4816-a863-e0c016d5cc04","id":"6a4331d1-fea1-4a65-993e-e9c11169aac1","width":2048,"height":1152,"filename":"7.png","type":"image/png","caption":"","border":false}]}
```

## **Third Step: Implementing the Process**

After completing the planning and preparation phases, we arrived at the implementation process.

The activities I have described so far took approximately 3–4 months. Although there are still areas that require improvement, I will briefly explain how we utilized the tools to improve our process.

### **Pip Decks**

If you haven’t heard about [Pip Decks](http://pipdecks.com/ozanoz) before, I highly recommend checking them out. They are a deck of cards specifically designed for conducting workshops.

When starting a new project, we use Pip Decks to determine the appropriate phase to begin with. For example, if we lack a clear problem statement or knowledge about the target audience, we conduct a workshop or use the cards to guide our decision-making process.

### **Slack**

We created a research channel on Slack where colleagues from different departments can share user feedback & information.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fd0HNg8vqwMa4ifwJjoAr%2F720839ec-18fb-414b-83c9-5bd0edfeb469.png?alt=media&token=3bc107eb-9977-4fbc-b8cc-d4b4355f6d39","id":"720839ec-18fb-414b-83c9-5bd0edfeb469","width":2048,"height":1152,"filename":"9.png","type":"image/png","caption":"","border":false}]}
```

This keeps research-related matters active, and that ensures the entire company is informed about the user insights we’ve gathered. Improving communication about the new process is crucial in general because it’s easy to revert to old habits and fall back into previous ways of doing things.

### **Monday.com**

Another thing we did was to create a user research database on [Monday.com](http://monday.com/). But don’t ask why [Monday.com](http://monday.com/) 😀 We were already paying for it, so when we checked if we could use it as a research database, we found that it was quite sufficient.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fd0HNg8vqwMa4ifwJjoAr%2F9385a3bb-68df-4970-852a-c30addaf8b46.png?alt=media&token=1c753d23-ef7a-4ab4-8632-36f20a19baa1","id":"9385a3bb-68df-4970-852a-c30addaf8b46","width":2048,"height":1152,"filename":"10.png","type":"image/png","caption":"","border":false}]}
```

The important thing is to be able to easily filter and analyze information when needed.

We also created a research plan template, as well as boards to collect all user feedback from different channels. We use the research plan template when starting deeper research for a specific project. Otherwise, we mostly use the data board on the left.

### **Confluence**

We also created a document in Confluence to facilitate easy access to the details of the new process. This document explains our new process step by step, essentially serving as a guide for team members. Individuals who have not attended the meetings or are new to the team can easily familiarize themselves with the process by reading this document.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fd0HNg8vqwMa4ifwJjoAr%2Fc7fd1dde-a2a3-4e12-973e-c9c056ee3c65.png?alt=media&token=544a6b9d-d5d2-4d88-b566-115a71315510","id":"c7fd1dde-a2a3-4e12-973e-c9c056ee3c65","width":2048,"height":1152,"filename":"11.png","type":"image/png","caption":"","border":false}]}
```

## **And finally, a view from our first workshop.** 🥳

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fd0HNg8vqwMa4ifwJjoAr%2F5c2482a1-dc54-4d72-9f3d-903bb8e4f4d2.png?alt=media&token=50c14d28-39aa-44f8-8c0a-1488b1cffd63","id":"5c2482a1-dc54-4d72-9f3d-903bb8e4f4d2","width":2048,"height":1152,"filename":"12.png","type":"image/png","caption":"","border":false}]}
```

After much effort and hours of meetings, it was truly exciting to convince everyone and organize this workshop. Another aspect that made this workshop special was our decision to postpone the project we had planned to start. We realized that there were many unknowns and risks associated with the project, prompting us to conduct further research and testing.

As a result, we believe that all the effort we invested in the process has indeed made an impact, and we deem it a success.

How we improved design maturity at PDS

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2Fb432e249-e429-4972-abcf-5d3a11e88361.png?alt=media&token=33de80cc-40d2-4f59-84e0-7552cbeaa01b","id":"b432e249-e429-4972-abcf-5d3a11e88361","width":2048,"height":1152,"filename":"Cover.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2Fd0ca570b-a538-444d-9563-3d6c756d2d36.mp4?alt=media&token=b8bee0ae-fb22-4f8f-9faa-52d2d609ae5c","id":"d0ca570b-a538-444d-9563-3d6c756d2d36","width":4096,"height":2304,"filename":"CleanShot 2024-09-30 at 16.33.31 1.mp4","type":"video/mp4","caption":"","border":false}]}
```

**Year:** 2024\
**Project:** ArDrive Onboarding\
**Role:** Product Designer\
**Team:** 1 PM, Head of Product, 2 Engineers, Marketing Manager

---

## **Overview**

ArDrive is a web3 suite of open-source apps, developer tools, and libraries that enable users to upload, manage, secure, and share their data indefinitely.

### **Problem:**

* Current onboarding experience is too long and confusing.
* New users don't understand what ArDrive does.
* No room for adding the new Metamask sign-in method.

### **Constraints:**

* Limited user research.
* 15 different journeys based on the user types.
* Generating a wallet in the background on each sign-in.

### **Current State:**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2F865dde05-1d99-42f0-ae0f-80b16637e764.png?alt=media&token=e3e3eeac-5d19-47d4-a4db-86b91a26ebd1","id":"865dde05-1d99-42f0-ae0f-80b16637e764","width":2048,"height":1152,"filename":"User Journey.png","type":"image/png","caption":"User Journey","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2F074ade35-b377-4ead-a041-08f035765c53.png?alt=media&token=b2ead8b2-78b7-4c17-9f20-6f01be04c8ca","id":"074ade35-b377-4ead-a041-08f035765c53","width":2048,"height":1152,"filename":"Current Designs - 1.png","type":"image/png","caption":"Login","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2Fd8700943-d64c-4060-9853-dc9d52608587.png?alt=media&token=729f6167-3144-43a1-bbd9-56355711cdcd","id":"d8700943-d64c-4060-9853-dc9d52608587","width":2048,"height":1152,"filename":"Current Designs - 2.png","type":"image/png","caption":"Seedphrase - 1","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2Fbb245781-12ea-46da-a0cc-3cbdb260a89a.png?alt=media&token=149be634-e439-4c7c-b3d5-a3f52d322707","id":"bb245781-12ea-46da-a0cc-3cbdb260a89a","width":2048,"height":1152,"filename":"Current Designs - 3.png","type":"image/png","caption":"Seedphrase - 2","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2Fbec522ba-a0dc-4b0b-8d27-da43e6280e39.png?alt=media&token=b07e5111-186c-4bda-9bd5-137e92b5f580","id":"bec522ba-a0dc-4b0b-8d27-da43e6280e39","width":2048,"height":1152,"filename":"Current Designs - 4.png","type":"image/png","caption":"Seedphrase - 3","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2Fb43c4266-8b1a-4e65-967a-9d822cb00d43.png?alt=media&token=38274c29-c00d-4a7d-bd53-ff6387787a0f","id":"b43c4266-8b1a-4e65-967a-9d822cb00d43","width":2048,"height":1152,"filename":"Current Designs - 5.png","type":"image/png","caption":"Generating Wallet","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2F27962da6-457c-45c7-ae4f-8987afab4200.png?alt=media&token=1800ec98-6833-4c5e-b2ce-26b08fce7e14","id":"27962da6-457c-45c7-ae4f-8987afab4200","width":2048,"height":1152,"filename":"Current Designs - 6.png","type":"image/png","caption":"Tutorial - 1","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2Fdc7a1ae5-bd3a-4a2f-8a8b-94c549dd27f4.png?alt=media&token=09c9b77c-d793-45f1-876a-a3a4c16a3d4f","id":"dc7a1ae5-bd3a-4a2f-8a8b-94c549dd27f4","width":2048,"height":1152,"filename":"Current Designs - 7.png","type":"image/png","caption":"Tutorial - 2","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2Fd71127cb-94af-428d-9fab-4c43981d5425.png?alt=media&token=b6acd85c-dad1-4c3d-b71c-705e0a6d4033","id":"d71127cb-94af-428d-9fab-4c43981d5425","width":2048,"height":1152,"filename":"Current Designs - 8.png","type":"image/png","caption":"Tutorial - 3","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2F2f04c2f5-0c4a-4996-8d6a-09d9407ee759.png?alt=media&token=db6d0755-b6dc-4e8e-95e8-517c45afc0ae","id":"2f04c2f5-0c4a-4996-8d6a-09d9407ee759","width":2048,"height":1152,"filename":"Current Designs - 9.png","type":"image/png","caption":"Create Password","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2F8b97e27a-e154-4a54-bd5e-91a466ef8802.png?alt=media&token=f3ccba0a-e691-4437-a6ea-dcecddce692f","id":"8b97e27a-e154-4a54-bd5e-91a466ef8802","width":2048,"height":1152,"filename":"Current Designs - 10.png","type":"image/png","caption":"Empty State","border":false}]}
```

## **Process**

### **Core User Flows**

**New User**

* Existing wallet

* Drives present

* No drives present

**Existing User**

* Existing wallet

* Drives present

* No drives present

* Returning to session

### **User Journey Map**

* How to prevent errors?

* What are the key steps?

* How to reduce friction?

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2F5a62c2e8-2dda-4866-add8-b44222558593.png?alt=media&token=c00dab7e-87c9-48f4-8492-c34ae9e7b5e3","id":"5a62c2e8-2dda-4866-add8-b44222558593","width":2048,"height":1152,"filename":"Paths.png","type":"image/png","caption":"Pathways","border":false}]}
```

Early wireframes to test different grouping options on sign-in.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2F4e655993-c696-4b48-8757-653d4733b2bb.png?alt=media&token=f7f768b9-06be-45f0-8b75-eedfdea5db86","id":"4e655993-c696-4b48-8757-653d4733b2bb","width":2048,"height":1152,"filename":"WF-1.png","type":"image/png","caption":"Wireframe - 1","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2F140edb1f-4f88-4d82-a3ba-7b85ba694843.png?alt=media&token=e61cde17-adc0-48e5-a06e-a172ad0b4a68","id":"140edb1f-4f88-4d82-a3ba-7b85ba694843","width":2048,"height":1152,"filename":"WF-2.png","type":"image/png","caption":"Wireframe - 2","border":false}]}
```

## **Designs**

### Final

Our focus was creating a user-friendly layout that gives information about ArDrive for Web2.5 users, streamlining the login & signup methods, repurposing the tutorial screens to be informative, and reducing friction on the onboarding flow overall.

We devised the bento layout idea to give as much information as possible in a limited space.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2Fc7e5b4f3-a119-4b5a-a7c4-cb94a748def0.png?alt=media&token=10c9980c-364b-4898-8170-9a20d93a0a12","id":"c7e5b4f3-a119-4b5a-a7c4-cb94a748def0","width":2880,"height":2048,"filename":"Welcome Screen - Dark.png","type":"image/png","caption":"Welcome Screen","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2Fbd7a2242-f431-4c2a-b165-25c2be1786bf.png?alt=media&token=b58250c5-2435-4bd8-b850-ffc027fe6732","id":"bd7a2242-f431-4c2a-b165-25c2be1786bf","width":2880,"height":2048,"filename":"Empty Wallet.png","type":"image/png","caption":"Empty Wallet","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2F7e65788c-ed54-45f7-9a3b-777402e69eaa.png?alt=media&token=85d90e1a-c8dc-493a-aa02-632a42aeec30","id":"7e65788c-ed54-45f7-9a3b-777402e69eaa","width":2880,"height":2048,"filename":"Tutorial-1.png","type":"image/png","caption":"Tutorial - 1","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2Fc5f1b406-2d97-40b8-abab-9881a0959b73.png?alt=media&token=90b96e6c-84cb-41d0-958a-4f077cb8740d","id":"c5f1b406-2d97-40b8-abab-9881a0959b73","width":2880,"height":2048,"filename":"Tutorial-2.png","type":"image/png","caption":"Tutorial - 2","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2F24a0544c-a6cc-451b-8a5a-20a5f7d6df5e.png?alt=media&token=224edeba-e337-4e19-85fa-806d2a047da1","id":"24a0544c-a6cc-451b-8a5a-20a5f7d6df5e","width":2880,"height":2048,"filename":"Tutorial-3.png","type":"image/png","caption":"Tutorial - 3","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2F66ce5cd6-c529-4641-87db-bc17c4e1db4d.png?alt=media&token=ab8277e0-cf69-430f-90bc-24ece3ecdfa1","id":"66ce5cd6-c529-4641-87db-bc17c4e1db4d","width":2880,"height":2048,"filename":"Wallet Created-1.png","type":"image/png","caption":"Wallet Created - Keyfile Tab","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2F18c07029-36c5-4a4d-a579-df61f854c6e7.png?alt=media&token=709ede6b-a038-41fc-bac0-a16fdb4f48a6","id":"18c07029-36c5-4a4d-a579-df61f854c6e7","width":2880,"height":2048,"filename":"Wallet Created-2.png","type":"image/png","caption":"Wallet Created - Security Tab","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2Fb5c3fef7-68ed-4fb9-b04f-7b796344af28.png?alt=media&token=c74e324e-123e-4b0e-9321-ec1e09a7cfac","id":"b5c3fef7-68ed-4fb9-b04f-7b796344af28","width":2880,"height":2048,"filename":"Wallet Created.png","type":"image/png","caption":"Wallet Created - Seedphrase Tab","border":false}]}
```

Components:

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2Ff0842b73-6099-4ebc-958f-8908dc195571.png?alt=media&token=e9e4c940-e521-45dd-9882-c455b8cc2020","id":"f0842b73-6099-4ebc-958f-8908dc195571","width":2880,"height":2048,"filename":"Wallet Created.png","type":"image/png","caption":"Metamask Login - Empty","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2Fa0e705c4-ddf5-4d93-ac28-e6b5cdced5d0.png?alt=media&token=8c63698f-43a4-4a1b-8ae6-c4329cb303c1","id":"a0e705c4-ddf5-4d93-ac28-e6b5cdced5d0","width":2880,"height":2048,"filename":"Wallet Created-1.png","type":"image/png","caption":"Metamask Login - Filled","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2Fd64b62d3-ac92-4726-bcdf-9283f85aedd2.png?alt=media&token=653e586a-f71a-4ebf-a4f8-c9d2c5d74f8d","id":"d64b62d3-ac92-4726-bcdf-9283f85aedd2","width":2880,"height":2048,"filename":"Wallet Created-2.png","type":"image/png","caption":"Seedphrase Login  - Empty","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2F6fe9efab-10a4-4a10-9fbf-a4cca95263c5.png?alt=media&token=e5f7dbbc-e026-4b8e-8c2e-e027b44945dd","id":"6fe9efab-10a4-4a10-9fbf-a4cca95263c5","width":2880,"height":2048,"filename":"Wallet Created-3.png","type":"image/png","caption":"Seedphrase Login  - Filled","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2F403794f4-1c7c-4e6b-9090-c54b397e7fc2.png?alt=media&token=a78257bc-e85a-48e8-8dec-521b05404304","id":"403794f4-1c7c-4e6b-9090-c54b397e7fc2","width":2880,"height":2048,"filename":"Wallet Created-4.png","type":"image/png","caption":"Returning User","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2Ff09f9214-13b6-4d3c-be9b-0be459595340.png?alt=media&token=0cfedc1c-e4f7-44ff-b373-d788f5c9a540","id":"f09f9214-13b6-4d3c-be9b-0be459595340","width":2880,"height":2048,"filename":"Wallet Created-5.png","type":"image/png","caption":"Error","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2Fe7111452-3328-4d37-a069-86c4bf4eb312.png?alt=media&token=9e7b2975-153e-4eed-a111-a6eb996c5008","id":"e7111452-3328-4d37-a069-86c4bf4eb312","width":2880,"height":2048,"filename":"Wallet Created-6.png","type":"image/png","caption":"Buttons","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2F7d2335e1-4e2e-41d0-874d-2b5ba1e305e5.png?alt=media&token=86970067-1faa-48a9-bb99-074e9353acb5","id":"7d2335e1-4e2e-41d0-874d-2b5ba1e305e5","width":2880,"height":2048,"filename":"Wallet Created-7.png","type":"image/png","caption":"Buttons & Animations","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Ft4BLYjvWGDVpZDlAqxwUGwyJ6OJ3%2Fardrive-onboarding%2Fe069f05f-0287-46a1-bfbf-84bb2e8203fb.png?alt=media&token=3480ffad-e7aa-4d46-8354-a74413216ff4","id":"e069f05f-0287-46a1-bfbf-84bb2e8203fb","width":2880,"height":2048,"filename":"Wallet Created-8.png","type":"image/png","caption":"User Personas","border":false}]}
```

## **Results**

The outcome of this project is largely qualitative.

The final designs are used to build a refreshed welcome page and make a design impact to improve the ArDrive brand identity while addressing usability issues.

Case Study - Redesigning ArDrive’s Onboarding Experience

Overview

Problem:

Constraints:

Current State:

Process

Core User Flows

User Journey Map

Designs

Final

Results