Transforming UX & Mobile Experience for TFTAcademy.com
Michelle Kim
TFTAcademy
These hero shots are taken directly from my Figma files, where I prepared pixel-perfect layouts for engineers to implement. Every screen was designed with precise spacing and padding, and all colors, fonts, and components were organized in a design system I built from the ground up. Establishing this system early ensured consistency, scalability, and efficiency across the entire project.
Explore the screenshots below to see highlights from the redesigned website.
If you’d like to learn more about my UX research process or design decisions, feel free to reach out.
Tierlist Page
Expanded Tierlist (mocks for both ad and ad-free users were designed)
Item Tierlist Page
Login/Welcome Page
Patreon Page
View All Guides Page
View Specific Guide Page
Edit Profile Page
Tierlist Builder
Tierlist Builder Settings
Comp Builder Page
Like this project
Posted Sep 19, 2025
Redesigned web & mobile UX, improving navigation, clarity, and membership flow, while making the site mobile-friendly for the first time.
Likes
0
Views
2
