UX Case Study - HCL | ProCreator UX Design Studio

HCL.

HCL Technologies Limited is an Indian multinational information technology (IT) service and consulting company. HCL Technologies is a next-generation global technology company that helps enterprises reimagine their businesses for the digital age.

Built design system for a Fortune 500 company.

The Challenge

HCL Software, a division of HCL Technologies, was acquiring software products worth $1.2 Bn from IBM. The products were namely Unica, AppScan, BigFix, DigitalExperience, Commerce, Connections, Domino.

They wanted to create a site that would showcase these products allowing new & old customers, partners to learn about the products. The information on the other products HCL had as part of their Products & Platform Division would also be a part of HCL Software and the website as well.

Our Solution

The main objective was to showcase the 7 recently acquired products, while also having a scalable architecture to accommodate existing software products and any new ones to come in the future.

We created a design system that offered a high degree of consistency between various products while providing its flair through visual design. Similarly, we created illustration based visual designs to strike the right balance between corporate and modern style.

OUR PROCESS

The UX Design was centered around understanding the various Products in detail and understanding how IBM was portraying them in the past. It helped conclude how we can improvise the overall content organization.

The other key aspect of the UX design was to propose a scalable Product Page structure to be translated for all products. We decomposed the entire Product into multiple sections - Banner, High-Level Overview, Key Benefits & Sub Product or Solution Specific Sections followed by KPIs, Industry Specific Case Studies, and Resources.

We created a design system that offered a great degree of consistency between various products while offering its own flair through visual design. We created design components that could be plugged and played easily to create new designs or pages in the future.

Similarly, we created illustration based visual designs that striked right balance between being corporate and modern.

We built the front-end for the designs we created by using technologies like Bootstrap, SCSS, JavaScript, GSAP, and JQuery.

The HCL team then integrated the front-end with their backend using their Product, Digital Experience.

Typography

Gotham

Gotham is a geometric sans-serif typeface and the brand font of HCL. As mandated by their Brand Guidelines, we were to adhere to the font.

Colors

HCL Cards

HCL S/W Home

This homepage is the gateway to various products within the HCL Software. The latest news from HCL S/W, the company philosophy, and different resource materials.

Unica

Unica empowers marketers with Decisioning Engine that combines effectiveness of Outbound omni-channel campaigns with the context of inbound real-time personalization.

Campaign

Campaign facilitates outbound, multi-channel execution & tracking. A similar page template was used to display information for various Unica offerings.

Blog

We also created a blog for HCL Software that allowed internal teams & leadership within HCL to post product-related or other informative articles.

1 - 0

Mobile Screens

Testimonial

ProCreator has delivered impressive work so far. Their efficient workflow supplemented their professional management style. They’re communicative and proactive. Customers can expect a collaborative and creative team.

IDIR HILLALI, HEAD OF MARKETING & INNOVATION, UNICA HCL

Let’s build the digital world together!

GET IN TOUCH

Next Projects

Nasscom

Onspon

Easyplan

We collaborate with brands ambitious to make remarkable products.

HCL.

Built design system for a Fortune 500 company.

The Challenge