Skip to content
sayak.webdesignerWeb · Software · Data · AI
Web & Digital · Web & Digital

Web design company in Kolkata, drawing every screen from scratch

We are a web design company in Kolkata that has never shipped a purchased template. Every layout, type scale, colour ramp and interaction on the sites we hand over was drawn for that business, tested on the phones its customers actually carry, and built as a design system the client owns outright.

web design company in kolkatawebsite design company in kolkatawebsite designing company in kolkataweb designer in kolkata
01 · Storyboard02 · Design systemAaDisplay / Bodyproduction
480+
Sites designed and shipped
20 yrs
One city, one discipline
0.9s
Median LCP on mobile
4.7★
Client rating, 64 reviews
The short version

Ask ten agencies in Kolkata for web design and nine will send you the same thing: a Figma file with a hero image, three feature cards, a testimonial slider and a contact form, assembled from a component kit somebody bought in 2023. It will look modern. It will also look exactly like the site of the competitor down the road who bought the same kit, and it will do nothing to explain why a buyer should choose you. Design that cannot differentiate is decoration, and decoration is the most expensive thing you can buy on the internet, because it costs the full fee and returns nothing.

Our position is unfashionable and we have held it for twenty years: web design is an argument, not a picture. Before we open a design tool we work out what the visitor is afraid of, what they need proved, and in what order — the plant manager who needs to know you have handled a 40-tonne line before, the exporter checking whether your compliance documentation is real, the patient trying to find visiting hours on a phone with one bar of signal. The layout is then simply the shape of that argument. That is why our pages look different from each other: different arguments produce different shapes.

The second half of the discipline is that the design has to survive contact with production. A beautiful comp that ships as 2.4 MB of JavaScript and takes six seconds to paint on a mid-range Android in Behala has not been designed; it has been drawn. We design with the performance budget open on the second monitor. Type is subset and self-hosted. Images are specified at the sizes they will actually render. Motion is written in CSS and respects reduced-motion preferences. The comp and the build are the same conversation, held by the same people.

What you receive is not a folder of JPEGs. It is a working design system — tokens for colour, type, spacing and elevation; a documented component library; responsive rules for every breakpoint; accessibility states for focus, error and disabled; and the source files, unlocked, in your account. Whoever you hire in year four inherits something they can read and extend rather than something they have to guess at and eventually replace.

Designing for the visitor Kolkata actually has

The single most common failure we are called in to fix is a site designed on a 27-inch studio monitor over office fibre and never once opened on the device the customer owns. In this market that device is usually an Android handset between ₹9,000 and ₹18,000, two to four years old, on a congested 4G cell, with six other apps resident in memory and the battery saver quietly throttling the CPU. Design decisions that are free on the studio monitor — a full-bleed video header, a webfont family in five weights, a parallax section, a chat widget that loads 300 KB before it draws a bubble — are not free there.

So we design to the constraint on purpose. We keep a rack of real mid-range devices and we test on them, not only in a browser emulator, because emulators model network latency but not thermal throttling or a two-year-old GPU. Layouts are designed mobile-first in the literal sense: the phone composition is drawn before the desktop one, so the phone gets the considered version rather than a squashed remainder. Tap targets are sized for a thumb on a moving bus. Contrast is checked against sunlight, not against a dark studio.

Language matters as much as layout. A large share of buyers in this city read English fluently but think in Bengali or Hindi, and they scan rather than read. That changes the design: shorter line lengths, heavier use of headings as signposts, numbers and units set in tabular figures so a specification table can be scanned in one pass, and where the audience needs it, a properly subset Bengali typeface rather than a system fallback that breaks conjuncts.

RequestEdge, Kolkata PoPStatic Shellprerendered HTMLRSC StreamReact Server CompsISR Cacherevalidate: 3600Hydrationislands onlyLCP < 1.2sINP < 120ms · CLS 0LighthousePerf A11y BP SEO
Where design decisions land in the rendering path — every choice above the fold either helps the first paint or delays it.
Design decisionStudio monitor costMid-range Android, 4G
Autoplay video heroLooks premium, free+3.1s to LCP, +18 MB data
Five webfont weightsImperceptible+280 KB, 600ms invisible text
Carousel librarySmoothBlocks main thread ~400ms
Third-party chat widgetInstant+310 KB before first bubble
Self-hosted subset font, CSS motionIdentical+11 KB, no blocking

A design system, not a set of mockups

Most website design engagements in this market end with a handover of flat files, and most sites therefore start decaying the day they launch. The marketing team needs a page the comp did not cover, nobody knows what the correct heading size is, so somebody guesses. Six months later there are four button styles, three shades of the brand colour and two competing card designs, and the site looks cheaper than it did at launch even though nothing broke.

We prevent that by designing the system rather than the pages. Colour is defined as a ramp with documented roles — surface, raised surface, border, muted text, body text, brand, brand hover, focus ring — so that a new page can only be built from legal choices. Type is a fixed modular scale with defined line heights and measure limits. Spacing is a single rhythm, so vertical gaps are never invented. Every interactive component is drawn in all its states, including the ones designers routinely skip: keyboard focus, loading, empty, error, and the state where the content is three times longer than the placeholder text.

That system is then implemented as real tokens in the codebase rather than as a PDF nobody opens. When your team adds a page two years from now, the correct spacing and the correct orange are the path of least resistance, and the site stays coherent without you paying an agency to police it.

In practice

Colour ramps with documented semantic roles and verified contrast at every pairing.
A modular type scale with responsive clamps, so headings never break at awkward widths.
Component library covering default, hover, focus-visible, active, loading, empty, error and disabled.
Layout primitives — container, grid, stack, cluster — so new pages compose instead of improvise.
Motion tokens with durations and easings, and a global prefers-reduced-motion path.
Design tokens exported to code, so the mockup and the production CSS cannot drift apart.
sayak.webdesignerWEB · DATA · AIPALETTESignal Orange#FF6A00Deep Ink#0F1729Circuit Teal#14ADA3Agent Violet#7C3AEDTYPE SCALEFrauncesDisplay · headlines · numeralsPlus Jakarta SansBody · UI · captions · data labelsJetBrains Mono — codeAPPLICATIONSVisiting cardBrochureOffice signageSocial kit
A delivered system: colour ramps, type scale, spacing rhythm and component states, all tokenised.

Design that search engines and AI answer engines can read

A great deal of web design quietly destroys search visibility, and the client never learns why. Headings are chosen for size rather than structure, so a page has four visual h1s and no outline. Body copy is baked into images because it looked better that way. Navigation is rendered entirely in JavaScript, so a crawler sees an empty shell. Link text reads "Read more" fourteen times, which tells a search engine nothing about any of the fourteen destinations.

Because the same people design and build here, structure is a design constraint from the first sketch. One h1 per page, and it says what the page is about in the words a buyer would use. Headings descend in order and form a genuine outline. Content is real text in the HTML, server-rendered, so it is present before any script runs. Links are written as descriptive phrases. Images carry alt text written by the person who chose the image, not auto-filled at the end.

The newer half of this is answer engines. When somebody asks ChatGPT, Gemini, Claude or Perplexity for a web design company in Kolkata, the model is working from crawled text and structured data, not from your visual design. So we mark up the things those systems need — organisation and local business data, service definitions, breadcrumb trails, FAQ blocks — and we write at least one passage per page that answers the underlying question plainly enough to be quoted. Design and discoverability stop being separate line items.

The test we apply to every design

Turn off CSS, JavaScript and images. What remains should still be a readable, correctly ordered document that explains the business. If it is not, the design is carrying meaning that only sighted users on fast connections can access — and neither a screen reader nor a crawler nor an AI answer engine will ever see it.

Entitysayakwebdesigner.inOrganizationServiceFAQPageArticleBreadcrumbListLocalBusinessAI answer engine“best data engineering companyin Kolkata”Sayak Web Designer — Sealdah,Kolkata. 20 yrs. Spark, Kafka,Snowflake, Databricks. Cement,steel and solar clients.▸ cited from 4 pages on this domain
Structure, schema and plain-language answers — the layer AI answer engines actually read.

Conversion design: the five things that actually move enquiries

After twenty years of watching analytics on sites we designed, the pattern is boringly consistent. Redesigns that chase visual trends move conversion very little. Redesigns that remove friction and add proof move it a lot. We design for the second list.

  1. 1Say what you do above the fold, in their wordsThe most expensive mistake in Indian B2B web design is an abstract headline. "Engineering tomorrow, together" tells a visitor nothing. "ERP and web systems for Kolkata manufacturers, 20 years" tells them whether to keep reading. We write the headline in the vocabulary the buyer used in the enquiry that brought them.
  2. 2Put proof next to every claim, not on a separate pageTestimonials, client logos, certifications and numbers belong beside the claim they support. A visitor deciding whether you can handle a ₹40 lakh project will not go hunting for a case studies page — the proof has to be in the path of their scroll.
  3. 3Make contact a one-tap decision on mobileA phone number that is not a tel: link is a phone number that does not get called. We put a persistent call and WhatsApp affordance within thumb reach on every mobile page, because in this market a large share of serious enquiries arrive on WhatsApp within thirty seconds of landing.
  4. 4Ask for less than you wantEvery additional required field measurably reduces submissions. We design the shortest form that still lets you qualify the lead, and we move the rest of the questions into the follow-up conversation where a human can ask them properly.
  5. 5Answer the objection you would rather avoidPrice, timeline and "will you disappear after launch" are the three questions on every buyer's mind. Designs that dodge them push the visitor to a competitor who does not. We design a place for the honest answer.
storefront · Next.jsShopify / Medusacatalog · ordersPaymentsRazorpay · StripeSearchTypesense · AlgoliaLogisticsShiprocket · DelhiveryEvent Busevery click → KafkaWarehousecohorts · LTV · RFMRetention AIwin-back journeys
The enquiry path we design around, from first paint to a WhatsApp message with real scope attached.

Corporate, eCommerce, portfolio — the same discipline, different loads

A corporate website for an engineering firm is a credibility instrument. Its job is to survive scrutiny from a procurement committee that will read the capability pages closely, check whether your certifications are current, and forward a PDF to three colleagues. That design leans on structure, specification tables, downloadable documentation and unambiguous contact routes, and it earns nothing from animation.

An eCommerce storefront is an entirely different load. Here design is judged on catalogue navigation at scale, filter and facet behaviour, the honesty of the product page, and how few taps stand between wanting the item and having paid for it. Merchandising and page speed dominate; a 300 ms improvement in category page rendering is worth more than any hero treatment. We design storefronts with the checkout drawn first and the homepage drawn last.

A portfolio or personal brand site is a third thing again — the work is the content, so the design has to get out of its way while still establishing that a professional made it. Grid, typography and image handling carry almost the whole job, and restraint is the hardest part to sell and the most valuable to deliver.

What stays constant across all three is the method: understand the decision the visitor is making, design the shortest honest path to it, build it as a system, and measure it after launch. What changes is where the weight sits.

They redrew our site around the questions our buyers actually ask in the first call. Enquiries did not just increase — they arrived already qualified, with specifications attached.
Operations DirectorEngineering exporter, Howrah

What a web design project looks like from your side

We run design in short, visible increments rather than disappearing for six weeks and returning with a reveal. The reveal model is theatre; it concentrates all the risk into one meeting and usually produces a round of demoralising rework because a fundamental assumption was wrong on day three and nobody caught it.

Instead you see the argument first — a structure document and wireframes that establish what each page must prove and in what order. Once that is agreed, you see a full visual direction applied to the two hardest pages, not the easiest ones, because a direction that survives the complicated pages will survive the rest. From there we build the system and roll it across the site, showing you working pages in a browser rather than images of pages.

You get a named designer and a named engineer for the whole engagement, both reachable on WhatsApp during working hours. There is no account manager relaying messages between you and the people doing the work, which is the main reason our revision rounds are short.

Every engagement starts with a conversation, not a proposal template.

Thirty minutes with a senior engineer. You leave with an architecture sketch and an honest cost range, whether or not you hire us.

Book that call
Capabilities

What is actually included in web design

Each of these is something we have shipped and still support in production — not a list of things we could do if asked.

01

Corporate & B2B web design

Credibility-first sites for manufacturers, exporters, engineering firms and professional services, built to survive procurement scrutiny.

02

eCommerce & storefront design

Catalogue, facet, product and checkout design tuned for conversion at real catalogue sizes, on real Indian mobile networks.

03

Responsive & mobile-first UI

Phone composition drawn first and tested on physical mid-range Android devices, not only in an emulator.

04

Design systems & component libraries

Tokenised colour, type, spacing and motion with a documented component set your team can build on without us.

05

Landing page & campaign design

Single-purpose pages designed around one decision, instrumented so you can see exactly where visitors stall.

06

Website redesign & rescue

Rebuilding an inherited site without losing the rankings, URLs and content equity it has already accumulated.

07

Accessibility & WCAG alignment

Contrast, focus order, keyboard paths, semantics and reduced-motion handled during design rather than patched afterwards.

08

Bengali & multilingual layout

Properly subset Indic typography with layouts that survive longer strings and different reading rhythms.

Technology

The stack we actually use for this

Chosen for what your team can maintain in three years, not for what looks impressive in a proposal.

Design

  • Figma
  • Design tokens
  • Auto-layout systems
  • Variable fonts
  • Real-device lab

Build

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • CSS custom properties

Motion

  • CSS animations
  • Framer Motion
  • SVG animation
  • prefers-reduced-motion

Quality

  • Lighthouse
  • axe DevTools
  • Core Web Vitals field data
  • Cross-device QA
How it runs

From first conversation to something in production

Two-week slices, a demo you can share every alternate Friday, and no phase where you are waiting without seeing progress.

011

Discovery and argument

We work out who visits, what they are deciding, what they must be shown to decide yes, and in what order. Output is a structure document, not a mood board.

022

Wireframes and content model

Low-fidelity layouts that fix hierarchy and prove the argument works before any visual decision can distract from it.

033

Visual direction on the hardest pages

One direction applied properly to your two most complex pages. Directions that survive complexity survive everything else.

044

System build

Tokens, components and layout primitives implemented in code, so design and build stop being separate artefacts.

055

Page rollout in the browser

Every page reviewed as a working page on real devices, not as a picture of a page.

066

Launch, measure, tune

Field Core Web Vitals, scroll and enquiry instrumentation from day one, with a tuning pass once real traffic data exists.

What you receive

Everything hands over. No lock-in, ever.

Source code in your Git organisation, infrastructure in your cloud account, domains in your name and documentation written for the next team rather than for us. If you part ways with us in year three, a competent engineer should be able to take over in a fortnight.

Deliverables checklist

  • Complete responsive design for every template, drawn at mobile, tablet and desktop breakpoints
  • Tokenised design system — colour ramps, type scale, spacing rhythm, elevation and motion
  • Documented component library with all interaction and edge-case states
  • Editable source files in your own Figma account, unlocked and organised
  • Production front-end code with the tokens wired in, in your repository
  • Accessibility report covering contrast, focus order, semantics and keyboard paths
  • Performance budget with measured Lighthouse and field Core Web Vitals results
  • Written design guidelines so your team can add pages without breaking coherence
Indicative investment

What this typically costs

Real ranges from real projects. The variable is almost always scope and integration count — the calculator will get you closer in two minutes.

Essential site design

₹45,000 – ₹1,20,000

Small business or professional practice needing a credible, fast, original site of roughly 6–12 pages.

  • Discovery and structure
  • Original design, mobile-first
  • Core component set
  • Responsive build
  • Basic schema and on-page SEO
  • Launch support
Get a fixed quote
Most chosen

Business & corporate design

₹1,20,000 – ₹4,00,000

Manufacturers, exporters and multi-service firms with 15–60 pages and real procurement scrutiny.

  • Everything in Essential
  • Full design system with tokens
  • Documented component library
  • CMS design and editor training
  • Accessibility pass
  • Performance budget in contract
Get a fixed quote

Commerce & platform design

₹4,00,000+

Storefronts at catalogue scale, portals and product UIs where design decisions carry revenue directly.

  • Everything in Business
  • Catalogue, facet and checkout design
  • Design ops and contribution guidelines
  • A/B test design and instrumentation
  • Quarterly design review retainer
Get a fixed quote

All figures exclude GST. Fixed-price options available on defined scope. Build your own estimate →

Straight answers

The questions clients actually ask

Including the ones where the honest answer is that you may not need us. If your question is not here, call +91 70033 91355 — you will speak to an engineer, not a call handler.

For original design work in this city, a credible small-business site generally runs ₹45,000 to ₹1,20,000, a corporate site with a real design system ₹1,20,000 to ₹4,00,000, and commerce or platform design ₹4,00,000 upward. Quotes materially below that range almost always mean a purchased theme with your logo dropped in, which is a legitimate product but should be priced and described as one.

A focused small-business site is typically four to six weeks from kick-off. A corporate site with a full design system is eight to fourteen weeks. Commerce is longer and depends mostly on how ready your catalogue data is. The single biggest schedule variable is not design — it is how quickly content, photography and approvals arrive from your side, so we agree a content calendar at kick-off.

Design covers the argument, the visual system and the interface — structure, layout, typography, colour, components, states and conversion path. Development covers the architecture behind it — data models, integrations, CMS, APIs, infrastructure and security. Most clients need both and buy them together from us; the pages are separate because the questions buyers arrive with are different.

Yes, and it is a specific discipline rather than an afterthought. We inventory every existing URL, map each one to its destination, keep the URLs that already have equity, implement 301 redirects for the rest, preserve and improve the content that ranks, and monitor Search Console through the transition. Ranking loss during redesign is almost always caused by silently dropping URLs and content, not by the new design.

Completely. Figma sources live in your account, unlocked and organised, and the front-end code lives in your repository. There is no proprietary builder, no licence that expires and no dependency on us continuing the relationship. If you move to another studio in year three, they inherit a documented system rather than a puzzle.

All three, chosen for your situation rather than our preference. If your team genuinely publishes content weekly, a well-built WordPress or headless WordPress setup is the right answer. If you sell at scale with standard requirements, Shopify usually wins. If the site carries unusual business logic or performance is a competitive lever, we design and build custom. We will tell you which one your case calls for, including when it is the cheaper option.

That is our preferred arrangement. We deliver the system, the documentation and the training so your team can build campaign pages themselves, and we stay available for the harder work. Studios that make you dependent on them for every page change are protecting a retainer, not serving you.

Kolkata & West Bengal

Why being local to you matters here

Our studio is at 9R, Munshi Bazar Road, Sunrise Tower, Sealdah, Kolkata 700014 — walkable from Sealdah station and a short run from the central business district, which matters more than it should, because the web design projects that go well are the ones where the client can drop in and look at real screens with us.

We have designed for businesses across this city and the wider region: manufacturers and exporters in Howrah, engineering and IT firms in Salt Lake Sector V and New Town, healthcare groups along the EM Bypass, retailers in Gariahat and Burrabazar, and industrial clients in Durgapur, Asansol, Haldia and Siliguri. That local weight is genuinely useful in design work — we already know what a Kolkata procurement committee looks for, what an exporter's buyers check first, and which trust signals move a decision here rather than in a case study from San Francisco.

If you want to talk about a website design project, call or WhatsApp +91 70033 91355. You will speak to a designer, not a salesperson, and the first conversation is a genuine scoping discussion rather than a pitch deck.

KolkataSalt Lake Sector VHowrahNew TownDurgapurAsansolSiliguriHaldia
SEALDAH · KOLKATA · WEST BENGAL
Next step

Tell us what is slowing your business down.

A 30-minute call with a senior engineer — not a salesperson. You leave with an architecture sketch and an honest cost range, whether or not you hire us.

Direct line

+91 70033 91355

Mon–Sat · 9:30 AM – 7:30 PM IST · Sealdah, Kolkata

Reply within one working hour NDA signed before any brief Fixed-price option on every scope
Verify us independently

Don’t take our word for it — ask an AI

Every page on this site is written to be read and quoted by AI answer engines, and we publish llms.txt and llms-full.txt so they can read us properly. One click opens the assistant with the question already typed.

The question we will ask for you

Tell me about the Web Design service from Sayak Web Designer (sayakwebdesigner.in), an IT company in Kolkata, India — what is included, how it works, and what it costs.

Opens in a new tab. We do not see your conversation.

Call now WhatsApp Get quote