Kamran Ali

Jul 2025 — Present

Karachi, PK

Lead Frontend Developer

Digital Gravity — Goalytics (AI OKR Platform)

• —Building Goalytics (goalytics.io), an AI-powered OKR platform — designing and implementing pixel-perfect UI from Figma specifications in React.js, shipping hand-coded HTML5/CSS3/SCSS to W3C standards.
• —Implemented real-time multi-user collaborative sessions using Socket.io — live goal brainstorming, simultaneous editing, voting, commenting, and live presence indicators across all session participants simultaneously.
• —Integrated Claude AI API workflows for AI-powered goal generation, objective structuring, key result proposals, weightage balancing recommendations, and dashboard insights — adapting an AI-first development workflow throughout.
• —Built AI-assisted suggestion interfaces: surfaces Claude-generated OKR suggestions in real time during sessions, with UI for participants to review, accept, modify, or reject AI-generated content — embodying strong AI output validation and user accountability principles.
• —Developed role-based UI architecture (Admin, Manager, Participant, Viewer) with precisely scoped permission states, session control flows, and collaborative workspace interfaces.
• —Built multi-step onboarding flows, live session dashboards, goal-tracking interfaces, snapshot comparison views, and PDF export functionality — all responsive and cross-browser compatible.
• —Integrated REST APIs across authentication, data submission, session management, and progress tracking workflows; collaborated closely with backend engineers on API contracts.

Mar 2021 — Jun 2025

Karachi, PK

Senior Frontend Engineer

Disrupt.com (Ployo.ai, formerly Vettio)

• —Owned the Frontend of a production enterprise SaaS platform end to end — from Figma wireframes and design system standards through to hand-coded, pixel-perfect React.js implementation — keeping experience consistent across all product touchpoints.
• —Hand-coded pixel-perfect HTML5/CSS3/SCSS and shipped it in React.js and Next.js, maintaining clean, W3C-standard, accessible markup without over-relying on third-party component libraries.
• —Turned requirements from product, engineering, and design stakeholders into wireframes, mockups, and prototypes in Figma, then implemented them with full fidelity in production.
• —Built and maintained a design system and shared component library, ensuring UI consistency across SaaS product surfaces and marketing-adjacent landing pages — reducing delivery time by 40%.
• —Implemented WCAG-aligned accessibility practices — semantic HTML, keyboard navigation, focus management, and colour contrast — ensuring inclusive, standards-compliant interfaces.
• —Built real-time WebSocket-driven features via LiveKit for live AI voice interview sessions, managing concurrent data streams and complex async UI states.
• —Optimised frontend performance achieving a 35% improvement in Lighthouse/Core Web Vitals scores via SSR/SSG, lazy loading, code splitting, and CDN integration.
• —Used AI-assisted tools daily (Claude, GitHub Copilot, Cursor) to accelerate workflows — with rigorous output validation, logic review, and full ownership of final deliverables.
• —Led code reviews, established frontend engineering standards, and mentored junior developers in Agile/Scrum sprints across product, engineering, and backend stakeholders.
• —Maintained CI/CD pipelines via GitHub Actions and Vercel; improved deployment reliability by 50% across staging and production environments.

Apr 2019 — Feb 2021

Karachi, PK

Front-End Developer

Intersys Ltd

• —Developed dynamic, visually rich web applications using React.js, HTML5, CSS3/SCSS, and Bootstrap — with a strong focus on fluid responsive layouts and smooth interactive experiences.
• —Implemented CSS animations, hover interactions, and scroll-triggered visual transitions to bring designer mockups to life with high fidelity, including a Pinterest-style visual media platform.
• —Applied image optimisation, lazy loading, and code splitting to ensure heavy visual assets loaded performantly without degrading animation smoothness or page speed.
• —Translated Figma and PSD designs into pixel-perfect, responsive interfaces and migrated legacy WordPress frontend to a modern React.js component architecture.
• —Customised and built WordPress themes from scratch, adapting Figma designs into fully responsive, brand-accurate theme builds.

May 2018 — Apr 2019

Karachi, PK

Front-End Developer

Nanosoft

• —Built responsive, interactive UI components for TaskQue using Angular and TypeScript, with real-time activity updates and animated state transitions for collaborative task tracking.
• —Integrated REST APIs and real-time notifications, managing dynamic UI state changes and animated feedback patterns using modern JavaScript async patterns.
• —Customised and built WordPress themes, adapting design mockups into responsive, production-ready theme builds.

Mar 2017 — Apr 2018

Karachi, PK

UI Developer

EFSOL Solution

• —Designed and built responsive marketing websites and landing pages using HTML5, CSS3, JavaScript, and jQuery — with hover effects, scroll animations, and JavaScript-driven UI interactions.
• —Translated PSD design layouts into pixel-perfect, animated interfaces in close collaboration with designers, ensuring brand precision and motion quality.