// Portfolio data — Sathish Kumar Murugesan window.PROFILE = { name: "Sathish Kumar Murugesan", role: "Principal Designer", email: "sat2connect@gmail.com", phone: "+91 9042788718", location: "Chennai, Tamil Nadu, India", linkedin: "https://www.linkedin.com/in/sathishkumar-murugesan-ui-ux-designer", resume: "assets/Sathish-Kumar-Resume.docx", }; window.EXPERIENCE = [ { year: "2025 — Now", role: "Principal Designer", company: "Umenit Solution LLC", location: "Gurugram • Remote", logo: "assets/logos/umenit.png", desc: "Leading design strategy and execution across AI-driven SaaS products. Establishing design systems and guidelines for scalable consistency, while mentoring designers and ensuring high-quality deliverables.", }, { year: "2023 — 2024", role: "Senior UX Designer", company: "Brahmarsive India Pvt Ltd", location: "Coimbatore • Remote", logo: "assets/logos/brahmarsive.png", desc: "Designed and prototyped interfaces for VR, AR, and MR applications. Conducted user research, personas, and journey mapping. Developed design guidelines for mixed reality UX.", }, { year: "2021 — 2023", role: "Senior Engineer — UX/UI Designer", company: "Nallas Software Solution", location: "Coimbatore • Remote", logo: "assets/logos/nallas.png", desc: "Prototyped gamified interactions across VR, AR, Web and Mobile. Created personas and user journeys for event platforms, and built reusable design libraries with engineering.", }, { year: "2017 — 2021", role: "Senior Creative Designer — Team Lead", company: "INQ Technologies", location: "Chennai, Tamil Nadu", logo: "assets/logos/inq.png", desc: "Designed UI for desktop and web products from concept to implementation. Produced specifications, wireframes, mockups and storyboards. Conducted usability testing and iterated designs based on feedback.", }, { year: "2011 — 2017", role: "Executive Graphic Designer", company: "Techzon", location: "Chennai, Tamil Nadu", logo: "assets/logos/techzone.png", desc: "Designed UI, icons, logos, branding, infographics, and web creatives. Defined design styles and supported multiple product teams across digital campaigns.", }, ]; window.EDUCATION = [ { year: "2021 — 2025", degree: "B.Sc. Psychology", inst: "Alagappa University", loc: "Karaikudi, TN" }, { year: "2008", degree: "Diploma in Graphic Design", inst: "Mega Mind Computing Solutions", loc: "Chennai, TN" }, { year: "2005", degree: "High School Leaving Certificate", inst: "State Board", loc: "Chennai, TN" }, { year: "2003", degree: "Secondary School Leaving Certificate", inst: "State Board", loc: "Chennai, TN" }, ]; window.CORE_SKILLS = [ "User Experience (UX)", "User Interface (UI)", "User Research", "Product Design", "XR / VR / AR", "User-Centered Design", "Wireframing", "Prototyping", "Journey Mapping", "Information Architecture", "Design Systems", "Branding", "Visual Design", ]; window.TOOLS = [ { nm: "Figma", ds: "Primary", icon: "figma", color: "F24E1E" }, { nm: "Adobe XD", ds: "Product", iconUrl: "assets/icons/xd.png" }, { nm: "Sketch", ds: "Legacy", icon: "sketch", color: "F7B500" }, { nm: "Balsamiq", ds: "Wireframes", iconUrl: "assets/icons/balsamiq.png" }, { nm: "Miro", ds: "Workshops", icon: "miro", color: "FFD02F" }, { nm: "Illustrator", ds: "Vector", iconUrl: "assets/icons/illustrator.png" }, { nm: "Photoshop", ds: "Raster", iconUrl: "assets/icons/photoshop.png" }, { nm: "Lovable", ds: "AI Build", iconUrl: "assets/icons/lovable.png" }, { nm: "ChatGPT", ds: "AI Pair", iconUrl: "assets/icons/chatgpt.png" }, { nm: "Claude", ds: "AI Build", icon: "claude", color: "D97757" }, ]; window.PROJECTS = [ { id: "p01", title: "Upfinzo — Guest Feedback Analytics", summary: "Decision-driven analytics dashboard for multi-location hospitality businesses. Turned fragmented feedback into actionable, root-cause intelligence — lifting response rate from 18% to 37%.", year: "2025", role: "Principal Designer", industry: "Hospitality SaaS", platform: "Web Dashboard", duration: "9 months", tags: ["SaaS", "Dashboard", "Analytics"], featured: true, color: "upfinzo", pattern: "dash", thumb: "assets/thumbs/upfinzo.png", external: "case-studies/upfinzo.html", kpis: [ { v: "+120%", l: "Volume growth" }, { v: "18→37%", l: "Response rate" }, { v: "4.3/5", l: "Avg rating" }, ], problem: "Multi-location hospitality businesses struggled to understand customer satisfaction across branches. Existing tools surfaced star averages but no way to drill into sentiment, identify root causes, or compare member vs. non-member experiences.", approach: "Designed a decision-driven dashboard built on KPI tiles with delta vs. prior period, location-level response gap analysis, and segment-level rating intelligence. Every section closes with a recommendation, not a chart — nudging managers from interpretation to action. Used a dark interface with amber + teal accents encoding meaning (positive trend, alert, neutral).", outcomes: [ "Response rate lifted from 18% → 37% (+19pp)", "Average rating up from 3.5 → 4.3 / 5.0", "120% feedback-volume growth over 9 months", "93% issue resolution rate", ], }, { id: "p02", title: "Escalation Timeline — SLA Breach Intelligence", summary: "Real-time kitchen operations platform for a global QSR chain. Monitors SLA breaches stage-by-stage, attributes delays to staff, and surfaces CCTV evidence — before the customer notices.", year: "2024", role: "Principal Designer", industry: "QSR · Operations", platform: "Web Dashboard", duration: "8 months", tags: ["SaaS", "Ops Intel", "Real-time"], featured: true, color: "mcd", pattern: "escalation", thumb: "assets/thumbs/mcd-dashboard.png", external: "case-studies/mcd-escalation.html", kpis: [ { v: "↓40%", l: "Escalations" }, { v: "3.2×", l: "Root-cause ID" }, { v: "100%", l: "Video coverage" }, ], problem: "Shift managers couldn't see where kitchen delays happened — only that customers were complaining. Five handoff stages from Order Print to QC Check produced no telemetry, no attribution, and no evidence. Root-cause investigation took hours of manual review.", approach: "Designed a decision-driven dashboard built around three surfaces: a live escalations table with stage-attributed delay percentages, a horizontal timeline that traces each order across the five stages, and a stage-detail modal that pairs the breach with CCTV evidence. Red/amber/green semantic colour anchors every state. Edge cases (offline mode, no-video fallback, multi-day breaches) were spec'd into the prototype.", outcomes: [ "↓40% unresolved escalations through real-time intervention", "3.2× faster root-cause ID via stage attribution", "87 on-time orders/day baseline (up from 62)", "100% video coverage on every SLA breach", ], }, { id: "p10", title: "Park In My Driveway — Parking Marketplace", summary: "A peer-to-peer iOS marketplace connecting drivers with available driveways, garages, and lots. Designed end-to-end — map discovery, visual floor-plan spot selection, in-app payment, QR tickets, and host listing tools.", year: "2024", role: "UX Designer", industry: "Marketplace · Mobility", platform: "iOS App", duration: "24 screens", tags: ["iOS", "Marketplace", "UX"], featured: true, color: "upfinzo", pattern: "dash", thumb: "assets/thumbs/park-driveway.png", external: "case-studies/park-in-my-driveway.html", kpis: [ { v: "24", l: "Screens designed" }, { v: "6", l: "User flows" }, { v: "2", l: "User types" }, ], problem: "Drivers waste time circling for parking while homeowners sit on empty driveways and lots. There was no trusted, end-to-end way to discover, book, pay for, and access a private space — or for hosts to list one.", approach: "Designed a two-sided iOS marketplace end-to-end: a map-first discovery home, search & filter, a visual floor-plan spot picker, in-app payment and QR-ticket access for drivers, plus a guided host listing wizard. 24 screens across 6 flows, balancing the driver and host experiences on one model.", outcomes: [ "End-to-end iOS experience across 24 screens", "6 distinct user flows, 2 user types (driver + host)", "Visual floor-plan spot selection", "In-app payment with QR-ticket access", ], }, { id: "p11", title: "UMENIT — AI Services Website Redesign", summary: "End-to-end redesign of an AI services company's marketing site. Rebuilt the IA around buyer intent, shipped a dark premium design system, and templatized the highest-traffic pages — lifting demo requests +212%.", year: "2025", role: "Principal Designer", industry: "AI Services · Web", platform: "Marketing Website", duration: "10 weeks", tags: ["Web", "Design System", "Conversion"], featured: true, color: "cool", pattern: "grid", thumb: "assets/thumbs/umenit.png", external: "case-studies/umenit-redesign.html", kpis: [ { v: "+212%", l: "Demo requests" }, { v: "−38%", l: "Bounce rate" }, { v: "40+", l: "Components" }, ], problem: "UMENIT had grown from a dev shop into a full AI services company, but its website still spoke like a generic IT vendor. Six service lines and ten industries sat behind a flat navigation, so paid traffic landed on pages that didn't match intent. Proof was scattered, every case study was built from scratch, and bounce rate sat near 70% while demo requests stayed flat despite growing ad spend.", approach: "I treated the site as a sales system, not a brochure. Restructured the IA around buyer intent (service → industry → proof → call), built a dark, cinematic design system with strict brand-color fidelity, and templatized the five highest-traffic page types so marketing could ship new pages without a designer in the loop. Every section was designed against one question: what does this move the visitor toward?", outcomes: [ "+212% demo requests from the redesigned funnel", "−38% bounce rate on service pages", "Reusable design system covering 40+ components", "Five templatized page types shippable without a designer", ], }, { id: "p03", title: "Lumen — Healthcare Kiosk", summary: "Self-serve check-in kiosk used across 40 outpatient centers. Designed for accessibility, multilingual flows, and elderly patients.", year: "2023", role: "Lead Designer", industry: "Healthcare", platform: "Kiosk · Tablet", duration: "7 months", tags: ["Kiosk", "Healthcare", "A11y"], featured: false, color: "cool", pattern: "wave", kpis: [ { v: "↓41%", l: "Front-desk wait" }, { v: "AA", l: "WCAG 2.1 cleared" }, { v: "40", l: "Centers deployed" }, ], problem: "Front desks were overwhelmed during morning peaks. Existing kiosks failed accessibility audits and confused first-time users.", approach: "Redesigned for 56pt minimum type, voice-guided steps, and full WCAG 2.1 AA compliance. Localized for Tamil, Hindi and English with right-sized scripts per dialect.", outcomes: [ "Reduced front-desk wait by 41%", "Cleared accessibility audit on first pass", "Now standard across 40 centers", ], }, { id: "p04", title: "Atlas — AI SaaS Console", summary: "Operator console for an AI ops platform. Reduced time-to-insight by 62% by collapsing seven legacy screens into one streaming dashboard.", year: "2025", role: "Principal Designer", industry: "AI / SaaS", platform: "Web", duration: "9 months", tags: ["SaaS", "AI", "Design System"], color: "amber", pattern: "grid", problem: "Operators were context-switching across seven tools to monitor model health, queues, and incidents. Triage took minutes per alert.", approach: "Mapped the operator's day with eight power users, then designed a single canvas that streams telemetry, threads chat, and surfaces actions inline. Built a tokenized component library so analytics, billing and routing teams could ship without reinventing patterns.", outcomes: [ "62% faster time-to-insight on critical alerts", "Component library adopted by 4 product teams", "NPS for operations tooling moved +28", ], }, { id: "p05", title: "Forge — Design System", summary: "Cross-product design language for a 40-designer org. Tokens, components, and a contribution model that survived a re-org.", year: "2024", role: "Design System Lead", industry: "Internal", platform: "Web · Mobile", duration: "Ongoing", tags: ["Design System", "Tokens", "Docs"], color: "amber", pattern: "stripes", problem: "Five product teams shipped diverging components, eroding trust and slowing engineering. No central language existed.", approach: "Established tokens-first architecture with light/dark and density modes. Built living documentation with code, do/don't examples, and a quarterly contribution review.", outcomes: ["120+ components", "Adopted by 5 product lines", "Cycle time -28%"], }, { id: "p06", title: "Drift — VR Onboarding", summary: "Onboarding for a consumer VR training app. Replaces a 20-minute video tutorial with a 4-minute embodied walkthrough.", year: "2022", role: "Senior Designer", industry: "VR / Consumer", platform: "Meta Quest", duration: "5 months", tags: ["VR", "Onboarding"], color: "cool", pattern: "dots", problem: "60% of new users dropped before finishing the tutorial. Motion sickness and unclear gestures were the top complaints.", approach: "Designed a teleport-only navigation pattern with diegetic hints and progressive gesture introduction. Tested across 24 sessions.", outcomes: ["Drop-off cut from 60% to 18%", "Average session time +3.2×"], }, { id: "p07", title: "Cinder — Event Platform", summary: "Web and mobile platform for hybrid events. Speaker portals, attendee maps, live agenda — all on a single permissions model.", year: "2022", role: "UX Designer", industry: "Events", platform: "Web · iOS · Android", duration: "8 months", tags: ["Web", "Mobile", "Platform"], color: "ink", pattern: "tri", problem: "Event operators juggled six tools per show. Attendees got disjointed information across email, web, and on-site signage.", approach: "Unified data model with a single source-of-truth agenda, mirrored across surfaces. Designed dense on-site mode with offline fallback.", outcomes: ["Used at 14 events in launch year", "Operator tool count: 6 → 1"], }, { id: "p08", title: "Pulse — Wearable AR Companion", summary: "Companion app for an AR fitness wearable. Designed glanceable readouts, contextual coaching, and a haptic vocabulary.", year: "2023", role: "Lead Designer", industry: "Wearable / AR", platform: "AR Glasses · iOS", duration: "6 months", tags: ["AR", "Wearable", "Health"], color: "amber", pattern: "wave", problem: "Athletes needed live coaching without breaking focus. Existing apps demanded looking at a phone mid-set.", approach: "Designed for 3-second glances. Built a haptic + audio vocabulary so coaching could happen entirely off-screen, with the app for review.", outcomes: ["94% daily active retention in beta", "Won an Indian Design Mark"], }, { id: "p09", title: "Halo — Brand & Identity", summary: "Brand identity, motion system, and product UI surface for a generative AI startup. Took the company from stealth to launch.", year: "2024", role: "Brand + Product", industry: "Brand", platform: "Brand · Web · Product", duration: "4 months", tags: ["Brand", "Motion", "Web"], color: "cool", pattern: "rings", problem: "Pre-launch startup needed a coherent voice and visual system before Series A, on a tight runway.", approach: "Built a single visual atom — a recursive halo — that powered the wordmark, motion identity, product loading states, and website hero.", outcomes: ["Raised Series A 6 weeks post-launch", "Recognized in 3 design directories"], }, ]; window.NOW = [ "Shipping a tokens-first redesign of the Atlas operator console", "Researching gesture-confirmation patterns for hands-busy MR environments", "Writing essays on how AI shifts the role of the senior product designer", "Mentoring 3 mid-level designers through portfolio reviews", ]; // ── Standalone bundle: remap data-driven asset paths through window.RES. // In live preview window.RES returns the path unchanged; in the bundled // single-file build it returns the inlined blob URL. ── (function () { var R = (typeof window !== "undefined" && window.RES) || function (p) { return p; }; if (window.PROFILE && window.PROFILE.resume) window.PROFILE.resume = R(window.PROFILE.resume); (window.EXPERIENCE || []).forEach(function (j) { if (j.logo) j.logo = R(j.logo); }); (window.TOOLS || []).forEach(function (t) { if (t.iconUrl) t.iconUrl = R(t.iconUrl); }); (window.PROJECTS || []).forEach(function (p) { if (p.external) p.external = R(p.external); if (p.thumb) p.thumb = R(p.thumb); }); })(); Object.assign(window, { /* exports */ });