Overview
Calystron Technologies is a conversion-focused marketing site for a Gurugram ICT firm. The company needed a public site that makes mid-market founders and operations leads trust a senior ICT partner in about ten seconds — then start a sales conversation.
Success is inquiry quality through the form, phone, email, and WhatsApp, not traffic vanity. The positioning is direct: one partner for ICT integration and digital transformation, with precise engineering rather than startup theatre.
Role: Design engineering / full-stack
Problem
Enterprise buyers scan for credibility, delivery breadth, and low-risk engagement. Typical SaaS marketing — neon color, purple gradients, and identical card grids — would undercut that.
The company also needed a real pipeline. Every form submission had to land in a database, a CRM, and inboxes without requiring sales staff to copy and paste leads from email.
Approach
Dark enterprise surfaces, restrained periwinkle calls to action, and Manrope paired with Geist Mono create a calm technical voice. The visual references were enterprise products from Stripe, Vercel, IBM, and Cisco rather than consumer-startup marketing.
ICT, software, and transformation services are catalogued so a founder can scan the offer in seconds. One primary action — Contact sales — remains consistent from the hero through the footer.
The contact flow combines form validation, a honeypot, and rate limiting before distributing each qualified lead to Supabase, Notion, and Resend.
The site includes canonical URLs, a sitemap, dynamic Open Graph images, and structured data for the organization, professional service, FAQs, and breadcrumbs. Robots rules cover major answer-engine crawlers, while six long-form technical articles provide a useful content layer.
What shipped
A full-viewport hero, restrained network canvas, partner marks, service pillars, proof points, and a focused sales call to action.
An ICT, software, and transformation catalogue with industries, engagement process, and frequently asked questions.
The company story, mission, leadership profile for Abdul Wahab, and operating principles.
Six technical articles covering observability, zero-trust architecture, landing zones, build-versus-buy decisions, and related enterprise topics.
A glass-surface inquiry form alongside phone, email, address, and WhatsApp contact paths.
Privacy and terms pages prepared for the production marketing surface.
Work and testimonial content exists but remains unpublished until real client assets are ready. The live site leads with capabilities and contact instead.
Technical highlights
POST /api/contact validates submissions with Zod, including E.164 phone numbers, drops honeypot traffic, and rate-limits requests by IP. Valid leads are inserted into the Supabase contact_leads table, added to a Notion CRM, and sent through Resend as both a visitor confirmation and an internal sales alert.
Downstream jobs use Promise.allSettled, so a Notion or email failure does not lose the structured lead.
The canvas network graph pauses when off-screen, when the document is hidden, or when reduced motion is requested. Shared CSS tokens handle press feedback, icon and text swaps, accordions, and the compact navbar morph.
Page-level metadata, a public Open Graph route, schema.org graphs, FAQ structured data, and crawler rules make the site accessible to both search engines and answer engines. Public OG assets can be fetched by platforms such as WhatsApp and LinkedIn without depending on a protected preview host.
The site targets WCAG AA with keyboard-accessible navigation, forms, and FAQs; strong contrast on dark surfaces; and reduced-motion paths for animated content.
Outcome
Calystron now has a production marketing surface that matches how the company sells: senior, calm, and technical. Inquiries are captured as structured leads across the database, CRM, and email instead of disappearing into a shared inbox.
The site is also prepared to rank and be cited by answer engines, with a content layer that can grow without a CMS rewrite.
Stack
Next.js 16, React 19, TypeScript, Tailwind CSS 4, shadcn/ui, Zod, Supabase, Notion, and Resend.