# C1 Global website

URL: https://kalpana-srivastava.pages.dev/work/visual/c1-global-website

> Taking C1 India global. A website for international clients, shaped with the CEO, VP, marketing and project management, and built on the brand guidelines.

[← All visual work](https://kalpana-srivastava.pages.dev/work#showcase)

Website · C1 India

# C1 Global website

Taking C1 India global. A website for international clients, shaped with the CEO, VP, marketing and project management, and built on the brand guidelines.

_\[Image: C1 Global partnership page: hero with a work-email sign-up, partner logo strip, “Why choose us” benefits, four partner types and a gradient call to action.\]_

Page 1 of 4

Partnership

“How can my company work with C1?”

What to look for

- Four partner types, each with an icon and one line on what's in it for you
- Benefits grouped into one scannable “Why choose us” band
- Getting started needs only a work email

Pick a page, then scroll inside the window to see all of it.

Client

C1 India

My role

UX lead

Year

2023–24

Platform

Web

## From C1 India to C1 Global

C1 had spent over two decades building e-procurement for organisations in India. As it moved from **C1 India** to **C1 Global**, the website had to introduce the company to international clients who had never heard of it, and earn their trust quickly.

Before

C1 India

Established in India

After

C1 Global

Built for international clients

### What “global” looks like on the page

_\[Image: Top of the C1 Global partnership page: utility bar with a UAE phone number, navigation with Book a Demo, the headline “Empowering partnerships for a smarter procurement future”, a work-email sign-up and a strip of partner logos.\]_

[1](https://kalpana-srivastava.pages.dev/#global-1)[2](https://kalpana-srivastava.pages.dev/#global-2)[3](https://kalpana-srivastava.pages.dev/#global-3)[4](https://kalpana-srivastava.pages.dev/#global-4)[5](https://kalpana-srivastava.pages.dev/#global-5)

1. 1  
A Dubai number up front  
The top bar leads with a UAE phone number and the c1global.com email, a signal of local presence for international buyers.
2. 2  
One primary action  
“Book a Demo” is the only filled button in the header. Everything else is secondary.
3. 3  
Brand colour where it counts  
The brand gradient is saved for the key phrase, so the promise is read first.
4. 4  
A low-commitment start  
Only a work email to begin, instead of a long form on the first screen.
5. 5  
Proof before the pitch  
Partner logos sit right under the hero, so credibility comes before the detail.

## Four stakeholders, one website

Requirements and feedback came from four people, each with a different stake in the site. I turned their requirements into designs, reviewed each page with them and refined it after every round, until it was signed off.

- CEO  
How C1 Global is positioned for international clients
- Vice president  
Business priorities and final sign-off
- Marketing team  
Brand guidelines, messaging and lead capture
- Project manager  
Scope, page list and timelines

1. Brief
2. Design
3. Review
4. Refine
5. Sign-off

Review and refine repeated with each round of feedback

## Built on C1’s brand guidelines

Every page follows C1’s brand guidelines: the same colours, type and components throughout. The palette below is sampled directly from the designs.

- C1 navy  
#1e5394  
Primary buttons and links
- Brand gradient  
#685ea8 → #335598 → #7e62ae  
Calls to action and key words
- Signal cyan  
#00aeef  
Form submit, the final step
- Charcoal  
#1e1c1d  
Top bar and footer

### One system, every page

Repeated patterns make a large site feel like one company, and they let the marketing team add pages without starting from scratch. The same gradient call to action closes three different pages, and only the words change. Hover over the stack, or tab to it, to spread it out.

- Partnership  
_\[Image: Gradient band: “Let’s build the future together”.\]_
- Success stories  
_\[Image: Gradient band: “See how we’ve made a difference for others”, with a Contact us button.\]_
- Resources  
_\[Image: The same gradient band on the resources page, with a Contact us button.\]_

One component, three pages.

_\[Image: Footer band: “Have any questions?” with full name, work email, country code, mobile number and a Get started button.\]_

And every page ends with the same short enquiry form, so a visitor is never more than one scroll from talking to C1.

## Result

A consistent website that introduces C1 Global to international clients, approved by leadership and built on reusable, on-brand templates the marketing team can extend.

[Next · WebsitebuyDSC websiteA marketing website for buyDSC, C1's digital signature certificate portal. It was designed with the VP and the marketing team, around their content and brand guidelines.](https://kalpana-srivastava.pages.dev/work/visual/buydsc-website)