I designed the frontend and created the backend to support a group listing and bracket for the World Cup and other sports.

The bracket displays standings as well as scores for each match. The bracket is updated after each match to show a team’s progression.

The page is built using HTML/CSS, and is completely responsive. The bracket shrinks and splits according to the user’s device size. The bracket is also completely resolution independent, using SVG vector graphics for crisp and printable visuals. It looks great on retina displays!

The brackets consistently rank high in search results thanks to their 100% HTML construction.