FOX Networks
FOX.ai
Scroll to learn more
Client
FOX Networks
Market
United States
Main objective
Executive Dashboards
The Fox.ai project emerged from a critical need within our organization: to streamline data access for executives and stakeholders. As a senior UX/UI designer, I collaborated closely with MVPs, project managers, and the data development team. Our mission was clear to create an intelligent platform that would transform how information flows within Fox.
From Tableau to Fox.ai
Our existing Tableau dashboards were robust but lacked real-time capabilities. Recognizing the potential, we embarked on a migration journey to Fox.ai. By harnessing AI-driven insights, we aimed to save the company a staggering $20 million annually. Key pain points included delayed data and cumbersome daily reports. Competitor analysis came next. I was able to analysed a number of FOX News' biggest competitors such as ABC, NBC, and MSNBC to identify a number of key features for our dashboards.
Project Planning
I understand the critical importance of creating a comprehensive project plan. My responsability was ensuring clarity and accountability throughout the project lifecycle. The process involves meticulously crafting a detailed project plan that defines project goals, scope, and objectives. Additionally, we conduct a collaborative kickoff session to align stakeholders on the project’s purpose and expectations. Throughout the project, we maintain an iterative feedback loop, actively sharing deliverables with the client via platforms like Google Workspace, Slack, OneDrive, and presentations.
Prototyping & Visual Design
to visualize FOX.ai’s architecture, we turned to Figma and InVision. Our wireframes mapped out intuitive workflows, emphasizing simplicity and clarity. Collaborating with stakeholders, we iterated on designs, ensuring seamless navigation across verticals (from FOX News to Entertainment, Sports, Nation, and TubiTV). Therefore, I focused on visual design principles. Creating high-fidelity mockups with detailed visual elements, colors, typography, and icons. Ensuring consistency with FOX brand guidelines, paying attention to spacing, alignment, and visual hierarchy. Additionally, considering the purpose of FOX.ai dashboard and its intended audience to make informed design decisions.
Guidelines & Typography
Our prototypes spanned devices desktop, mobile, tablet, and tvOS. We set design guidelines, ensuring consistency in typography, color schemes, and visual elements. The goal? A cohesive FOX.ai experience, regardless of the user’s screen size.
User Testing & Micro-Interactions
User testing was pivotal. We defined micro-interactions subtle animations and transitions to enhance usability. Fox.ai’s delightful experience hinged on these small yet impactful details. Following the usability testing, the following design modifications were developed in response to the users’ feedback.
Fox.ai for Mobile
Beyond our SaaS desktop application, we’ve ensured that our dashboards are optimized for tablet and mobile devices. Our reach spans from FOX News to Entertainment, Sports, Nation, and TubiTV. User testing played a crucial role, guiding our design decisions as we fine-tuned micro interactions, animations, and transitions to enhance usability.
Figma & Zeplin
Our collaboration with developers ensured design feasibility. Using Figma and Zeplin, we provided precise design specs, colors, and fonts for seamless implementation.
Launching Fox.ai
“Post-Launch Iteration: User Insights Drive Improvement” We launched Fox.ai on the intended platform, collecting user feedback. Continuous iteration allowed us to refine the platform based on real-world insights.
Streamlining Insights for Stakeholder
We designed an executive version of Fox.ai for tvOS, enabling stakeholders to streamline company revenue, operations, and ratings while watching Fox TV stations. Additionally, we integrated AI into the Fox Sports tvOS app, allowing users to catch up on sports event highlights using all AI-generated voice commands, no human interaction required.
