Helping you move faster than your competitors


A product speaks to its users via design. Learn & iterate, to create & innovate. Consistency is the key component of a great design. Let’s start providing vision to your designs.


160 ROBINSON ROAD #14-04, Singapore, 068914


E-307, 3rd Floor, Tower 2, Seawoods Grand Central Sector 40, Seawoods Railway Station, Navi Mumbai, Maharashtra - 400706



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.


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.



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.


HCL Cards

Mobile Screens


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.


Let’s build the digital world together!