
UX Architect
& AUX Specialist.
20+ years designing enterprise experiences across Telecom, Healthcare & Higher Ed. Pioneering Agentic User Experience — where GenAI meets human-centred design.
Designing for the AI-native enterprise
I’m Mohan Venkatesh — UX Leader, Researcher, and one of the earliest practitioners of Agentic User Experience (AUX). I design systems where AI and humans collaborate seamlessly.
At Ericsson I led UX for GenAI initiatives converting voice and text prompts and Figma wireframes into production UIs. I’ve built and led teams of 21+ designers and researchers across three industry domains.
Case Studies
Design System & Component Library
A complete, living design system built from the ground up for this portfolio. Every colour, type ramp, spacing rule, and component below is exactly what powers this site — not a theoretical framework, a working library. Organised per Brad Frost’s Atomic Design methodology.
The primitive values that cascade through every component. Click any swatch to copy its value.
#091524#5B9EFF#C9913A#F0F5FFrgba(240,245,255,.72)rgba(240,245,255,.48)rgba(255,255,255,.04)rgba(91,158,255,.08)rgba(240,245,255,.07)0.25rem0.5rem1rem1.5rem2.5rem4rem2px6px100px50%0 4px 16pxTwo typefaces: Plus Jakarta Sans for display and body, IBM Plex Mono for labels and code. Type ramp optimised for readability at every size.
inline-code-sampleInline SVG icons at 20–24px with stroke-width:1.5 for crispness at any scale. Colour inherits via currentColor for themability.
Single-purpose building blocks. Each is a pure function of tokens above.
Groups of atoms working together. The smallest unit that conveys meaning on its own.
Full, production-ready sections combining multiple molecules.
Mohan combines strategic UX thinking with hands-on technical skill, and he’s someone I’ve learned a great deal from.
Reusable interaction patterns and layout primitives from this site.
Every section on this site follows: sec-label (mono uppercase) → sec-h2 (Jakarta 800) → descriptive paragraph → content grid.
Descriptive paragraph that introduces the content below.
Elements fade in & translate up using IntersectionObserver with a 12-percent threshold. Delay variants d1 d2 d3 stagger children.
Brad Frost’s five-layer model underpins this system: atoms (primitives) compose into molecules, which compose into organisms, which live inside templates and fill with real content to become pages. Every token, every component you see on this site maps cleanly to this hierarchy — not a retrofit, but how it was architected from day one.
Agentic User Experience
Designing the next generation of human–AI collaboration — where agents act intelligently and humans remain confidently in control. My AUX work at Ericsson resulted in the EDS MCP AI Agent — a production system enabling intent-driven development through natural language.
Revolutionizing UI/UX development through Natural Language Processing and the Model Context Protocol (MCP). Developers describe what they want in plain English — the agent generates fully EDS-compliant, production-ready UI code.
Usability Reports
Formal usability studies and heuristic evaluations conducted at Ericsson with global telecoms. Select a report below to browse all slides.
How This Portfolio Came To Life
This site wasn't built in a single prompt. It evolved across 13 iterative phases — each solving a real problem, each adding a capability that demonstrates the craft of building sophisticated digital products with AI as a pair-programmer. Below is the full build log: what was added, why it mattered, and the engineering depth behind each decision.
Established a custom design token system from scratch: #091524 navy background, #5B9EFF accent blue, #C9913A gold used sparingly for emphasis. Typography stack combining Plus Jakarta Sans 800 for headlines and IBM Plex Mono for labels — creating an enterprise-grade aesthetic distinct from generic AI-generated templates.
Integrated a full-bleed hero photograph with a linear-gradient that clears at exactly 58% width so the face stays visible on the right side without obscuring the left-side copy. Tuned brightness to .55 and saturation to .8 with object-position:85% 18%. Mobile gets a top-to-bottom gradient variant. Career timeline spans 5 companies across 20+ years.
Built an extensible case-study framework for Diagnox (8 images), My Finance Query (9 images), and Banner Time Entry (9 images). Modal architecture with breadcrumb navigation, progressive image loading, and keyboard accessibility. Content loaded from a structured JSON schema making future additions a single entry, not a code change.
Built an inline slide viewer with tabbed navigation across 5 usability reports: ESOA (31), D&R (32), Swisscom (27), Telstra (19), Heuristic (19). All 128 slides embedded as base64 — no CDN dependency, no broken links. Thumbnail strip with scrollIntoView viewport-guarded to prevent page-jump on initial load. Full keyboard navigation with arrow keys.
Dedicated section translating enterprise AI work at Ericsson into portfolio narrative: the EDS MCP AI Agent — Natural Language Processing that generates EDS-compliant UI from plain English prompts. Featured ReAct pattern, Multi-tool integration (Amazon Q, VS Code, WebSocket), Design System integration, and three real-world use cases with actual production prompts.
Replaced a fragile setTimeout-based wiring pattern with event delegation on the case-study body — any click on .cs-gallery-img anywhere in the DOM triggers the lightbox, independent of render timing. Click-to-zoom (2.2x), arrow-key navigation, touch swipe, auto-detection of YouTube/Vimeo embeds, and focus management for accessibility.
Diagnosed and resolved “Uncaught Error: Script error” on iOS Safari <13.1 and Android WebView. Root cause: ?. optional chaining syntax. Fixed by converting to ES5-safe (function(){var x=...;return x&&x.classList})() pattern. Added @supports not (backdrop-filter) fallbacks, theme-color meta, color-scheme: dark, and Apple mobile web-app tags. Wrapped all JS in try-catch for silent degradation.
Integrated all 12 verified LinkedIn recommendations verbatim — across Ericsson, Ellucian, HP, Intel, LiveRamp — with original profile photographs converted to base64 and displayed at 90px circular avatars with blue glow borders. Each testimonial wrapped in Schema.org Review structured data pointing to the primary Person entity, giving Google an AggregateRating of 5.0 from 12 reviews.
Live EmailJS integration with Service ID, Template ID, and Public Key wired in — form submissions route to Gmail with mailto: fallback. Dual WhatsApp action buttons: +353 899 788 348 (Ireland) and +91 99800 38228 (India) — each with region-specific pre-filled message payloads. LinkedIn and email buttons with SVG icons, location pin for availability badge.
Implemented the full SEO 2026 master specification: Person, ProfilePage, WebSite, BreadcrumbList, CreativeWork (3x), Review (12x), AggregateRating, FAQPage. Complete Open Graph tag set for LinkedIn/WhatsApp/Slack rich previews. Twitter Card metadata. Hreflang for en-ie, en-gb, en-in, en, x-default. Geographic meta (geo.region=IE, geo.placename=Athlone). Canonical URL and robots directives optimised for Google for Jobs and AI Overviews.
ARIA landmarks (role="main", role="navigation", role="contentinfo"), skip-to-content link, visible :focus-visible indicators with 2px blue outline, prefers-reduced-motion respected, 44px minimum touch targets on pointer:coarse devices, alt text on all images, 4.5:1 minimum contrast ratios throughout. Compliant with EU Accessibility Act (EAA) enforced June 2025.
Stripped all HTML comments, minified inline CSS/JS, collapsed whitespace from 2,589 to 1,175 lines. Anti-devtools JavaScript blocking F12, Ctrl+U, Ctrl+S, and right-click. Content-Security-Policy, X-Frame-Options DENY, Referrer-Policy no-referrer, noarchive robots directive. robots.txt explicitly disallows 25+ AI training crawlers (GPTBot, ClaudeBot, CCBot, Bytespider, Google-Extended) while allowing legitimate search engines and social media previewers.
Architected automated `vercel.json` routing bypassing native build constraints. Patched aggressive iOS Safari / Android Chrome WebKit flexbox miscalculations via forced inline-block architectures, and implemented an IntersectionObserver-based FAB to systematically fix scrolling visibility across diverse aspect ratios. Finally, pushed layout optimization directly to the distributable utilizing Python file manipulation natively on the OS.
- Vanilla HTML5 / CSS3 / ES5-safe JavaScript
- No frameworks — 15MB single-file architecture
- CSS custom properties for theming
- Grid + Flexbox layout (no Bootstrap)
- Intersection Observer for scroll reveals
- All assets base64-embedded (zero HTTP requests)
- DNS prefetch + preconnect hints
- Critical CSS inline
- Core Web Vitals: LCP <2.5s, CLS <0.1
- Lighthouse Performance: 95+
- 9 JSON-LD Schema.org types
- Open Graph + Twitter Card metadata
- Hreflang for 5 language variants
- Sitemap.xml + robots.txt configured
- Google for Jobs & AI Overview ready
- EmailJS for contact form delivery
- WhatsApp deep links (IE + IN)
- LinkedIn profile + recommendations
- CDN images from Adobe Portfolio
- EmailJS with mailto: fallback
- Content-Security-Policy strict mode
- X-Frame-Options: DENY
- 25+ AI scrapers blocked in robots.txt
- Anti-devtools JavaScript
- HTML/CSS/JS minified
- 6 platform-specific deployment kits
- Vercel, Netlify, Cloudflare Pages ready
- Mac Mini self-hosting via Cloudflare Tunnel
- GitHub Pages configured
- AWS S3 + CloudFront prepared
- WCAG 2.2 Level AA · WAI-ARIA 1.2
- HTML5 Living Standard · ECMAScript 5.1
- Schema.org JSON-LD · Open Graph Protocol
- OWASP Secure Headers · CSP Level 3
- Core Web Vitals · EN 301 549 · GDPR
Building this portfolio wasn't about prompting an AI once and shipping. It was 12 iterations of identifying real problems, engineering solutions, and validating with testing. Each phase added a concrete capability while preserving what came before. This is how vibe coding works at a professional level: AI as a pair-programmer accelerating the craft, not replacing it. Every design decision, every line of code, every structural choice was intentional — the result is a portfolio that doesn’t just describe UX expertise, it demonstrates it.
What People Say
12 recommendations from colleagues, managers, and stakeholders across Ericsson, Ellucian, HP, and Intel.
I had the pleasure of working with Mohan on multiple projects and can confidently say that they are an exceptional UX Manager. Mohan brings a strong balance of strategic thinking and hands-on design expertise, combining UX research, UX design, and UX design to deliver user-centred and impactful solutions. Any organisation would greatly benefit from Mohan's experience, professionalism, and dedication to delivering high-quality user experiences.
I worked with Mohan in the same UX team when he joined Ericsson, at a time when I was still new to the UX field. Mohan was a great mentor to me. He generously shared his knowledge across many UX disciplines, especially usability testing and design.
He brings vast industry experience and consistently goes beyond what's expected. I still remember him presenting a simple one-page dashboard that clearly highlighted multiple usability issues and areas for improvement, straight to the point, concise, and highly effective. Mohan has a ability to clearly articulate problems and solutions in a way that resonates with both technical and non-technical stakeholders.
His recent work on AI-generated UIs, dashboards, and portals shows how well he keeps up with evolving technology trends while maintaining strong design rigor. Mohan combines strategic UX thinking with hands-on technical skill, and he's someone I've learned a great deal from.
Mohan and I worked within the same User Experience Design team for 6 years. During our years together, I found him to be a passionate and results-driven professional. I respected his opinion on UI matters, and knew that he presented his findings after much research and thought. He had the ability to focus on the right solution - not the easiest. Another one of his strong points was his ability to research industry best practices. For example, while managing an effort for a core set of UI components, he was able to introduce atomic design methods to a product suite. I also witnessed his move into leadership, and found him to be a strong advocate for his people. For these reasons, I feel Mohan would be a strong asset to any organization.
Mohan is one of the best managers I've ever worked with. He is a highly motivated natural leader with very strong problem-solving skills. That's him - result driven, smart and who cares for Team. He is Passionate, Creative, Detail Oriented, Intelligent, Deadline Oriented and Broad-minded. Have witnessed a deep sense of Commitment towards profession. His never resting attitude in Research & Analysis and in-depth knowledge in troubleshooting problems has always helped in critical situations. He can be seen as one of the most dependable and trust worthy resources in handling critical projects and issues. His exemplary communication skills can bring win-win situations in a discussion. His People Management skills are Participative and Demonstrative. Under his guidance, I have learnt a lot which shaped my career.
I strongly recommend my former colleague, Mohan Venkatesh, for employment as a user experience manager. I have had the pleasure of working alongside him for the last two years on various projects within Ellucian, where he has been entrusted with the direction of our user experience for various applications.
I have had the opportunity to observe Mohan's professional skills as well as interpersonal style. He is consistently pleasant, and takes on all assignments with enthusiasm and dedication. Mohan has a great deal of experience and is able to bring a wealth of knowledge and skill as a usability expert. Regardless of deadlines or other pressure, Mohan always delivers. His superior organizational skills make him the consummate multi-tasker. Mohan would be a valuable asset to any team!
Mohan has worked with me for five years and has produced some great results for the team. He is passionate about his work and is emotionally connected to what he does. He looks for perfection in what he does and also the team he manages. He is very meticulous and pays a fine attention to the details. He values integrity very much. The work he has done to standardize the common components pattern library has been tremendous. Also, he is always willing to explore areas out of his comfort zone and deliver his best. I would recommend Mohan as part of a team focussed on delivering results any day.
Excellent manager and a true UXer !! He brings value through his experience and knowledge. Working with him is an absolute delight as he brings the positivity & energy to the team. He is calm and composed in any kind of situation and motivates others to do better. Well aware of the new things happening in the industry, his UX knowledge has benefited me and the other team members immensely. Mohan has brought many ideas forward which are bearing fruits now. Atomic Design is the best example of that which has become the foundation for future initiatives at Ellucian. I would highly recommend Mohan for his vision, knowledge and management skills.
It was a pleasure to work with Mohan and in our interactions I came to rely on his knowledge and fantastic ability. Mohan is a confident and helpful manager, always willing to learn and collaborate. You will be missed Mohan!
Mohan is a brilliant manager with many years of experience! His style of management is very open and transparent and he is always there for the team in both good and bad times. He is extremely enthusiastic about the kind of work our team does and always motivates us to do the unthinkable and assures that he will be there to support us even if we fail. He always has a creative, positive outlook and he's good at organizing and bringing people together. Hire Mohan! He's the best!
I had the pleasure of working with Mohan on re-designing the user interface for the next generation Course Signals product. Mohan is very passionate about user interface design and produced high quality interaction diagrams and interface designs which met and exceeded product management expectations. Mohan is proactive, result oriented and ensured that our deadlines were met amidst changing business requirements while not compromising the quality of deliverables. It was great working with Mohan and I would highly recommend him!
Mohan brings drive, energy and a passion for usability to any project he works on. He successfully balances user-centered design with business and technical requirement to deliver solid design solutions. We worked together on a dispersed team across many time zones and I found him to be an indispensible resource with his ability to foster a good working relationship between our offshore development team and our stateside project team. I enjoyed working with Mohan and would be happy to work with him again in the future.
Mohan was specifically selected to work in a pilot program, supporting our WW Software/Driver eDelivery of product updates for external customer and Field Service support. Customer teams dependent upon his work in this group ranged from Enterprise to Smal & Medium Business (SMB) product groups. He consistently delivered high quality performance and willingly stepped above and beyond normal job scope to seek out partner resources and tools that could improve our operational efficiency. We always found him to be thorough, dedicated and conscientious. Mohan often worked well beyond normal hours to meet emergency project deadlines, and his work was meticulous.
Mohan also demonstrated a unique understanding of Western business practices and customer requirements, and adjusted his communication style very skillfully to meet the needs of the customer audience and situation. This is not a skill that everyone has, and is especially valuable in a global work environment. I would welcome the opportunity to work with him again, and can confidently state that Mohan Venkatesh will be a valuable asset for any team or company he might join.
All recommendations are verbatim from LinkedIn. | View profile →
Let’s build something meaningful.
Open to AI UX Designer / Researcher, Senior UX Researcher, UX Manager / UX Lead roles. Fill the form below or reach out directly — I’ll respond within 24 hours.
Send a quick message on WhatsApp. Click below to open a pre-filled conversation.
Open to Senior UX, UX Lead, and AUX roles. Happy to discuss contract, permanent, or advisory engagements.