DISRUP3: The Bootcamp to Ignite Your Web3 Journey (Branding & Web Design)

About the project

DISRUP3 is born from the collaboration between Racks and Mutter Ventures, fueled by a shared passion for unlocking the disruptive potential within everyone. As we embrace the Web3 era, this project offers an all-in-one experience designed to transform technological talent into groundbreaking blockchain solutions. By blending learn-by-doing methodologies with insights from seasoned developers and innovators, DISRUP3 empowers participants to master the essentials of new tech and entrepreneurship. As a Product Designer, I crafted the project’s webpage to communicate its disruptive essence and Web3 focus, creating a digital presence that inspires and educates future pioneers in the blockchain space.

Design Thinking: From Ideation to Implementation

The design process for DISRUP3 followed a structured Design Thinking methodology, ensuring a user-centered, innovative approach that aligned with the program's disruptive and Web3-focused vision. By combining research, ideation, and iterative design, the team worked collaboratively to create a bold and engaging digital experience. From understanding the target audience and business objectives to defining a unique identity, establishing a brutalist design foundation, and implementing the final UI, every step was meticulously planned to reflect the essence of DISRUP3 and its mission to empower the next generation of Web3 pioneers.

1. Empathize: Understand the Concept and Goals

We started by understanding the core idea behind DISRUP3—a bootcamp to empower individuals through Web3 innovation. This involved identifying the target audience (tech-savvy individuals eager to explore blockchain and Web3) and aligning with business goals to position DISRUP3 as a disruptive and educational experience.

2. Define: Naming Ideation


In a collaborative session with a graphic designer, project manager, and two product designers, we brainstormed potential names. The outcome was "DISRUP3," blending "Disruptive" and "Web3" to encapsulate the program's innovative spirit.


3. Ideate: Trends Research and Conceptual Exploration

We researched trends in Web3, education, and technology, along with visual and conceptual references that resonate with the target audience. This research informed the creative direction and ensured alignment with contemporary aesthetics.


4. Define: Brutalism as the Conceptual Foundation

Based on the research, we proposed brutalism as the guiding design principle. This style, with its raw and bold aesthetics, matched the disruptive and tech-forward ethos of DISRUP3. The concept and visual references were presented and approved.

5. Prototype: Wireframe Creation


Wireframes were developed to establish the website's structure, ensuring a seamless user experience and clear communication of the bootcamp’s unique value proposition.


6. Design: UI Creation


The UI design brought the wireframes to life, integrating the brutalist style with Web3-inspired elements. This step focused on creating an engaging and visually disruptive digital experience.


7. Implement: Web Development


The final design was implemented, transforming the concept into a fully functional and interactive webpage that effectively communicates the spirit and objectives of DISRUP3.

Brutalism & References

Prototype Website

View prototype

Visit Website