feat(ux): Redesign landing page to clarify interactive "LeetCode-like" purpose #194
Description
Description
The current landing page for the JSON Schema Tour website doesn't clearly communicate its core value proposition. A new user visiting the site for the first time cannot easily guess that it is an interactive, "LeetCode-like" platform for learning, writing, and running JSON Schema.
This ambiguity can lead to a high bounce rate, as users may leave before discovering the site's powerful interactive features.
Problem Statement
The landing page does not set the correct expectation for the user.
It's not immediately obvious what the user is supposed to do or what the website offers.
The "call to action" to start the interactive tour is not prominent enough.
Proposed Solution
Redesign the landing page layout to be more intuitive and action-oriented. The goal is to immediately show users what the website is and what they can do.
This could be achieved with a clearer vertical flow that guides the user:
Strong "Hero" Section: This should be "above the fold" and instantly explain the site's purpose (e.g., "Learn JSON Schema Interactively," "The Interactive Playground for JSON Schema")
Clear Call-to-Action (CTA): A prominent button (e.g., "Start the Tour," "Try the Playground") should be the main focus of the hero section.
Visual Guidance: The rest of the page should logically flow, perhaps showing a simplified visual or screenshot of the interactive interface to set expectations.
Note: I have an image of an inspired design that I will attach to this issue as a visual reference for this new layout.
