Vision
Vision
Vision.io is the leading marketplace for Ethereum Name Service (ENS) domains, simplifying the process of buying, selling, and managing digital identities in the Web3 space.
Vision.io is the leading marketplace for Ethereum Name Service (ENS) domains, simplifying the process of buying, selling, and managing digital identities in the Web3 space.
Role
Role
Product Designer
Product Designer
Year
Year
2023
2023
Team
Me
Product Manager
Web Engineers
Team
Me
Product Manager
3 Engineers
I joined Vision.io in September 2022 as the sole Product Designer, leading a comprehensive website redesign and creating a design system to improve consistency and accessibility. My work enhanced user satisfaction, streamlined domain management, and contributed to securing a $2 million investment during a funding round led by 1confirmation.
I joined Vision.io in September 2022 as the sole Product Designer, leading a comprehensive website redesign and creating a design system to improve consistency and accessibility. My work enhanced user satisfaction, streamlined domain management, and contributed to securing a $2 million investment during a funding round led by 1confirmation.
Identifying User Pain Points
Identifying User Pain Points
Through user research and community feedback, four major challenges emerged:
Through user research and community feedback, four major challenges emerged:
Bulk Searching
Bulk Searching
Users needed a more efficient way to search for multiple domain names with various TLDs and filters, without having to perform individual searches repeatedly.
Users needed a more efficient way to search for multiple domain names with various TLDs and filters, without having to perform individual searches repeatedly.
Management Difficulties
Management Difficulties
Users struggled to manage multiple domain names efficiently. Performing bulk actions like transferring, renewing, or listing domains for sale was particularly challenging.
Users struggled to manage multiple domain names efficiently. Performing bulk actions like transferring, renewing, or listing domains for sale was particularly challenging.
Trading Experience
Trading Experience
The process of buying, selling, and bidding on domain names was not as seamless and user-friendly as it could be, leading to missed opportunities and a frustrating user experience.
The process of buying, selling, and bidding on domain names was not as seamless and user-friendly as it could be, leading to missed opportunities and a frustrating user experience.
Technical Jargon
Technical Jargon
The use of technical jargon like "grace period" and "premium period" was confusing for many newcomers, leading to misunderstandings and a steeper learning curve.
The use of technical jargon like "grace period" and "premium period" was confusing for many newcomers, leading to misunderstandings and a steeper learning curve.
The use of technical jargon like "grace period" and "premium period" was confusing for many newcomers, leading to misunderstandings and a steeper learning curve.
Our high level goals were to:
Our high level goals were to:
Simplify and streamline bulk domain searching and management.
Create a seamless trading experience to minimize missed opportunities.
Make the platform intuitive and beginner-friendly by reducing technical jargon.
Build tools that empower users to manage domains with speed and confidence
Design Process
Design Process and
Development
Given the limited resources for formal user research, I adopted a hands-on approach to gathering insights and refining the design.
Given the limited resources for formal user research, I adopted a hands-on approach to gathering insights and refining the design.
1
Community Engagement
Actively engaged with the Vision.io community on Discord and Twitter to gather real-time feedback and insights from users.
1
Community Engagement
Actively engaged with the Vision.io community on Discord and Twitter to gather real-time feedback and insights from users.
1
Community Engagement
I actively engaged with the Vision.io community on Discord and Twitter to gather real-time feedback and insights from users.
1
Community Engagement
I actively engaged with the Vision.io community on Discord and Twitter to gather real-time feedback and insights from users.
Community Feedback and Requests
Official ENS Website Lacks Advanced Search Functionality
The official ENS website limits users to single, manual searches with no options for bulk search, TLDs, or filters. User feedback consistently called for a more efficient way to manage multiple domains—something we addressed with advanced bulk search and filtering options.
The official ENS website limits users to single, manual searches with no options for bulk search, TLDs, or filters. User feedback consistently called for a more efficient way to manage multiple domains—something we addressed with advanced bulk search and filtering options.
The ENS Application
2
Competitive Analysis
Analyzed similar interfaces on our competitors' websites, such as OpenSea and LooksRare, to understand industry standards and user expectations.
2
Competitive Analysis
Analyzed similar interfaces on our competitors' websites, such as OpenSea and LooksRare, to understand industry standards and user expectations.
2
Competitive Analysis
Analyzed similar interfaces on our competitors' websites, such as OpenSea and LooksRare, to understand industry standards and user expectations.
2
Competitive Analysis
Analyzed similar interfaces on our competitors' websites, such as OpenSea and LooksRare, to understand industry standards and user expectations.
3
Low-Fi Wireframes
Created low-fidelity wireframes to quickly iterate on ideas, allowing for efficient feedback on structure and layout before advancing to high-fidelity designs.
3
Low-Fi Wireframes
Created low-fidelity wireframes to quickly iterate on ideas, allowing for efficient feedback on structure and layout before advancing to high-fidelity designs.
Modals Low and High Fidelity Wireframes
Low Fidelity Wireframes
Low Fidelity Wireframes
3
Low-Fi Wireframes
Created low-fidelity wireframes to quickly iterate on ideas, allowing for efficient feedback on structure and layout before advancing to high-fidelity designs.
3
Low-Fi Wireframes
Created low-fidelity wireframes to quickly iterate on ideas, allowing for efficient feedback on structure and layout before advancing to high-fidelity designs.
4
Iteration and Feedback
Created multiple design mockups and shared them with the product manager and the CEO, who was also the main developer, for feedback, ensuring that the final designs were user-approved.
4
Iteration and Feedback
Created multiple design mockups and shared them with the product manager and the CEO, who was also the main developer, for feedback, ensuring that the final designs were user-approved.
Example 01: Iterative Refinements (Domain Details Page)
Example 01: Iterative Refinements (Domain Details Page)
Example 02: Iterations on Error Feedback (Transfer Workflow)
4
Iteration and Feedback
Created multiple design mockups and shared them with the product manager and the CEO, who was also the main developer, for feedback, ensuring that the final designs were user-approved.
4
Iteration and Feedback
Created multiple design mockups and shared them with the product manager and the CEO, who was also the main developer, for feedback, ensuring that the final designs were user-approved.
5
Prototyping and Testing
Prototyped the selected designs and conducted user testing to gather feedback and make necessary adjustments.
5
Prototyping and Testing
Prototyped the selected designs and conducted user testing to gather feedback and make necessary adjustments.
5
Prototyping and Testing
Prototyped the selected designs and conducted user testing to gather feedback and make necessary adjustments.
5
Prototyping and Testing
Prototyped the selected designs and conducted user testing to gather feedback and make necessary adjustments.
6
Final Design and Implementation
Based on the feedback, I finalized the designs and handed them off to developers for implementation.
6
Final Design and Implementation
Based on the feedback, I finalized the designs and handed them off to developers for implementation.
6
Final Design and Implementation
Based on the feedback, I finalized the designs and handed them off to developers for implementation.
6
Final Design and Implementation
Based on the feedback, I finalized the designs and handed them off to developers for implementation.
The Solution
The Solution
Bulk Search & Register
Bulk Search & Register
Implemented a bulk search and register feature, allowing users to efficiently search for multiple domain names in one go. This functionality includes advanced TLD filters, simplifying the process and reducing gas fees.
Implemented a bulk search and register feature, allowing users to efficiently search for multiple domain names in one go. This functionality includes advanced TLD filters, simplifying the process and reducing gas fees.
Managing Multiple Domains
Managing Multiple Domains
Integrated domain management tools directly into the user profile page, enabling bulk actions such as transferring, renewing, or listing domains. This streamlined management process significantly reduced the time and effort required.
Integrated domain management tools directly into the user profile page, enabling bulk actions such as transferring, renewing, or listing domains. This streamlined management process significantly reduced the time and effort required.
Enhanced Trading Experience
Enhanced Trading Experience
Designed a user-friendly marketplace interface that streamlined the processes of buying, selling, and bidding on domain names. Key features included the ability to add domains to a cart, place bids, purchase directly from domain pages, and list domains for sale, all supported by market analytics and historical data.
Designed a user-friendly marketplace interface that streamlined the processes of buying, selling, and bidding on domain names. Key features included the ability to add domains to a cart, place bids, purchase directly from domain pages, and list domains for sale, all supported by market analytics and historical data.
Technical Jargon
Technical Jargon
Introduced explanatory helper texts and tooltips to clarify technical terms, improving user understanding without altering established terminology.
Introduced explanatory helper texts and tooltips to clarify technical terms, improving user understanding without altering established terminology.
Impact
Impact
The comprehensive redesign of Vision.io addressed the major pain points identified by the community and enhanced the overall user experience. The platform saw significant improvements in user satisfaction and efficiency. Additionally, the integration of domain management into the profile page streamlined user workflows, reducing the time spent on managing domains.
The comprehensive redesign of Vision.io addressed the major pain points identified by the community and enhanced the overall user experience. The platform saw significant improvements in user satisfaction and efficiency. Additionally, the integration of domain management into the profile page streamlined user workflows, reducing the time spent on managing domains.
Market Competitiveness
Market Competitiveness
The redesign bolstered Vision.io's (ENS.Vision) position in the competitive market of Web3 domain marketplaces, making it a preferred platform for users seeking an efficient and user-friendly experience. By enhancing the user journey and simplifying transactions, the redesign drove a significant increase in transaction volume, boosting revenue from fees and solidifying the platform's financial standing.
The redesign bolstered Vision.io's (ENS.Vision) position in the competitive market of Web3 domain marketplaces, making it a preferred platform for users seeking an efficient and user-friendly experience. By enhancing the user journey and simplifying transactions, the redesign drove a significant increase in transaction volume, boosting revenue from fees and solidifying the platform's financial standing.
Funding Milestone
A few months after implementing the redesign, Vision.io successfully secured $2 million in investment during a funding round led by the VC fund 1confirmation. The redesign significantly contributed to showcasing the platform's enhanced value and growth potential, even during a challenging bear market.
User Satisfaction
User Satisfaction
The platform enhancements were reflected in positive user feedback on social media and increased engagement on the platform.
The platform enhancements were reflected in positive user feedback on social media and increased engagement on the platform.
Funding Milestone
A few months after implementing the redesign, Vision.io successfully secured $2 million in investment during a funding round led by the VC fund 1confirmation. The redesign significantly contributed to showcasing the platform's enhanced value and growth potential, even during a challenging bear market.