Context
A campus operation without a shared desk
In 2018 I joined ABM Industries to create a team website for janitorial staff at Facebook in Menlo Park. Management and hourly teams both needed it: communication, collaboration, daily tasks, and a recruiting flow that could staff every campus for janitorial and event work.
Problem
Several jobs, one fragmented experience
Staff, managers, and talent teams were sharing one operational reality and three different ways of getting information. The digital experience was fragmented across devices. Navigation, accessibility, and visual consistency became the design principles because the audience was not a single persona with a single shift.
Approach
Audit what exists, then draw the map
My role ran the full loop: research, storyboard, sketch, wireframe, prototype, test, and build. Nothing shipped without ABM operations, talent and development, management, and hourly staff in the room.
Personas started from experience and assumptions — a deliberate first sketch of needs, not a fake research claim. A content audit decided what the old material was worth keeping. The sitemap ordered pages by how much each team needed them. Information architecture, metadata, and a visual style guide followed, then final compositions.
- Patterns and overlaps across roles
- Principles before screens
- Frontline needs and management needs, designed together
- A support and communications loop, not a one-time publish
Outcome
Onboarding time dropped by 65%
Bringing a range of users in early was the difference. The hard part was not a screen. It was holding several journeys in one ecosystem so people could collaborate and still finish the work.
Once the site held the files and the process, onboarding time was cut by 65%. Retention and staffing improved by the third quarter of 2018.
Role & tools
Research, ideation, UX, visual design, user testing, and front-end build of the team site.
- Sketch
- InVision
- Illustrator
- Photoshop
- User testing