Inspiration
We set out to address NMTSA’s fundamental challenges as it was burdened by an outdated Wix-based website that was unwieldy to update, lacked SEO considerations, and did not communicate or convey the organization’s dual mission—serving clients through neurologic music therapy services and training professionals in this specialized sector. Understanding the critical work NMTSA does for individuals with neurological conditions provided us with a chance to create a website that is contemporary, accessible, and professional, and strengthens the organization’s work.
What it does
The newly designed NMTSA website enhances communication with three audiences: families wanting to access therapy, healthcare professionals seeking specialized NMT education, and referral sources wanting to connect clients with services. It contains HIPAA-compliant contact and intake forms, built-in scheduling, service pages for various neurological conditions (autism, cerebral palsy, TBI, Parkinson’s, etc.), as well as an educational offerings component outlining certification possibilities. Trust is built through staff bios, success stories, and testimonials, and the SEO-friendly structure allows families to find NMTSA's services online with relative ease.
How we constructed it
We started by restructuring site architecture and layout in Figma. We chose a simple, accessible design system that conveyed professionalism with compassion. We opted for a frontend framework, React with TypeScript and TailwindCSS for performance and scale. The backend utilized Node.js, Express.js and a MongoDB database, which offered services for content management, contact form submissions, and updates for events. We focused on developing a contentmanagment workflow to enable non-technical staff to update services, blog posts or manage events without input or interventions from a developer.
Who we ran it to
Maintaining accessibility standards across devices and managing SEO optimizations across the web without compromising clarity of design. we also encountered some integrations of branches, and learned the importance of testing across browsers and screen sizes much sooner in the project and preferably early in the process.
Accomplishments that we're proud of
We revamped NMTSA's website into a sleek, easy-to-navigate, and inclusive site that looks contemporary and serves as an effective communication and operational tool. The new website offers staff ease of content and maintenance, ensures clients and professionals can easily navigate to resource information, accommodates a built-in language translation feature to enhance broader accessibility for users in multiple languages, and positions NMTSA as the authoritative body on neurologic music therapy in Arizona.
What we learned
We leaned that designing for non-technical users requires simplicity, clarity, and a thoughtful content architecture. We also learned to value deploying early, planning together, and iterating constantly for smooth integration between design, development, and real-world use.
What's next for MelodiMind
In the next phase, we should build a dedicated database that allows admins to efficiently track and interface with volunteers and donors. This will expand CMS functionality for full page management, including adding, editing, and deleting content from the dashboard. We should transition the platform to an easily scalable serverless architecture on AWS. This is to ensure that the website can grow alongside NMTSA's expanding programming and community impact.
Log in or sign up for Devpost to join the conversation.