The Athletic’sA’s Intranet
Exploring our work with the Oakland A’s in 2017
The Project
In 2017, We produced an Intranet solution for The Oakland Athletics. We developed their intranet on Joomla, the same way we would build a website. Several Web Apps were created , including a custom app for Homestand Games (Baseball games played at the “Home” ballpark).
A custom employee Intranet solution was designed and developed for this Major League Baseball team. It included multiple web apps, for the Employee “Roster”, a Directory with Contact information for several hundred employees, Homestand Game Schedule with custom database elements set to specific user-access levels, and a News Bulletin that filters relevent articles by Employee Type. The Team’s custom branding was incorporated into the design and new style standards were set to ensure the correct brandmark showed on light or dark sections, and active, focus and default color settings were created for additional elements that the team had not utlized before. LDAP was leveraged for easy and continuous employee login.
Widgets like the below Slideset streamed elements from the Homestand App into the Widget’s Item Layout
-
Blue Jays
-
Rangers
-
Rangers
-
Mariners
-
Mariners
-
Padres
-
Padres
-
Pirates
-
Pirates
Several Widgets were made with a feed from the Homestand App, including a clickable Calendar, Slideset, and the App’s pages with Sort-by, Filter and an Advanced Search.
Style Guide
When creating a Style Guide and working brand for the web, there are many aspects and applications that are often not anticipated. Beyond having default, primary, secondary, tertiary brand colors, different UI elements may have default, active, hover and disabled styles. Below are a few examples from the Oakland A’s intranet project. For example, the system automatically applies the copyright-approved branding meant for colorful or dark backgrounds – alternating between the dark and light versions.
The Company Directory App was called the “Employee Roster”. We designed it so that employees could create or edit and manage their own profiles. We could set the Access Level of any element, from the Phone number or Email address, to more content-heavy fields like Scoreboard Messaging or Vendor locations in the Homestand App.
On standard default backgrounds, the “Athletics” logo appears on the navigation bar with the Main Menu. The Navbar’s icons show in the Warning Gold background color with Light-style content, matching the highlighted interactive calendar beneath that is displaying dates from the database which have Homestand Games being played at the stadium. The Secondary Dark Green, which is actually a bit blue, is the standard default color for Text Headlines and Active elements.
Style Guidelines
Admin view of Employee Directory Items
Editing the News page with the PageBuilder
"This is how I always envisioned our website. Great job!"
CMS Web Design
Joomla & WordPress
Since 2008
