SUPER FREE GAMES - TRIVIA STAR - UI DOCUMENTATION
Example sheets from Trivia Star "legokit": A visual archive of all UI elements. Designed to ensure easy reference and drag/drop access across a multi-person team.
Example of the Mock Encyclopedia: a features library, organized by visual thumbnails of UI mocks. Organized by feature and scheduled update release.
Examples of documentation systems designed for Super Free Games' Trivia Star. These were created to structure a growing art team and to facilitate ongoing support for live games with multi-year lifespans.
The Legokit eliminated the in-app memory cost of redundant assets, ensured style consistency, and allowed artists to jump between projects with minimal onboarding.
The Mock Encyclopedia ensured consistent visual layouts, easy updating of core features, and visibility of UX flows. Allowed for ongoing game upkeep and identification of missing transitional screens.
Documentation layout and design: Angela Vanden Tak
UI: Angela Vanden Tak, Erwin Haya, Judy Zhu and artists of Super Free Singapore
Art Direction: Lisa Dipaula
Art Management and Updating: Zeth Carmer, Luis Vitela