01Nissan
New Patrol Launch Platform
Launch platform for the new Nissan Patrol across Middle East and Africa markets. Built the frontend from Figma designs and the GSAP/WebGL launch animation.
01 — work
Selected Work
02Nissan
Parts e-commerce
Storefront for ordering genuine Nissan parts. Built the frontend and connected it to the parts catalog and checkout APIs.
03Nissan
Magnite Microsite
Model microsite for the Nissan Magnite, including the Arabic/English RTL layout.
04Nissan
Smart Guided Test Drive
Smart Test Drive tool for great customer experience journey with Google Maps API.
05INFINITI
Inventory Tool
Dealership-facing tool for browsing vehicle inventory, built on top of the inventory data API.
06Ricochet
Complete Football Platform
A total football platform for matches, teams, and tournaments management.
Experience
01 — UI Developer
Started out building UI components and web pages in HTML, CSS, and JavaScript.
GL Infotech, Thrissur, Kerala, India
Mar 2014 — Jul 2016
- Started career building UI components and static/dynamic web pages — a foundation in HTML, CSS, and JavaScript.
02 — UI/UX Developer
Designed and built UI and UX flows for web client projects.
Tecrizon, Infopark, Kochi, Kerala, India
Aug 2016 — Dec 2016
- Designed and implemented UI and UX flows for web-based client projects, including wireframing and front-end build phases.
03 — Frontend Developer
Built React and Vue applications with Redux-backed shared state.
Golden Star Media Production & Event Management, Dubai, UAE
Mar 2017 — Jun 2020
- Built web applications in React.js and Vue.js, using Redux for shared state across greenfield builds and iterative feature work.
- Developed responsive interfaces with Vue Material, Ionic 4, and SASS for cross-device consistency.
04 — Senior Frontend / UX Developer
Lead frontend for automotive CMS platforms across 8+ regional markets.
Alternative Agency, Dubai, UAE
Aug 2020 — Present
- Lead frontend development for automotive CMS platforms across 8+ regional markets, including the Vue.js component library behind the sites of several global automotive brands.
- Architect interactive showroom tools and configurators, translating Figma designs into production builds with GSAP and WebGL.
- Build multilingual Arabic/English site variants with RTL-aware layouts for KSA, UAE, and North Africa rollouts.
- Integrate third-party systems — auth, payments, mapping, CRM — working directly with backend teams on API contracts.
03 — Stack
Skills
The tools I reach for day to day the frameworks, the styling and motion layer on top of them, and the AI workflow I build with now.
'%3e%3cpath%20fill='%2338bdf8'%20fill-rule='evenodd'%20d='M27%200c-7.2%200-11.7%203.6-13.5%2010.8%202.7-3.6%205.85-4.95%209.45-4.05%202.054.513%203.522%202.004%205.147%203.653C30.744%2013.09%2033.808%2016.2%2040.5%2016.2c7.2%200%2011.7-3.6%2013.5-10.8-2.7%203.6-5.85%204.95-9.45%204.05-2.054-.513-3.522-2.004-5.147-3.653C36.756%203.11%2033.692%200%2027%200zM13.5%2016.2C6.3%2016.2%201.8%2019.8%200%2027c2.7-3.6%205.85-4.95%209.45-4.05%202.054.514%203.522%202.004%205.147%203.653C17.244%2029.29%2020.308%2032.4%2027%2032.4c7.2%200%2011.7-3.6%2013.5-10.8-2.7%203.6-5.85%204.95-9.45%204.05-2.054-.513-3.522-2.004-5.147-3.653C23.256%2019.31%2020.192%2016.2%2013.5%2016.2z'%20clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%200h54v32.4H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
'%3e%3cpath%20d='M13.3333%2080.0002C20.6933%2080.0002%2026.6667%2074.0268%2026.6667%2066.6668V53.3335H13.3333C5.97333%2053.3335%200%2059.3068%200%2066.6668C0%2074.0268%205.97333%2080.0002%2013.3333%2080.0002Z'%20fill='%230ACF83'/%3e%3cpath%20d='M0%2039.9998C0%2032.6398%205.97333%2026.6665%2013.3333%2026.6665H26.6667V53.3332H13.3333C5.97333%2053.3332%200%2047.3598%200%2039.9998Z'%20fill='%23A259FF'/%3e%3cpath%20d='M0%2013.3333C0%205.97333%205.97333%200%2013.3333%200H26.6667V26.6667H13.3333C5.97333%2026.6667%200%2020.6933%200%2013.3333Z'%20fill='%23F24E1E'/%3e%3cpath%20d='M26.6667%200H40.0001C47.3601%200%2053.3334%205.97333%2053.3334%2013.3333C53.3334%2020.6933%2047.3601%2026.6667%2040.0001%2026.6667H26.6667V0Z'%20fill='%23FF7262'/%3e%3cpath%20d='M53.3334%2039.9998C53.3334%2047.3598%2047.3601%2053.3332%2040.0001%2053.3332C32.6401%2053.3332%2026.6667%2047.3598%2026.6667%2039.9998C26.6667%2032.6398%2032.6401%2026.6665%2040.0001%2026.6665C47.3601%2026.6665%2053.3334%2032.6398%2053.3334%2039.9998Z'%20fill='%231ABCFE'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_912_3'%3e%3crect%20width='53.3333'%20height='80'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
- Claude
- Codex
- CSS3
- Docker
- Figma
- Git
- GitHub
- GSAP
- HTML5
- JavaScript
- Nuxt
- Pinia
- Postman
- React
- SASS
- Tailwind CSS
- TypeScript
- Vite
- Vue.js
Statistics
- Academy
- BCA Computer Science
- Bharathiar University · 2008—2011
- Position
- Frontend/UX Developer
- Number
- Number 28
- Current club
- Alternative Agency
- Total seasons
- 12+ years
- Red cards
- No red cards
