Union Pacific Website Redesign

Visual design, benchmarking, wireframes, responsive components, and screen design for a large-scale enterprise website.

Role: Visual Designer
Focus: UI, enterprise web, design system support
Skills: Benchmarking, wireframing, responsive UI, component variants

Union Pacific redesigned home page in desktop layout

Context

Modernizing a complex enterprise website.

Union Pacific is one of the largest freight railroads in the United States, connecting 23 states and supporting key industries across the western two-thirds of the country.

The redesign needed to support many content types, from service pages and routes to articles, media releases, contact flows, social modules, and institutional storytelling.

Contribution

My work connected visual direction with reusable page logic.

Benchmarking

Reviewed common enterprise website patterns and content sections before moving into detailed design.

Wireframes

Created wireframes to validate functionality, hierarchy, and section requirements across key pages.

Screen design

Designed the majority of screens for review and approval using the project design system components.

Component support

Supported the definition and validation of new components and responsive variants.

Full-page system

Templates for home, content, service, and institutional pages.

Union Pacific desktop home page layout — Home page structure with hero, quick actions, route modules, insights, social content, and footer.

Union Pacific shipping information page — Service page template with tab navigation, benefit cards, media modules, solution cards, and contact form.

Union Pacific media release detail page — Editorial detail page with article structure, sidebar utilities, related posts, and contact modules.

Union Pacific about page — Institutional page pattern with video, KPI panels, strategy cards, timeline, leadership, resources, and footer.

Responsive behavior

The home page adapted across mobile, tablet, desktop, and wide layouts.

Union Pacific mobile home page layout — Mobile

Union Pacific tablet home page layout — Tablet

Union Pacific wide desktop home page layout — Desktop

Responsive components

Reusable components for a scalable enterprise website.

The component work helped keep the experience consistent while allowing enough flexibility for editorial, service, contact, and storytelling needs.

Union Pacific footer component responsive variants — Responsive content density, utility links, newsletter, and CTA behavior.

Union Pacific KPI component responsive variants — Color variants, stat hierarchy, and desktop-to-mobile layout adaptation.

Union Pacific contacts component responsive variants — Functional information with clear hierarchy for emergency and general contact needs.

Union Pacific social carousel component responsive variants — Media cards, carousel controls, and responsive storytelling behavior.

Outcome

A flexible visual direction ready for review and handoff.

The final screen set and component variants created a clearer direction for a complex enterprise site, supporting stakeholder review, approval, and development handoff.

The strongest part of the work is not only the finished screens, but the modular thinking behind them: responsive sections, reusable patterns, and a consistent visual system across many types of content.

Next project SAS Intelligent Planning Cloud Enterprise product UI, research support, visual exploration, and prototyping. Like what you see? Let’s work together Reach out for UI, product, or enterprise web opportunities.