Weird Medicology
Challenge
Most NFT platforms are inaccessible to users with disabilities, creating barriers in an already complex space. Weird Medicology wanted to be different by building an NFT marketplace that anyone could use, including those using screen readers or keyboard-only navigation. Web3 interactions are already confusing, and they needed to make it simple and accessible.
Our Process
Vue.js with semantic HTML and ARIA attributes throughout. Web3.js for Ethereum integration. Custom accessible components for NFT browsing and purchasing. WCAG 2.1 AA compliant design with tested keyboard navigation and screen reader support.
Reviewed the product goals, user paths, and existing technical constraints.
Mapped the core workflows before changing the interface or architecture.
Built the highest-impact screens and features first so stakeholders could test early.
Connected the frontend to real data, APIs, and content systems instead of static mockups.
Checked performance, accessibility, and responsive behavior across key breakpoints.
Prepared the project for launch with clear handoff notes and maintainable code.
Conclusion
The Solution
Built a Vue.js frontend with accessibility as a primary requirement from day one. Implemented semantic HTML and proper ARIA labels throughout. Created clear keyboard navigation patterns for browsing and purchasing NFTs. Added descriptive text for all visual elements so screen readers can convey the artwork. Simplified the Web3 wallet connection process with clear instructions and error messages. Ensured all interactive elements met WCAG AA standards for contrast and touch targets.
- A focused implementation plan tied to the client workflow
- Reusable components and data structures that reduce future rework
- Launch-ready pages with project-specific SEO and performance checks
Frontend Engineering
Responsive Vue, Nuxt, and React interfaces built around the project goals and real user tasks.
Content and Integrations
CMS, API, analytics, and third-party integrations wired into the parts of the product that need them.
Launch Support
QA, deployment checks, and practical handoff work that keeps the site easy to maintain after release.