I built a visual pinyin map for Chinese learners. What would make it clearer?

I built Pinyin Knowledge Ball, a free browser tool for Mandarin beginners.

Link: https://py.dadafan.top/?utm_sour...

The basic flow is: type a pinyin sound like "ma", then open its tone paths into characters, words, examples and audio. I also added focused pages for tone practice and pronunciation contrasts.

The problem I am trying to solve is narrow: pinyin tables are accurate, but beginners often remember tones better when the sound is tied to a real character and word.

If you have two minutes, I would like feedback on three things:

1. Is the first screen clear enough?
2. Would you understand what to do without reading instructions?
3. For an education tool, would you rather land on the interactive search box or a guided lesson page?