Homebase
Homebase
Homebase
Homebase
Tezos Commons
Tezos Commons
Tezos Commons
Tezos Commons
My role was to lead all design of Homebase, the flagship Decentralized Autonomous Organization (DAO) platform for the Tezos blockchain that allows communities to organize and find consensus through token-weighted voting.
My role was to lead all design of Homebase, the flagship Decentralized Autonomous Organization (DAO) platform for the Tezos blockchain that allows communities to organize and find consensus through token-weighted voting.
My role was to lead all design of Homebase, the flagship Decentralized Autonomous Organization (DAO) platform for the Tezos blockchain that allows communities to organize and find consensus through token-weighted voting.
My role was to lead all design of Homebase, the flagship Decentralized Autonomous Organization (DAO) platform for the Tezos blockchain that allows communities to organize and find consensus through token-weighted voting.
Duration
Duration
Duration
Duration
Dec 2020 – Jul 2024
Dec 2020 – Jul 2024
Dec 2020 – Jul 2024
12/2020 – 7/2024
Role
Role
Role
Role
Lead Product Designer
Lead Product Designer
Lead Product Designer
Lead Product Designer
Contribution
Contribution
Contribution
Contribution
UX Design, Visual Design, Branding, Front-end Development
UX Design, Visual Design, Branding, Front-end Development
UX Design, Visual Design, Branding, Front-end Development
UX Design, Visual Design, Branding, Front-end Development
Team
Team
Team
Team
Product Designer, Product Manager, Project Manager, Engineers
Product Designer, Product Manager, Project Manager, Engineers
Product Designer, Product Manager, Project Manager, Engineers
Product Designer, Product Manager, Project Manager, Engineers
The Problem
The Problem
The Problem
The Problem
Homebase had several usability challenges at the beginning due to its cluttered interface and complex functionalities. As the platform grew, I recognized there needed to be many changes to the platform. I redesigned Homebase to be more organized, user-friendly, and adaptable through layout redesigns and the creation of a cohesive design system.
Homebase had several usability challenges at the beginning due to its cluttered interface and complex functionalities. As the platform grew, I recognized there needed to be many changes to the platform. I redesigned Homebase to be more organized, user-friendly, and adaptable through layout redesigns and the creation of a cohesive design system.
Homebase had several usability challenges at the beginning due to its cluttered interface and complex functionalities. As the platform grew, I recognized there needed to be many changes to the platform. I redesigned Homebase to be more organized, user-friendly, and adaptable through layout redesigns and the creation of a cohesive design system.
Homebase had several usability challenges at the beginning due to its cluttered interface and complex functionalities. As the platform grew, I recognized there needed to be many changes to the platform. I redesigned Homebase to be more organized, user-friendly, and adaptable through layout redesigns and the creation of a cohesive design system.
Business Goals
Business Goals
Business Goals
Business Goals
Create the leading DAO platform on the Tezos blockchain that is accessible to users of all technical levels, regardless of their experience.
Create the leading DAO platform on the Tezos blockchain that is accessible to users of all technical levels, regardless of their experience.
Create the leading DAO platform on the Tezos blockchain that is accessible to users of all technical levels, regardless of their experience.
Create the leading DAO platform on the Tezos blockchain that is accessible to users of all technical levels, regardless of their experience.
User Goals
User Goals
User Goals
User Goals
Allow communities to collectively manage assets and make informed decisions through a decentralized platform.
Allow communities to collectively manage assets and make informed decisions through a decentralized platform.
Allow communities to collectively manage assets and make informed decisions through a decentralized platform.
Allow communities to collectively manage assets and make informed decisions through a decentralized platform.
Design Process
Design Process
Design Process
Design Process
“How might we turn an inherently complex and technical platform into a clean and user-friendly experience?”
“How might we turn an inherently complex and technical platform into a clean and user-friendly experience?”
“How might we turn an inherently complex and technical platform into a clean and user-friendly experience?”
“How might we turn an inherently complex and technical platform into a clean and user-friendly experience?”
User Research
User Research
User Research
User Research
Through interviews and a dedicated Discord channel, I gathered insights into how users interacted with Homebase. Based on user feedback, I identified three key areas for improvement.
Through interviews and a dedicated Discord channel, I gathered insights into how users interacted with Homebase. Based on user feedback, I identified three key areas for improvement.
Through interviews and a dedicated Discord channel, I gathered insights into how users interacted with Homebase. Based on user feedback, I identified three key areas for improvement.
Through interviews and a dedicated Discord channel, I gathered insights into how users interacted with Homebase. Based on user feedback, I identified three key areas for improvement.
Cluttered and unfocused layout
Issues with feature organization
Inefficient navigation
Cluttered and unfocused layout
Issues with feature organization
Inefficient navigation
Cluttered and unfocused layout
Issues with feature organization
Inefficient navigation
Cluttered and unfocused layout
Issues with feature organization
Inefficient navigation
Design System
Design System
Design System
Design System
To increase design cohesion, I developed a design system for Tezos Homebase. This system streamlined workflows by introducing reusable components, color styles, and text styles, improving design efficiency by 30%. I also made sure that every element met WCAG color contrast ratio standards.
To increase design cohesion, I developed a design system for Tezos Homebase. This system streamlined workflows by introducing reusable components, color styles, and text styles, improving design efficiency by 30%. I also made sure that every element met WCAG color contrast ratio standards.
To increase design cohesion, I developed a design system for Tezos Homebase. This system streamlined workflows by introducing reusable components, color styles, and text styles, improving design efficiency by 30%. I also made sure that every element met WCAG color contrast ratio standards.
To increase design cohesion, I developed a design system for Tezos Homebase. This system streamlined workflows by introducing reusable components, color styles, and text styles, improving design efficiency by 30%. I also made sure that every element met WCAG color contrast ratio standards.
Layout Optimization
Layout Optimization
Layout Optimization
Layout Optimization
The original table-based layout hindered user comprehension and increased cognitive load because the information was more spread out and difficult to read across the columns. To enhance readability and organization, I replaced tables with cards. Cards provided more breathing room, allowed for better grouping of information, and offered greater flexibility in visual hierarchy through contrasting typography and spacing. This design significantly improved the user experience and made it easier for users to scan content and understand information at a glance.
The original table-based layout hindered user comprehension and increased cognitive load because the information was more spread out and difficult to read across the columns. To enhance readability and organization, I replaced tables with cards. Cards provided more breathing room, allowed for better grouping of information, and offered greater flexibility in visual hierarchy through contrasting typography and spacing. This design significantly improved the user experience and made it easier for users to scan content and understand information at a glance.
The original table-based layout hindered user comprehension and increased cognitive load because the information was more spread out and difficult to read across the columns. To enhance readability and organization, I replaced tables with cards. Cards provided more breathing room, allowed for better grouping of information, and offered greater flexibility in visual hierarchy through contrasting typography and spacing. This design significantly improved the user experience and made it easier for users to scan content and understand information at a glance.
The original table-based layout hindered user comprehension and increased cognitive load because the information was more spread out and difficult to read across the columns. To enhance readability and organization, I replaced tables with cards. Cards provided more breathing room, allowed for better grouping of information, and offered greater flexibility in visual hierarchy through contrasting typography and spacing. This design significantly improved the user experience and made it easier for users to scan content and understand information at a glance.
To further improve comprehension, I replaced the original Roboto Mono font with Roboto Flex. Monospace fonts are less suitable for user interfaces due to their reduced readability and increased horizontal space requirements. The transition to Roboto Flex not only improved the overall user experience of Homebase but also aligned with Tezos’ existing branding.
To further improve comprehension, I replaced the original Roboto Mono font with Roboto Flex. Monospace fonts are less suitable for user interfaces due to their reduced readability and increased horizontal space requirements. The transition to Roboto Flex not only improved the overall user experience of Homebase but also aligned with Tezos’ existing branding.
To further improve comprehension, I replaced the original Roboto Mono font with Roboto Flex. Monospace fonts are less suitable for user interfaces due to their reduced readability and increased horizontal space requirements. The transition to Roboto Flex not only improved the overall user experience of Homebase but also aligned with Tezos’ existing branding.
To further improve comprehension, I replaced the original Roboto Mono font with Roboto Flex. Monospace fonts are less suitable for user interfaces due to their reduced readability and increased horizontal space requirements. The transition to Roboto Flex not only improved the overall user experience of Homebase but also aligned with Tezos’ existing branding.
Onboarding Improvements
Onboarding Improvements
Onboarding Improvements
Onboarding Improvements
Prior to the redesign, the DAO creation process frustrated users with its unclear requirements and lack of progress tracking. Without visible milestones or completion indicators, users couldn't gauge their position in the workflow or anticipate remaining steps. Homebase faced a 40% abandonment rate during DAO creation, a clear sign the process was not ideal.
Prior to the redesign, the DAO creation process frustrated users with its unclear requirements and lack of progress tracking. Without visible milestones or completion indicators, users couldn't gauge their position in the workflow or anticipate remaining steps. Homebase faced a 40% abandonment rate during DAO creation, a clear sign the process was not ideal.
Prior to the redesign, the DAO creation process frustrated users with its unclear requirements and lack of progress tracking. Without visible milestones or completion indicators, users couldn't gauge their position in the workflow or anticipate remaining steps. Homebase faced a 40% abandonment rate during DAO creation, a clear sign the process was not ideal.
Prior to the redesign, the DAO creation process frustrated users with its unclear requirements and lack of progress tracking. Without visible milestones or completion indicators, users couldn't gauge their position in the workflow or anticipate remaining steps. Homebase faced a 40% abandonment rate during DAO creation, a clear sign the process was not ideal.
To eliminate uncertainty and improve usability, I introduced two progress indicators, a percentage indicator showing big-picture progress, and a progress stepper showing clear milestones. These improvements helped users know where they stand in the DAO creation process.
To eliminate uncertainty and improve usability, I introduced two progress indicators, a percentage indicator showing big-picture progress, and a progress stepper showing clear milestones. These improvements helped users know where they stand in the DAO creation process.
To eliminate uncertainty and improve usability, I introduced two progress indicators, a percentage indicator showing big-picture progress, and a progress stepper showing clear milestones. These improvements helped users know where they stand in the DAO creation process.
To eliminate uncertainty and improve usability, I introduced two progress indicators, a percentage indicator showing big-picture progress, and a progress stepper showing clear milestones. These improvements helped users know where they stand in the DAO creation process.
Proposal Option Display
Proposal Option Display
Proposal Option Display
Proposal Option Display
Homebase originally displayed proposal options as simple buttons. As more proposal types became available, users faced challenges in understanding the available options. To address this, I introduced descriptive clickable cards. While the cards improved clarity, they weren’t scalable. I added categorized sections to organize Homebase's growing options and prevent future overwhelm.
Homebase originally displayed proposal options as simple buttons. As more proposal types became available, users faced challenges in understanding the available options. To address this, I introduced descriptive clickable cards. While the cards improved clarity, they weren’t scalable. I added categorized sections to organize Homebase's growing options and prevent future overwhelm.
Homebase originally displayed proposal options as simple buttons. As more proposal types became available, users faced challenges in understanding the available options. To address this, I introduced descriptive clickable cards. While the cards improved clarity, they weren’t scalable. I added categorized sections to organize Homebase's growing options and prevent future overwhelm.
Homebase originally displayed proposal options as simple buttons. As more proposal types became available, users faced challenges in understanding the available options. To address this, I introduced descriptive clickable cards. While the cards improved clarity, they weren’t scalable. I added categorized sections to organize Homebase's growing options and prevent future overwhelm.
Impact
Impact
Impact
Impact
The redesigned Homebase platform significantly enhanced user experience and platform usability, leading to a notable increase in user adoption.
The redesigned Homebase platform significantly enhanced user experience and platform usability, leading to a notable increase in user adoption.
The redesigned Homebase platform significantly enhanced user experience and platform usability, leading to a notable increase in user adoption.
The redesigned Homebase platform significantly enhanced user experience and platform usability, leading to a notable increase in user adoption.
Key Achievements:
Key Achievements:
Key Achievements:
Key Achievements:
92%
92%
92%
92%
Found the interface clearer
Found the interface clearer
Found the interface clearer
Found the interface clearer
88%
88%
88%
88%
DAO creation success
DAO creation success
DAO creation success
DAO creation success
≥7:1
≥7:1
≥7:1
≥7:1
Color contrast ratio
Color contrast ratio
Color contrast ratio
Color contrast ratio
10k
10k
10k
10k
New users after redesign
New users after redesign
New users after redesign
New users after redesign
Other Work
Other Work
Other Work
Other Work
© 2025, Alana Moon