top of page

Halo Infinite Component Library

Created a library of wireframe components for the UX team to speed up design, more easily maintain design changes and keep things like button mapping consistent.

All of the images are blurry on purpose! This was an in-house product.

Responsibilities

  • Compiled a list of all of the various components across the game and based the pixel measurements on the in-engine elements

  • Created nested components for common variations (e.g. the helpbar contained a separate helpbar keyboard/mouse or controller button list component)

    • Later on, I created components of screens from the frontend

  • Organized the library in a way that made each component easy to find

  • Prioritized the components needed for the screens that were being wireframed as I created the library


Sorting the Components



Building Blocks



Floating Text Uses and Fonts





Storefront Components



Progression Components



Screen Templates



Other Halo Infinite Projects:

Operations

Settings Menu Resdesign

bottom of page