## **Project Overview**

The Dapp List is a community-curated Web3 project discovery platform. We strive to bridge the gap between the two essential pillars of growing any project at scale: **Builders** and the **Community**! Whether you're a founder, investor, or curious explorer, our platform is your go-to for Web3 projects.

## **Problem Statement**

Platform faces challenges in its user experience. Navigation can feel complex, the onboarding process is overwhelming for new users, and key features like governance and gamification aren’t as clear or accessible as they could be. These issues can make it harder for people, especially beginners, to fully engage. Simplifying the interface, improving guidance, and prioritizing user needs could make the platform more welcoming and intuitive, boosting its appeal to a broader audience

```cv
youtube
{"url":"https://www.youtube.com/watch?v=5_ea7MqcKMY","width":200,"height":113,"thumbnail":"https://i.ytimg.com/vi/5_ea7MqcKMY/hqdefault.jpg"}
```

## **Solution**

If we talk feature vice, most of the changes are done in the front, with significant improvements in UI and UX. The entire design is revamped with better visuals and easy navigation. Our backend also went through a big change. Here are the notable improvements in the site, in a nutshell:

```cv
youtube
{"url":"https://www.youtube.com/watch?v=2ADas1M8XBI","width":200,"height":113,"thumbnail":"https://i.ytimg.com/vi/2ADas1M8XBI/hqdefault.jpg"}
```

## **Revamped UX**

The entire User experience of the website is revamped, keeping projects and contributors as the website's main focus. You can see changes right from the website’s homepage itself.

## **Redesigned Sections**

The Dapp List has various sections that serve different purposes to the user. We took note of what needs to change and what needs to be kept as it is and changed the user interface of a few sections.

Four main sections are redesigned: Project profile page. contributor’s profile page, search, and leaderboard. Every page has new features that help you do what you want sooner and more efficiently.

## **Changes in Project Hunting, Curating, and Voting**

Projects are at the core of our community. How can we not change it?

The process of onboarding a new project is now divided into sections, each asking you to put information that would help boost the project faster. Once you submit a project, the time required to get accepted is also expected to be reduced.

Similarly, curating and voting projects now have better visuals and filters. Now you can find the best projects to curate.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FLd8oheUbe2MqAgaRHm85hYOJNJ62%2F0Ass3VZWm3wz0R5v1ust%2Fd8359fcf-299c-4578-b698-44380f9b8943.png?alt=media&token=1337a672-520a-4c68-8ce5-6092cfa57c5b","id":"d8359fcf-299c-4578-b698-44380f9b8943","width":1600,"height":870,"filename":"Frame-14423.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FLd8oheUbe2MqAgaRHm85hYOJNJ62%2F0Ass3VZWm3wz0R5v1ust%2F16edb3e6-2cbf-4d8c-8225-4b5281af1a9a.png?alt=media&token=f701a92b-9786-458c-ab78-408973ab0f4d","id":"16edb3e6-2cbf-4d8c-8225-4b5281af1a9a","width":1600,"height":871,"filename":"Frame-14424.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FLd8oheUbe2MqAgaRHm85hYOJNJ62%2F0Ass3VZWm3wz0R5v1ust%2Fe6caca53-78aa-41f9-ba89-8aa88eab1bd7.png?alt=media&token=6e49d5ef-95ad-491a-af0e-53a6a39124c4","id":"e6caca53-78aa-41f9-ba89-8aa88eab1bd7","width":1600,"height":871,"filename":"Frame-14425.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FLd8oheUbe2MqAgaRHm85hYOJNJ62%2F0Ass3VZWm3wz0R5v1ust%2Fbec76912-601d-40f7-8209-78fae5e9d911.png?alt=media&token=657f9ba1-801f-4c94-b65f-7fae68440579","id":"bec76912-601d-40f7-8209-78fae5e9d911","width":1600,"height":871,"filename":"Frame-14427.png","type":"image/png","caption":"","border":false}]}
```

### **Backend**

A lot of changes were done in the backend as well. Of course, you can not visually experience those. But you will surely experience a boost in the speed and performance of the website.

Explore the best Web3 projects on The Dapp List

## **Problem Statement**

Designing Web3 platforms like The Dapp List comes with challenges such as inconsistent visuals, clunky user flows, and limited reusable components. Without a cohesive design system, it’s hard to maintain scalability, accessibility, and efficiency, leaving users confused and frustrated. A well-structured system is essential to streamline workflows, unify the experience, and make the platform intuitive for everyone.

## **Overview**

The Owl Design System is a flexible and easy-to-use design system to simplify creating Web3 platforms like The Dapp List. It offers reusable components, scalable typography, color tokens, and responsive grids to ensure consistency and accessibility. Built for features like gamification and governance, it streamlines collaboration with shared assets and clear documentation, helping designers create polished, user-friendly Web3 experiences efficiently.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FLd8oheUbe2MqAgaRHm85hYOJNJ62%2FR6LN5SMWhi5RFL3EwNIi%2Fbb18bc86-7176-47c1-bb18-45dc5804cdc2.png?alt=media&token=6b7127e4-44a3-446a-97c6-590b241861a8","id":"bb18bc86-7176-47c1-bb18-45dc5804cdc2","width":3338,"height":2848,"filename":"colors.png","type":"image/png","caption":"","border":false}]}
```

It includes an extensive library of interactive UI elements like buttons, dropdowns, toggles, and switches, all designed for consistency and ease of use. Each component is customizable, responsive, and built to align with Web3-specific needs, ensuring they fit seamlessly into various workflows. With attention to accessibility and modern aesthetics, these elements make it simple to create intuitive interfaces that feel cohesive and professional across the platform.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FLd8oheUbe2MqAgaRHm85hYOJNJ62%2Fdesign-system%2Fac8823c1-3997-4b54-aeb6-dd0dc9bce8dd.png?alt=media&token=93fe45a1-5ba8-488c-b743-5c5aba7efa6d","id":"ac8823c1-3997-4b54-aeb6-dd0dc9bce8dd","width":2400,"height":1608,"filename":"Buttons.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FLd8oheUbe2MqAgaRHm85hYOJNJ62%2Fdesign-system%2F3c4bbfa9-206f-4f64-b3b8-a90f25c05fad.jpg?alt=media&token=05f588ee-5a50-45b7-a9c4-0f7bbfd6926f","id":"3c4bbfa9-206f-4f64-b3b8-a90f25c05fad","width":2560,"height":1920,"filename":"12.jpeg","type":"image/jpeg","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FLd8oheUbe2MqAgaRHm85hYOJNJ62%2Fdesign-system%2Fb6ce23be-bdce-478c-bbbc-d558aafb4f63.png?alt=media&token=443164cb-766b-4310-b8e1-957aca4e40cb","id":"b6ce23be-bdce-478c-bbbc-d558aafb4f63","width":2400,"height":1910,"filename":"Twitter post - 3.png","type":"image/png","caption":"","border":false}]}
```

Scalable Design System

## **Problem Statement**

The current landscape of on-chain money markets faces significant limitations in providing inclusive collateral options, particularly for Memecoins. This exclusion prevents many users from effectively leveraging their digital assets for borrowing and lending purposes. Additionally, liquidity suppliers often encounter suboptimal yields, while borrowers face wider spreads and higher borrowing rates, resulting in inefficiencies and reduced participation. Addressing these gaps is essential to creating a more accessible and efficient ecosystem, optimizing yields for suppliers, and offering competitive borrowing rates for users.

## **Overview**

BlonkFi is designed to optimize the borrowing and lending experience in on-chain money markets by leveraging Blast’s native yield mechanism. This approach enhances returns for liquidity suppliers while offering tighter spreads and more competitive borrowing rates for borrowers. A key challenge in the current market is the limited availability of money markets that accept Memecoins as collateral, a gap BlonkFi aims to address effectively.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FLd8oheUbe2MqAgaRHm85hYOJNJ62%2Fsl7Ap2Yr2XHOkR1J2mwk%2F05249756-aa4b-4a13-b8f2-2f8fb50f1730.png?alt=media&token=91804b88-ae43-401b-a9ec-445e881bae98","id":"05249756-aa4b-4a13-b8f2-2f8fb50f1730","width":1440,"height":1942,"filename":"Market Details Page.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FLd8oheUbe2MqAgaRHm85hYOJNJ62%2Fsl7Ap2Yr2XHOkR1J2mwk%2Ff4c88da1-5e3f-4066-b94b-a115bafc0188.png?alt=media&token=1d1f30e9-952a-481d-82dc-0be58ccacf2c","id":"f4c88da1-5e3f-4066-b94b-a115bafc0188","width":1440,"height":1386,"filename":"Market Page 9.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FLd8oheUbe2MqAgaRHm85hYOJNJ62%2Fsl7Ap2Yr2XHOkR1J2mwk%2Fee1dd045-aa4a-4129-a9a2-92caaf6c5d17.jpg?alt=media&token=85276d11-d0e2-4574-9da5-0530c1ab3531","id":"ee1dd045-aa4a-4129-a9a2-92caaf6c5d17","width":2560,"height":1707,"filename":"fa843a1f-a669-4f9c-8943-62a325a52a69-blast-modal.jpeg","type":"image/jpeg","caption":"","border":false}]}
```

Blonkfi Lending & Borrowing

Senior Product Designer

My Journey

Discover a community-governed hand-picked selection of the latest projects from DeFi, NFT, Metaverse, Gaming, DAOs & more

Our mission is to create a place to find outstanding people to follow, look for a mentor, or discover talented people.

Indians Who Code

* Responsible for handling each and every UI Development part of the platform

* Designed and implemented the UI for Iconscout Editor V1, improving user adoption rates.

* Collaborated with design teams to ensure brand consistency across web and plugins.

Senior Frontend Engineer

* Refactored design system code for scalability, reducing technical debt by 30%.

* Worked on serval side product like File Converter, Line Icon Library, Unicons v1, Unicons v2.

* Helped Team to build the new UI for iconscout plugins

Frontend Engineer

* Collaborated with developers to ensure seamless implementation of UI/UX designs.

* Designed in detailed design system called “Owl Design System”

* Completely redefined their product echo system

Product Designer

* Collaborated with the CEO and marketing teams to enhance product strategy and design workflows.

* Led a team of designers and worked cross-functionally with developers to deliver scalable blockchain solutions. 

* Designed "Synergy," an enterprise blockchain product, improving operational efficiency for web3 projects.

* Scaled user base from 4K to 80K in 2 years through targeted UX improvements and design innovation.

* Learn how to use HTML and CSS properly for scalable application

* Learn new scripting language and its framework like javascript and Vue Js

* Worked on a myscout platform to gain some real world knowledge

Sahil Ranpuri

2024

2023