https://www.vivekraj.kr/story

1<!DOCTYPE html><html><head><meta charSet="utf-8" data-next-head=""/><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1" data-next-head=""/><title data-next-head="">Vivekraj K R - Front end web developer</title><meta name="description" content="Front End Developer bringing in-depth knowledge of latest technology trends to produce clean website design. Experience handling complex javascript coding, design and extensions to meet organization&#x27;s front-facing internet needs. Detail-oriented collaboration with others to define project expectations and demand. Hands-on testing and debugging to address inconsistencies and maintain performance thresholds." data-next-head=""/><meta name="keywords" content="Front end developer, Next.js, react, redux, tailwind css, wcag, remote developer" data-next-head=""/><meta property="og:title" content="Vivekraj K R - Front end web developer" data-next-head=""/><meta property="og:url" content="https://www.vivekraj.kr/" data-next-head=""/><meta property="og:image" content="/images/kr-logo.png" data-next-head=""/><meta property="og:description" content="Front End Developer bringing in-depth knowledge of latest technology trends to produce clean website design. Experience handling complex javascript coding, design and extensions to meet organization&#x27;s front-facing internet needs. Detail-oriented collaboration with others to define project expectations and demand. Hands-on testing and debugging to address inconsistencies and maintain performance thresholds." data-next-head=""/><link rel="icon" href="/images/favicon.ico"/><meta name="theme-color" content="#000000"/><meta name="google-site-verification" content="rxnhX47vIeWvljAZ8hxbokOsNg4rd8Aj2_njUIx1Gjk"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="true"/><link rel="preload" href="/_next/static/css/d04414d10f817ac9.css" as="style"/><link rel="preload" href="/_next/static/css/053e0a7766367008.css" as="style"/><link media="print" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&amp;

1family=Poppins:wght@400;600;700&amp;display=swap" rel="stylesheet"/><link rel="stylesheet" href="/_next/static/css/d04414d10f817ac9.css" data-n-g=""/><link rel="stylesheet" href="/_next/static/css/053e0a7766367008.css" data-n-p=""/><noscript data-n-css=""></noscript>

1<script defer="" noModule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script>

1<script src="/_next/static/chunks/webpack-da9de2821a5f7785.js" defer=""></script>

1<script src="/_next/static/chunks/framework-acd67e14855de5a2.js" defer=""></script>

1<script src="/_next/static/chunks/main-9db137b639ec46cb.js" defer=""></script>

1<script src="/_next/static/chunks/pages/_app-3a8bb3441399bc2f.js" defer=""></script>

1<script src="/_next/static/chunks/281c3f4d-7fb94a34f545a4cf.js" defer=""></script>

1<script src="/_next/static/chunks/234-4f83438a07521436.js" defer=""></script>

1<script src="/_next/static/chunks/pages/story-73e14a6068e3fc87.js" defer=""></script>

1<script src="/_next/static/D2niqTm5KBYkWkvR1iDka/_buildManifest.js" defer=""></script>

1<script src="/_next/static/D2niqTm5KBYkWkvR1iDka/_ssgManifest.js" defer=""></script>

1</head><body><div id="__next"><div class="fixed left-0 top-0 z-[9] hidden h-screen w-[90px] md:block"><nav class="relative flex h-full items-center justify-center bg-white"><ul class="list-none absolute flex items-center justify-center flex-row-reverse transform -rotate-90"><li class="shrink-0"><a class="block text-center text-[#222] no-underline px-[15px] py-[15px] transition-all duration-200 ease-in-out hover:text-secondary hover:scale-125" href="/">Home</a></li><li class="shrink-0"><a class="block text-center text-[#222] no-underline px-[15px] py-[15px] transition-all duration-200 ease-in-out hover:text-secondary hover:scale-125" href="/projects">Projects</a></li><li class="shrink-0"><a class="block text-center text-[#222] no-underline px-[15px] py-[15px] transition-all duration-200 ease-in-out hover:text-secondary hover:scale-125" href="/story">Story</a></li><li class="shrink-0"><a class="block text-center text-[#222] no-underline px-[15px] py-[15px] transition-all duration-200 ease-in-out hover:text-secondary hover:scale-125" href="/scribbles">Scribbles</a></li><li class="shrink-0"><a target="_new" class="block text-center text-[#222] no-underline px-[15px] py-[15px] transition-all duration-200 ease-in-out hover:text-secondary hover:scale-125" href="https://topmate.io/vivekraj_k_r">Chit Chat</a></li><li class="shrink-0"><a target="_new" class="block text-center text-[#222] no-underline px-[15px] py-[15px] transition-all duration-200 ease-in-out hover:text-secondary hover:scale-125" href="https://www.youtube.com/@vivekraj_kr/">Studio</a></li></ul></nav></div><div class="fixed left-0 top-0 z-[9] flex h-auto w-full items-center md:hidden"><div class="ml-auto"><button class="menu-btn block border-none bg-none px-[15px] py-[10px]"><svg x="0px" y="0px" width="30px" height="30px" viewBox="0 0 459 459"><g id="menu"><path d="M0,382.5h459v-51H0V382.5z M0,255h459v-51H0V255z M0,76.5v51h459v-51H0z"></path></g></svg></button></div></div><div class="ns-container"><main><div class="pt-[75px] md:pt-0"><section class="mx-auto max-w-[1280px] px-[15px] md:px-[30px] md:pl-[117px] min-h-screen"><h2 class="mb-[30px] text-[50px] font-bold">Story.</h2><div class="relative flex flex-col gap-y-[15px] gap-x-[30px] pl-[30px] pb-[60px] lg:flex-row lg:flex-wrap lg:gap-y-[30px]"><div class="absolute left-0 top-0 w-px bg-secondary" style="height:calc(100% - (100% / 7) + 55px)"></div><div class="relative w-full border border-secondary bg-white p-[15px] md:mt-0"><div class="mb-[5px] text-sm text-primary opacity-70">December 2022<!-- --> to <!-- -->Current</div><div class="mb-[5px] text-base font-semibold text-primary">Senior Frontend Developer<!-- --> at <!-- -->Smartr365</div><div class="mb-[15px] text-sm text-primary opacity-70">Bengaluru, Karnataka, India</div><p class="whitespace-pre-line text-sm leading-[26px] text-primary">Pioneered the adoption of AI-driven development workflows, leveraging Cursor AI agents to accelerate feature delivery and implementing a company-wide prompting strategy to upskill developers in AI-assisted coding.
2Architected and led the development of a unified UI and component design system using Angular, Ionic, Tailwind, and Angular Material — the foundation for the new Homebuyer App.
3Engineered and integrated Experian&#x27;s Create Affordability Passport API, powering real-time Open Banking and affordability checks.
4Partnered directly with the CPO and key stakeholders to translate product vision into scalable front-end architecture and deliver a seamless digital mortgage experience.
5Designed and implemented a scalable &quot;Fact Find&quot; system, enabling efficient and structured data capture across the user journey.
6Led Angular migration (v10–14) with zero downtime, ensuring future scalability and feature adoption.
7Boosted Lighthouse performance score by 30% through bundle optimization and lazy loading.</p><i class="absolute -left-[42px] top-[-5px] block h-6 w-6 flex items-center justify-center rounded-full bg-gradient-to-br from-[#06b6d4] to-[#0891b2] shadow-md"><svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="white"><path d="M20 18c1.1 0 1.99-.9 1.99-2L22 5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2H0c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2h-4zM4 5h16v11H4V5zm8 14c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"></path></svg></i></div><div class="relative w-full border border-secondary bg-white p-[15px] md:mt-0"><div class="mb-[5px] text-sm text-primary opacity-70">March 2022<!-- --> to <!-- -->December 2022</div><div class="mb-[5px] text-base font-semibold text-primary">Senior Frontend Developer<!-- --> at <!-- -->Publicis Sapient</div><div class="mb-[15px] text-sm text-primary opacity-70">Bengaluru, Karnataka, India</div><p class="whitespace-pre-line text-sm leading-[26px] text-primary">Delivered 12+ high-traffic, branded landing pages using Next.js and Strapi CMS within tight deadlines.
8Partnered with client-side accessibility advocates to identify and resolve complex WCAG/A11y compliance issues, significantly improving usability for diverse audiences.</p><i class="absolute -left-[42px] top-[-5px] block h-6 w-6 flex items-center justify-center rounded-full bg-gradient-to-br from-[#06b6d4] to-[#0891b2] shadow-md"><svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="white"><path d="M20 18c1.1 0 1.99-.9 1.99-2L22 5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2H0c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2h-4zM4 5h16v11H4V5zm8 14c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"></path></svg></i></div><div class="relative w-full border border-secondary bg-white p-[15px] md:mt-0"><div class="mb-[5px] text-sm text-primary opacity-70">June 2019<!-- --> to <!-- -->February 2022</div><div class="mb-[5px] text-base font-semibold text-primary">Frontend Web Developer<!-- --> at <!-- -->Victoria&#x27;s Secret &amp; Co.</div><div class="mb-[15px] text-sm text-primary opacity-70">Bengaluru, Karnataka, India</div><p class="whitespace-pre-line text-sm leading-[26px] text-primary">Collaborated closely with backend and personalization teams during the migration from Certona to Adobe, ensuring seamless front-end integration and consistent user experience.
9Re-engineered the front-end personalization layer, rebuilding five independent recommendation modules into a centralized, configurable React component system that interfaced with Adobe&#x27;s new recommendation APIs.
10Delivered key engagement features including single-use offer codes, bag reminder toasts, and a toast traffic control mechanism to prioritize user notifications intelligently.
11Received recognition for driving impactful personalization improvements that enhanced engagement and conversion.</p><i class="absolute -left-[42px] top-[-5px] block h-6 w-6 flex items-center justify-center rounded-full bg-gradient-to-br from-[#06b6d4] to-[#0891b2] shadow-md"><svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="white"><path d="M20 18c1.1 0 1.99-.9 1.99-2L22 5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2H0c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2h-4zM4 5h16v11H4V5zm8 14c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"></path></svg></i></div><div class="relative w-full border border-secondary bg-white p-[15px] md:mt-0"><div class="mb-[5px] text-sm text-primary opacity-70">June 2017<!-- --> to <!-- -->June 2019</div><div class="mb-[5px] text-base font-semibold text-primary">UI Engineer<!-- --> at <!-- -->TRENIQ</div><div class="mb-[15px] text-sm text-primary opacity-70">Bengaluru, Karnataka, India</div><p class="whitespace-pre-line text-sm leading-[26px] text-primary">Sole front-end owner for a B2B interior design marketplace, responsible for overhauling key modules including landing, inquiry, and order management pages.
12Collaborated directly with the CTO and product team to translate business requirements into clean, scalable, and performance-optimized UIs.
13Redesigned core user flows, improving usability and engagement across high-traffic sections of the platform.</p><i class="absolute -left-[42px] top-[-5px] block h-6 w-6 flex items-center justify-center rounded-full bg-gradient-to-br from-[#06b6d4] to-[#0891b2] shadow-md"><svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="white"><path d="M20 18c1.1 0 1.99-.9 1.99-2L22 5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2H0c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2h-4zM4 5h16v11H4V5zm8 14c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"></path></svg></i></div><div class="relative w-full border border-secondary bg-white p-[15px] md:mt-0"><div class="mb-[5px] text-sm text-primary opacity-70">June 2016<!-- --> to <!-- -->May 2017</div><div class="mb-[5px] text-base font-semibold text-primary">Frontend Developer<!-- --> at <!-- -->mStack Inc.</div><div class="mb-[15px] text-sm text-primary opacity-70">Bengaluru, Karnataka, India</div><p class="whitespace-pre-line text-sm leading-[26px] text-primary">Owned the complete front-end architecture, developing a design-system-driven UI using Bootstrap and SCSS for c

13onsistency and scalability.
14Built and integrated all core UI components with back-end services using Ember.js, enabling dynamic, data-driven application workflows.</p><i class="absolute -left-[42px] top-[-5px] block h-6 w-6 flex items-center justify-center rounded-full bg-gradient-to-br from-[#06b6d4] to-[#0891b2] shadow-md"><svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="white"><path d="M20 18c1.1 0 1.99-.9 1.99-2L22 5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2H0c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2h-4zM4 5h16v11H4V5zm8 14c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"></path></svg></i></div><div class="relative w-full border border-secondary bg-white p-[15px] md:mt-0"><div class="mb-[5px] text-sm text-primary opacity-70">June 2015<!-- --> to <!-- -->May 2016</div><div class="mb-[5px] text-base font-semibold text-primary">Junior Software Engineer (UI)<!-- --> at <!-- -->ISPG Technologies India Pvt Ltd</div><div class="mb-[15px] text-sm text-primary opacity-70">Bengaluru, Karnataka, India</div><p class="whitespace-pre-line text-sm leading-[26px] text-primary">Developed and deployed 17+ e-commerce websites using an in-house CMS (Oorjit), customizing UI layers with HTML, SCSS, and jQuery for brand-specific experiences.
15Built the complete UI for an 18-page job portal module (Bloovo).</p><i class="absolute -left-[42px] top-[-5px] block h-6 w-6 flex items-center justify-center rounded-full bg-gradient-to-br from-[#06b6d4] to-[#0891b2] shadow-md"><svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="white"><path d="M20 18c1.1 0 1.99-.9 1.99-2L22 5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2H0c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2h-4zM4 5h16v11H4V5zm8 14c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"></path></svg></i></div><div class="relative w-full border border-secondary bg-white p-[15px] md:mt-0"><div class="mb-[5px] text-sm text-primary opacity-70">November 2014<!-- --> to <!-- -->May 2015</div><div class="mb-[5px] text-base font-semibold text-primary">Software Engineer Trainee (UI)<!-- --> at <!-- -->ISPG Technologies India Pvt Ltd</div><div class="mb-[15px] text-sm text-primary opacity-70">Bengaluru, Karnataka, India</div><p class="whitespace-pre-line text-sm leading-[26px] text-primary">Completed an intensive 6-month UI engineering program covering HTML, CSS, JavaScript, and SEO fundamentals.</p><i class="absolute -left-[42px] top-[-5px] block h-6 w-6 flex items-center justify-center rounded-full bg-gradient-to-br from-[#06b6d4] to-[#0891b2] shadow-md"><svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="white"><path d="M20 18c1.1 0 1.99-.9 1.99-2L22 5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2H0c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2h-4zM4 5h16v11H4V5zm8 14c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"></path></svg></i></div></div></section></div></main><footer class="bg-[#222222] text-[#fffef2]"><section class="mx-auto max-w-[1280px] px-[15px] md:px-[30px] md:pl-[117px]"><h2 class="mb-[30px] text-[50px] font-bold">Say hello.</h2><div class="text-center"><p class="mb-[15px]">For any enquiries, or just to say hello, Get in touch and contact me.</p><a href="mailto:[email protected]" rel="noopener noreferrer" target="_blank" class="text-[#fffef2]">[email protected]</a><ul class="mt-[15px] flex justify-center"><li class="mr-[15px] last:mr-0"><a href="https://www.linkedin.com/in/vivekraj-kr/" rel="noopener noreferrer" target="_blank" class="block h-[32px] w-[32px]"><svg class="" fill="#fffef2" width="30px" height="30px"><use xlink:href="/images/icons.svg#linkedin-ico"></use></svg></a></li><li class="mr-[15px] last:mr-0"><a href="https://stackoverflow.com/users/4344359/vivekraj-k-r" rel="noopener noreferrer" target="_blank" class="block h-[32px] w-[32px]"><svg class="" fill="#fffef2" width="30px" height="30px"><use xlink:href="/images/icons.svg#stackoverflow-ico"></use></svg></a></li><li class="mr-[15px] last:mr-0"><a href="https://codepen.io/vivekraj_kr/" rel="noopener noreferrer" target="_blank" class="block h-[32px] w-[32px]"><svg class="" fill="#fffef2" width="30px" height="30px"><use xlink:href="/images/icons.svg#codepen-ico"></use></svg></a></li><li class="mr-[15px] last:mr-0"><a href="https://github.com/vivekraj-kr" rel="noopener noreferrer" target="_blank" class="block h-[32px] w-[32px]"><svg class="" fill="#fffef2" width="30px" height="30px"><use xlink:href="/images/icons.svg#github-ico"></use></svg></a></li><li class="mr-[15px] last:mr-0"><a href="https://twitter.com/vivekraj_kr" rel="noopener noreferrer" target="_blank" class="block h-[32px] w-[32px]"><svg class="" fill="#fffef2" width="30px" height="30px"><use xlink:href="/images/icons.svg#twitter-ico"></use></svg></a></li><li class="mr-[15px] last:mr-0"><a href="https://www.youtube.com/@vivekraj_kr/" rel="noopener noreferrer" target="_blank" class="block h-[32px] w-[32px]"><svg class="" fill="#fffef2" width="30px" height="30px"><use xlink:href="/images/icons.svg#youtube-ico"></use></svg></a></li></ul></div></section><div class="flex justify-end"><p class="p-[5px] text-[10px]"> © <!-- -->2026<!-- --> vivekraj.kr </p></div></footer></div></div>

15<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/story","query":{},"buildId":"D2niqTm5KBYkWkvR1iDka","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script>

15</body></html>