Helping you move faster than your competitors
Back
![]()
![]()
![]()
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.
-
GENERAL QUERIESDrop us a line or just say Hi.
-
JOIN THE TEAMSeize the opportunity to get hired.
-
START A PROJECTLet’s Collaborate to build your product.
E-307, 3rd Floor, Tower 2, Seawoods Grand Central Sector 40,
Seawoods Railway Station, Navi Mumbai, Maharashtra - 400706
Seawoods Railway Station, Navi Mumbai, Maharashtra - 400706
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.
![]()
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.
![]()
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.
![]()
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.
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.
Let’s build the digital world together!
© 2020 ProCreator Solutions Private Limited. All rights reserved.