Probably the last shot from the TSM project ๐
This style guide was made primarily for me to not lose track in terms of consistency over time (since it took a while to finish the whole thing).
I have only included the essentials becaus...
Teams page including featured video and full details about each player in the roster. Also, this section has a special submenu to navigate between all games. ๐
๐ฎ View case study
๐ฎ Watch video
#tsmwin
โ
Instagram
Individual players and their stories is what makes TSM my favorite team. ๐
When designing the player detail page I wanted to create a summary of the essential things people should know about each player.
๐ฎ View case study
๐ฎ Watch vid...
Besides a list of recent match results (here) I thought it would also be nice to see who the team playing next. ๐
Switching to โUpcomingโ tab in the top of the page would do the job on the Matches page.
๐ฎ View case study
๐ฎ Watch video
...
The latest TSM merch on the updated store page. ๐
Pretty standard layout Iโd say with a bit more spacing than usual. What I can point out is a secondary navigation (for store subpage only).
๐ฎ View case study
๐ฎ Watch video
#tsmwin
โ
...
List view of the latest TSM match results. ๐
By default you see everything but I thought it would be also nice to filter by game, hide spoilers or switch to upcoming matches to see whatโs next in a calendar view (preview coming soon).
...
Letโs highlight individual pages from the TSM Website Concept.
Starting with a homepage and itโs featured cover story, a grid of articles and customizable sidebar (live videos, latest matches, YouTube integration and more). See the whol...
The second part of my announcement today ๐
TSM Website Concept case study is now live on Behance, so I put together this quick showcase to highlight selected parts and test out the new mp4 feature on Dribbble ๐
๐ View case study
๐ Watc...