Skip to main content

Consulta Technologies Website

Corporate website for Consulta Technologies Pvt. Ltd. — a fast, SEO-ready Remix build positioning the company as a serious industrial automation and software services partner.

Visit consulta.in
  • Frontend Development
  • Responsive Design
  • SEO & Performance
  • Content Architecture
https://consulta.in
Industrial automation · Software services

Plants on the floor.
Data in the cloud.

We build the pipelines that take a PLC reading and turn it into a number a CFO can act on — from the sensor up.

See our workCapabilities ↘
01Industrial automationPLC integrations · SCADA · MQTT
02Software servicesBackends · dashboards · mobile
03IoT platformsEdge · cloud · live telemetry
100/100
Lighthouse perf
<1s
First contentful paint
0
Framework lock-in
100%
Static-cacheable

Brief

Consulta Technologies Pvt. Ltd. needed a corporate web presence that positioned the company as a serious industrial automation and software services partner. The site had to feel credible to enterprise procurement teams, load fast on patchy mobile connections, and stay maintainable for a small in-house team.

The brief: a fast, accessible, content-driven site that scaled from a single-page introduction to a full multi-section catalog without a redesign.

What I built

  • Remix application
    Server-rendered React with route-level code splitting. Every page hits the network exactly once.
  • Content-as-data
    Service pages defined as structured Markdown. Non-developers add a new offering by writing a file.
  • Image pipeline
    Responsive srcsets, modern formats, low-quality placeholders. Mobile users get the right asset every time.
  • SEO baseline
    Structured data, OpenGraph meta on every page, sitemap, robots — discoverable by search and shareable in chat.
  • Accessibility
    WCAG-compliant contrast, full keyboard navigation, semantic landmarks. Validated against axe.
  • Cloudflare deploy
    Pushed to Cloudflare Pages with global edge caching. Push-to-deploy via GitHub Actions.

Sections the site ships

  • 01

    Home

    Headline positioning, service overview, and the company brief — what Consulta does, who for, why.

  • 02

    Industrial automation

    PLC integrations, SCADA dashboards, MQTT brokering — the bread and butter of the engineering practice.

  • 03

    Software services

    Custom backends, dashboards, mobile apps. Each service has a dedicated page with case-study links.

  • 04

    About + contact

    Team, location, ways to reach Consulta. Contact form posts to an internal inbox via Cloudflare Worker.

Measured, not claimed

The performance numbers are the point. The site is image-pipelined, route-split, and edge-cached so the first paint lands before the user notices they tapped a link.

lighthouse · mobile · cold cache
tested atconsulta.inthrottlingslow 4g
  • 100
    Performance
  • 98
    Accessibility
  • 100
    Best practices
  • 100
    SEO
FCP
0.6s
first contentful paint
LCP
0.9s
largest contentful paint
TBT
10ms
total blocking time
CLS
0.00
cumulative layout shift

Stack, by layer

Content lives as files. The frontend is a small Remix app. The build is one command. The deploy is the edge. Each layer is swappable without touching the others.

stack · four layers · one push
deploy<3 min
  1. 04layer
    Edge & deploy
    Pushed to Cloudflare Pages by GitHub Actions on every push to main.
    • Cloudflare Pages
    • GitHub Actions
    • Wrangler
  2. 03layer
    Build pipeline
    One build step. Image pipeline. Route-level code splitting.
    • Vite
    • Sharp
    • esbuild
  3. 02layer
    Frontend
    Server-rendered React on Remix. CSS Modules for isolation.
    • Remix
    • React 18
    • CSS Modules
  4. 01layer
    Content
    Services and case studies as structured MDX. Non-devs can edit a file.
    • MDX
    • Front matter
    • Zod schema
content → frontend → build → edge·add a service by writing a markdown file

Build & deploy

One push to main builds and ships globally in under three minutes.

terminalbash
# locally
npm run dev                # Remix dev at localhost:7777
npm run build              # build for production

# on push to main, GitHub Actions runs:
npm ci
npm run build
wrangler pages deploy ./build/client --project-name consulta-site

Outcomes

A cohesive brand presence with measurable performance wins: faster time-to-interactive, lower bounce on mobile, and a content model that the Consulta team can extend without touching code. Live at consulta.in.