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.
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.
| Design decision | Studio monitor cost | Mid-range Android, 4G |
|---|---|---|
| Autoplay video hero | Looks premium, free | +3.1s to LCP, +18 MB data |
| Five webfont weights | Imperceptible | +280 KB, 600ms invisible text |
| Carousel library | Smooth | Blocks main thread ~400ms |
| Third-party chat widget | Instant | +310 KB before first bubble |
| Self-hosted subset font, CSS motion | Identical | +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
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.
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.
- 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.
- 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.
- 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.
- 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.
- 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.
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.”
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.
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.
Corporate & B2B web design
Credibility-first sites for manufacturers, exporters, engineering firms and professional services, built to survive procurement scrutiny.
eCommerce & storefront design
Catalogue, facet, product and checkout design tuned for conversion at real catalogue sizes, on real Indian mobile networks.
Responsive & mobile-first UI
Phone composition drawn first and tested on physical mid-range Android devices, not only in an emulator.
Design systems & component libraries
Tokenised colour, type, spacing and motion with a documented component set your team can build on without us.
Landing page & campaign design
Single-purpose pages designed around one decision, instrumented so you can see exactly where visitors stall.
Website redesign & rescue
Rebuilding an inherited site without losing the rankings, URLs and content equity it has already accumulated.
Accessibility & WCAG alignment
Contrast, focus order, keyboard paths, semantics and reduced-motion handled during design rather than patched afterwards.
Bengali & multilingual layout
Properly subset Indic typography with layouts that survive longer strings and different reading rhythms.
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
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.
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.
Wireframes and content model
Low-fidelity layouts that fix hierarchy and prove the argument works before any visual decision can distract from it.
Visual direction on the hardest pages
One direction applied properly to your two most complex pages. Directions that survive complexity survive everything else.
System build
Tokens, components and layout primitives implemented in code, so design and build stop being separate artefacts.
Page rollout in the browser
Every page reviewed as a working page on real devices, not as a picture of a page.
Launch, measure, tune
Field Core Web Vitals, scroll and enquiry instrumentation from day one, with a tuning pass once real traffic data exists.
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
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
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
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
All figures exclude GST. Fixed-price options available on defined scope. Build your own estimate →
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.
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.
Services that pair with this
View everythingTell 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 91355Mon–Sat · 9:30 AM – 7:30 PM IST · Sealdah, Kolkata