Sporty Football Website Mockup

I’m putting together a proof-of-concept site where football fans can pick a tournament, choose their teams and follow results on a simple, mobile-first interface. At this stage it’s strictly a showcase, so everything can be lightweight and hard-coded—no need for user accounts or automated APIs.

Core flow
• Landing screen shows a list of available tournaments, each presented as an icon with its name underneath.
• After tapping a tournament, the user lands on a team-picker screen; once their choices are saved, a standings page keeps track of points.
• I’ll update scores manually through a small password-protected admin panel; you just need a basic form that lets me edit match results and have the tables recalculate.

Design cues
• Overall look should feel sporty, using the red-and-black palette throughout.
• Layout must be mobile-first—design to a phone viewport first, then let it stretch gracefully on larger screens.
• Keep the UI clean and uncluttered; remember this is only a mockup to communicate the idea.

Tech & deliverables
1. Responsive front-end (HTML5/CSS3, lightweight JS OK) reflecting the pages above.
2. Very simple back-end or static JSON file that feeds the admin form and updates standings—PHP, Node, or any lightweight framework you prefer is fine.
3. Source files plus a short read-me so I can run it locally.

If everything renders correctly on a mobile browser, lets me pick teams, and recalculates the table when I edit scores in the admin panel, we’re done.