Website mind map

Website mind map

1. NRL SuperCoach

   • Context
     • Managers (user) start with as fixed virtual budget to buy their team. Elite superstars cost a massive premium, forcing managers to balance their rosters with cheap, undervalued players to stay under the cap
     • Players can only be selected for their specific-on-field positions. The team sheet requires naming a starting 13-player lineup to score primary points, alongside a bench of reserves
     • Weekly scores are determined entirely by live, real-time statistics from actual NRL matches. Positive actions gain pints, while negative actions lose points
   • Aesthetics
     • The site uses crisp player headshots in official jerseys alongside high-emotion match action banners and stats. Once the players are selected, they are placed onto a digital graphic rugby field, creating an authentic professional sport atmosphere
     • The interface pairs a dominant dark navy background with clean white text for readability, using energetic accent sparks like electric green for positive stats and vibrant red for errors to give it a sleek, modern fantasy league vibe
     • The layout organises complex player data using strict geometric tables and borders, but softens the look by framing individual player profiles inside rounded-corner cards and capsule-shaped positional tags
   • Features
     • The core interactive feature of dynamic roster swapping allows users to perform weekly player transfers, upgrading underperforming players to expensive superstars or downgrading them to generate virtual cash while automatically calculating salary cap balances
     • The platform features data-rich filtering menus that let users sort players instantly by price, average points, form, and position
     • The site features an interactive schedule that pairs player cards directly against upcoming real-world team matchups, giving users visual projection metrics on who is predicted to win each round
   • User Experience
     • Field-first hierarchy places the visual football field grid right at the top so users see their whole team instantly, pushing dense stat tables below to prevent clutter
     • The website uses a fixed top menu paired with simple horizontal tabs so users can jump between "my team" and "fixtures" easily
     • The site changes button colors and triggers status badges instantly when interacting with players, letting users know exactly who is selected or locked providing visual feedback
   • Pros and cons
     • • The drag-and-drop digital field layout makes squad management highly engaging and instantly gives users a clear, satisfying overview of their entire team lineup.
     • The massive amount of columns, changing prices, and dense statistics tables can look incredibly cluttered and confusing for casual users or beginners to navigate.

2. Myanilist

   • Context
     • Users use this site as a digital checklist to track their viewing progress such as "watching", "planning" or "completed" and rating anime out of 10
     • The site has profiles for thousands of anime characters and anime all organised by production studios and genre
   • Aesthetics
     • Uses large posters for character and animes portraits
     • Uses simple light-colored backdrops paired with smooth navy creating a clean atmosphere and letting the anime posters stand out
   • Website Features
     • Allows users to find content instantly with organised categories
     • Provides users with plenty of information on anime and characters
   • User Experience
     • The interface is never cluttered and distinquishes which anime or character is which
     • Character cards enlarge and text colors change when hovered over
   • Pros and Cons
     • The minimilist layout, smooth animations and heavy use of whitespace makes the platform look clean and easily navaigatable
     • It takes many clicks to get to certain things