Inspiration
Accessibility is often discussed through compliance reports, checklists, and technical guidelines. While these tools are valuable, they rarely help people understand what accessibility actually feels like.
As a student exploring technology and design, I wanted to create something that made accessibility more visual, approachable, and human.
That led to a simple question:
"What would this website look like if it were truly designed for different accessibility needs?"
Made For Me ❤️ was built to answer that question.
What it does
Made For Me helps users visualize accessibility through interactive website redesigns.
Users can select a demo website and generate redesigned experiences tailored for:
- ADHD
- Dyslexia
- Low Vision
The platform demonstrates how changes in typography, spacing, navigation, hierarchy, and layout can create more accessible experiences for different users.
Rather than focusing on compliance reports, Made For Me focuses on visual transformation and understanding.
How I built it
I designed and developed Made For Me independently as a hackathon project.
The project was built using:
- React
- TypeScript
- Vite
- TanStack Start
- Tailwind CSS
- ShadCN UI
- Lovable
I focused on creating a simple single-page experience that allows users to quickly explore accessibility-focused redesigns through an intuitive and visually engaging interface.
Challenges I ran into
One of the biggest challenges was making each accessibility redesign feel meaningfully different instead of simply changing colors or styling.
Another challenge was simplifying accessibility concepts without oversimplifying the real problems users face.
Balancing usability, visual design, and accessibility while working within a hackathon timeframe was also a valuable learning experience.
Accomplishments that I'm proud of
- Building the entire project independently from idea to implementation.
- Creating a visually engaging way to understand accessibility.
- Designing distinct redesign experiences for multiple accessibility needs.
- Delivering a polished end-to-end prototype within a limited timeframe.
What I learned
This project taught me that accessibility is not a one-size-fits-all problem.
Different users experience the web in different ways, and thoughtful design decisions can significantly improve usability and inclusion.
I also learned the importance of user-centered design, product thinking, rapid prototyping, and communicating complex ideas through simple experiences.
What's next for Made For Me ❤️
Future versions could support additional accessibility needs, real website analysis, AI-powered redesign generation, and integrations with design and development tools.
My long-term goal is simple:
Accessibility isn't about designing for everyone the same way. It's about making sure everyone feels included.
Built With
- css
- git
- lovable
- react
- shadcn
- shadcn-ui
- start
- tailwind
- tailwind-css
- tanstack
- tanstack-start
- typescript
- ui
- vite
