KeelNox
KeelNox is a software development company focused on financial services, with general web and mobile work for other businesses too. I work as a software engineer there, building the company's own website and the web platforms we deliver to clients across fintech, e-commerce and everyday businesses, mostly in React, Next.js and TypeScript. The website is a dark, calm marketing site with a landing page built around an animated hub that links the four main services, a services page covering eight services, an industries page for financial services, a work section with case studies, an about page and a multi-step contact form. A plan estimator turns a few answers about the product, platforms and stage into a timeline, team and first-demo week. The site is pre-rendered at build time, so every route ships with its own title, description, social preview image and structured data, and a sitemap is generated on production. A light and dark theme switch, a live chat and a consistent spacing and type system keep it readable from small phones to wide desktops, and every animation respects reduced-motion settings.
/ Stack
/ Highlights
- Software engineer at KeelNox: the company website plus client platforms across fintech, e-commerce and everyday businesses, built in React, Next.js and TypeScript
- Landing page with an animated hub of services, drifting network background, flowing connector lines and a scroll-driven story of how money moves
- Services page covering eight services, with engagement models (fixed scope, dedicated team, support plan) and a plan estimator that returns a timeline, team and first-demo week
- Multi-step contact form with validation, spam trap and prefilled needs, built with React Hook Form and Zod
- Case-study pages and a filterable work section that only show real, published projects
- Pre-rendered routes with per-page titles, descriptions, social previews, JSON-LD structured data, sitemap and robots rules that keep preview deploys out of search
- Light and dark themes, a live chat widget, and a shared spacing, type and token system so the site stays consistent from 375px phones to wide desktops
- Motion built to be calm: transform and opacity only, scroll effects without state updates, and every animation falls back to its final state under reduced motion