Home Page

Establish authority and credibility by prominently featuring strong, recognizable brand imagery on the home page.

Color blocking was introduced as a visual system to clearly separate different content sections and guide the eye.

Hierarchy and clarity were reinforced through distinct visual zones, helping users quickly identify where to find key Workday information. 
 

Visual impact paired with usability to create a homepage that felt both professional and approachable.

Consistency with brand identity ensured the page felt both authoritative and aligned with Workday’s overall brand language and identity.

Article Library Pages

Centralized content hub allowing users to quickly browse and locate articles across multiple topics.

Visual organization through clear typography, spacing, and sectioning to reduce overwhelm in a large content set.

Consistent navigation and hierarchy ensured users could move seamlessly between library results, topic pages, and individual articles.
Topic Article Pages and News Pages

Organized related content into clear groupings, helping users understand the breadth of resources available under a given theme.

Consistent navigation patterns ensured users could move between topics without losing their sense of place.

Collapsible groups allowed users to scan broadly, then dive deeper when needed.

Balanced structure and flexibility supported both new users seeking orientation and experienced users looking for specific content.
FAQ Page

Quick access to common questions with clear grouping by topic to reduce user frustration.

Expandable/collapsible answers to allow users to scan questions quickly and reveal details only when needed.

Cross-linking to related resources so users can dive deeper if they need more context.


 Scalable structure to accommodate new questions as the product and 
processes evolve.
Mobile View

The mobile view follows the same core design goals, with only a few adaptations made to improve the experience.The changes that were modified for mobile use were: 

Increased font sizes: Ensure body text is large enough (at least 16px) without zooming.

Single-column layout: Avoid sidebars that clutter small screens.

Mobile-friendly menus: Collapse navigation into a hamburger menu 
or sticky header.