# buyDSC website

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

> A marketing website for buyDSC, C1's digital signature certificate portal.

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

Website · C1 India

# buyDSC website

A 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.

_\[Image: buyDSC home page: hero with a submit-request form, client logos, “What we offer” cards on a dark band, C1 achievements, awards, recommended certificate classes and a lead form.\]_

Full page

Home

“Can I get a legally valid digital signature here, quickly?”

What to look for

- Legal validity under the IT Act stated in the first paragraph
- A request form beside the hero, so visitors never have to look for it
- Certificates grouped by what you need them for, each card with its own call to action

Scroll inside the window to explore the full page.

Client

C1 India

My role

UI/UX designer

Year

2023–24

Platform

Web

[Visit live site ↗](https://buydsc.net/download)

## Context

buyDSC is C1’s portal for buying digital signature certificates (DSCs) and e-signs, which businesses use for government filings, e-tendering and tax returns. The website had to make a technical, compliance-heavy product feel trustworthy and simple, and turn visitors into certificate requests.

## Briefed by the VP and marketing

Requirements came from the VP and the marketing team. Marketing also supplied the page content, so my job was to give that content a clear structure and present it within the buyDSC brand guidelines.

- Vice president  
Business goals and final sign-off
- Marketing team  
Content, brand guidelines and lead capture

1. Requirements
2. Content
3. Design
4. Review
5. Launch

Review and refine repeated with each round of feedback

## Trust and the request, above the fold

_\[Image: buyDSC hero: headline about compliance, a line on legal validity under the IT Act, a Get started button, a submit-request form and a strip of client logos.\]_

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

1. 1  
Legal validity, up front  
The first paragraph says the certificates are legally valid under the IT Act and CCA guidelines, the question every buyer has.
2. 2  
The request form is already open  
Visitors can request a certificate from the first screen, without hunting for a contact page.
3. 3  
One clear action  
A single dark Get started button, with the arrow pointing on into the page.
4. 4  
Proof straight after the promise  
Well-known client logos sit right under the hero.

## Designed around the content

Marketing’s content was a long list of filings and portals. I grouped it by the job a visitor wants to get done, so people can find their use case in seconds.

_\[Image: What we offer: four cards on a dark band for government filing, e-tendering, income tax filing and other applications, each with a checklist and a Submit your interest button.\]_

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

1. 1  
Brand gradient on the key phrase  
“Digital Signature Certificate” carries the brand gradient, so the product name is what you read first.
2. 2  
Grouped by the job  
Government filing, e-tendering, income tax and other uses, rather than one long list of portals.
3. 3  
A next step on every card  
Each group ends with its own Submit your interest button, so the request already knows what the visitor needs.

_\[Image: Recommended digital signature certificate cards for Signing, Class II and Class III, each with a short description and the filings it covers.\]_

Certificate classes explained in plain words, each with the filings it covers.

## Built on the brand guidelines

- buyDSC blue  
#018ed3  
Logo and lead-form button
- Heading gradient  
#9b3ab8 → #1298dc → #7f47c3  
Key phrases on dark bands
- Light gradient  
#4f79da → #c743ac  
Key phrases on light sections
- Charcoal  
#1e1c1d  
Dark bands, buttons and footer

## Result

A live marketing website that explains digital signature certificates clearly and turns visitors into requests, approved by the VP and built on the brand guidelines.

[Next · WebsiteRipples Learning websiteThe company website for Ripples Learning. It turns a broad portfolio of programmes, credentials, platforms and research into one clear story for enterprise buyers, backed by a style guide and refined through rounds of feedback.](https://kalpana-srivastava.pages.dev/work/visual/ripples-learning-website)