After Effects

Client

TQE

Role

Wireframes

Branding

UX/UI Design

Tools

Figma

IA

BACKGROUND

After an extensive site audit, card sorting exercise and content restructuring, the TQE responsive website was improved on many levels and a mobile app is underway. The navigation was reclassified, reorganized and greatly simplified allowing users to find the tools and information they were seeking much more quickly and easily. Mobile and tablet views got rid of the ‘burger menu’ in favor of adopting an app-like navigation that enhanced discoverability and ease of use tremendously and drastically cut down on the ‘hunt and peck’ methods that were previously present.

THE APPROACH

Wireframes

After an extensive site audit and content restructuring, I moved to a wireframing round to show potential improvements to the site structure, layout and overall user experience bringing to help users find what the tools they were looking for more efficiently and effectively.

Design

After gaining stakeholder and user buy in on the proposed wired layout and early IxD prototypes, the user interface, user experience and user interactions were designed and defined in a robust prototype built with Adobe Photoshop, Illustrator, After Effects and Figma.

Product Development

With the Proof of Concept design completed and prototyped, stakeholders were able to approve the project into the technical phase. The development is underway and has received favorable early feedback from many bettors and fantasy sports enthusiasts involved in the beta project.

NFL Fantasy Tools Screen

Mobile Article Screens

WR/CB Matchup Tool