Edutech Hackaton

Overview

During the Edutech Hackathon, a close friend reached out to me late at night with an urgent request design a Web3-based fundraising platform before morning. The team had limited time left to finalize their submission and needed a functional, clean website to present their idea. Despite the short notice and pressure, I took on the challenge and worked overnight to deliver a complete product experience.
The platform was designed to support decentralized fundraising, where users can create campaigns for educational causes, donate using their crypto wallets, and claim raised funds once campaigns are successful. Built on Web3 infrastructure, the platform enables transparent, wallet-to-wallet donations without intermediaries. Users are required to connect their crypto wallets (e.g., via MetaMask or other providers) to either donate to a campaign or withdraw their funds. Each campaign displays key information like the target amount, progress, cause description, and donation history making it easy for supporters to back causes they believe in.

Challenges

The biggest challenge was the extremely tight deadline. I had less than 12 hours to understand the project scope, design user flows, create high-fidelity interfaces, and deliver a clickable prototype. I had to prioritize clarity and minimalism—ensuring the design was lightweight yet fully functional for the hackathon judges.
Another challenge was designing for a Web3 interaction model, which includes wallet connection, smart contract triggers, and secure fund claims—all while keeping the UI accessible for users who may not be familiar with crypto platforms. I also had to make sure the flow between creating a campaign, donating, and claiming funds was simple, direct, and trust-inspiring, despite the technical complexity behind the scenes.

Deliverables

Despite the short timeline, I successfully delivered a responsive landing page that clearly communicates the platform’s purpose. I designed high-fidelity UI screens for key features such as campaign creation, wallet connection, campaign listing and details, as well as donation and claim actions. The interface followed a minimalist design system using clean typography, neutral tones, and bold CTA elements to ensure clarity and focus.
To support the hackathon presentation, I created an interactive Figma prototype showcasing the user flow. I also prepared development-ready components—including buttons, cards, modals, and input fields—for efficient handoff. Additionally, I designed crypto wallet integration prompts with placeholder states for both connected and disconnected scenarios.

Result

The project was submitted successfully, and the design helped the team stand out during their pitch. The clean and functional interface allowed them to clearly demonstrate their Web3 fundraising idea. Judges were impressed by the clarity of the platform despite the complexity of the technology behind it.
For me, this project was a real test of speed, design judgment, and Web3 UX knowledge. It reinforced my ability to think critically under pressure, prioritize the core experience, and deliver fast without compromising quality. The success of the hackathon entry reaffirmed the importance of good design as a powerful storytelling tool, especially in emerging tech spaces like crypto and blockchain.

Create a free website with Framer, the website builder loved by startups, designers and agencies.