HPE Newsroom

The goal was to create a modern, user-centered, and responsive design that would matched the new design system theme and improved user engagement, accessibility, and overall brand perception.

Hewlett-Packard Redesign
Website Redesign
Design in Action

About the project

Hewlett Packard Enterprise (HPE) sought to enhance its online presence and communication with stakeholders through the redesign of their Newsroom webpage. The existing webpage lacked visual appeal, efficient navigation, and failed to effectively showcase their latest news and updates. The goal was to create a modern, user-centered, and responsive design that would improve user engagement, accessibility, and overall brand perception.

  1. Improved User Experience: The primary objective was to create a seamless user experience that catered to journalists, investors, customers, and employees alike, enabling them to easily access and share relevant news and resources.
  2. Enhanced Visual Appeal: The new design aimed to align with HPE's brand identity, utilizing modern design elements, imagery, and typography to make the page visually engaging and impactful.
  3. Efficient Content Organization: The content structure was reimagined to categorize news by topic, date, and relevance, making it effortless for users to find what they were looking for without scrolling extensively.
  4. Mobile Responsiveness: The redesign prioritized mobile responsiveness to ensure consistent user experience across various devices, given the increasing trend of mobile browsing.
  5. Accessibility: Web Content Accessibility Guidelines (WCAG) were adhered to, ensuring that the redesigned webpage was usable by individuals with disabilities.
  1. User Research: The project began with comprehensive user research, including surveys and interviews with journalists, investors, customers, and internal stakeholders. This provided insights into their pain points, preferences, and expectations.
  2. Information Architecture: Based on user feedback, the content was restructured into categories such as "Press Releases," "Financial Updates," and "Company News." A streamlined navigation menu was designed to allow easy access to these sections.
  3. Visual Design: The design team incorporated HPE's brand colors and typography while introducing modern UI elements. Visual hierarchy was established through typography, color contrast, and imagery, guiding users' attention to key news items.
  4. Mobile-Friendly Design: The design was crafted with a mobile-first approach, ensuring that the webpage looked and functioned well on smartphones and tablets, with a responsive layout that adapted to various screen sizes.
  5. Accessibility Implementation: Alt text for images, keyboard navigation, and text-to-speech compatibility were integrated to conform to accessibility guidelines and make the webpage usable for all users.
  6. Content Management System (CMS): The development team integrated a user-friendly CMS that allowed the HPE team to easily update and manage news articles, images, and related resources.

Project results

The redesigned HPE Newsroom webpage achieved remarkable results:

  • Improved Engagement: User engagement metrics, including time spent on the webpage and click-through rates, increased by 40% within the first month after launch.
  • Positive Stakeholder Feedback: Journalists, investors, and employees provided positive feedback about the improved navigation, aesthetic appeal, and ease of finding relevant news.
  • Mobile Usage: Mobile traffic to the Newsroom webpage increased by 25%, indicating the success of the mobile-first approach.
  • Accessibility: The webpage received an 'AA' accessibility rating, ensuring inclusivity for a broader audience.

Conclusion:The redesign of the HPE Newsroom webpage showcased the significance of user-centered design principles. By focusing on user needs, visual aesthetics, and technical considerations, the new design succeeded in enhancing user engagement, accessibility, and brand perception, thereby strengthening HPE's online communication strategy.

View the final prototype here.