Shruti Shankar Narayanan
Open to opportunities
I design interfaces, and write about why they confuse people.
UI/UX designer in Chennai, two years inside an ERP product. Research and design systems, taken through to the React that ships.
- UX Research
- Design Systems
- Accessibility
- Writing
I design the experience, then the system.
I’m a UX/UI designer who came up through product teams where design decisions had to be defensible, scalable, and shipped. I learned early that good design is less about screens and more about the thinking behind them.
Over two years, I’ve worked across building an ERP Product, often in the uncomfortable space between a vague business problem and a blank Figma file. I work the full loop from design intent to shipped system, Figma through tokens through code. AI sits inside that loop for research synthesis and variant generation, which leaves more of my own time for closing the gap between what I designed and what actually ships.
- Product Strategy
- Interaction Design
- UX Research
- Design Systems
- Wireframing
- Prototyping
- AI-Augmented Design
- Token-first systems
- Cross-functional sprints
- Accessibility audits
- Figma
- Framer
- Maze
- Notion
- ChatGPT-Apps
- FigmaMCP
- NotionMCP
- Custom Agents
- Claude Code
Products I’ve shaped.
Case studies that trace the path from a research question to a working interaction, not just the final screen.
One Clear Record, From the Surgery Board to the Pet Parent's Phone
Designed and built an end-to-end operating system for a multi-branch veterinary group, built around an AI discharge tool that turns a clinician's notes into something a worried family can actually read, in six languages.
View case studyLive demo
Scaling Product Consistency with Workhall Design System V2
Consolidated a fragmented component library into a unified, token-driven design system: conducting a platform-wide component audit, co-defining token structures with engineering for 1:1 CSS variable alignment, and shipping adoption into active product areas in 2025.
View case study
Nine years, played back.
Scrub the track. Every spike is a busy season; the quiet passages are the moves between countries and chapters.
- BA Journalism, M.O.P. Vaishnav College, Chennai, India: Jun 2017 to Apr 2020. Design: DTP & broadsheet, political tabloid, business journal. Media research, sociology & psychology, TV production
- Reporter Intern, Deccan Herald, India: May 2019 to Jun 2019. Storyboarded and pitched features to senior editors. Covered local events on deadline
- Freelance UI/UX Designer, Independent, India / New Zealand: Dec 2020 to Jan 2023. Menu cards, wedding suites, 15+ hand-drawn mandala artworks. Built and shipped a React/Next.js portfolio on AWS CloudFront. Cover and layout design for a published book
- Master of Applied Computing, Lincoln University, New Zealand: Nov 2022 to Nov 2023. UX studio project, software development, neural network applications. Industry project, UX based
- UX Designer, WIST Ltd, New Zealand: Jul 2023 to Oct 2023. AI chatbot interface for FrogBlue BMS technicians, cutting manual troubleshooting by 80%. Qualitative journey research and accessible responsive layouts
- UI/UX Designer, Workhall, India: Feb 2024 to Present. Design System V2: token-driven, 1:1 CSS variable mapping with engineering. Redesigned 20+ high-usage components; revamped a 150+ icon library. WCAG accessibility: screen reader support, 12 high-contrast themes
UI/UX Designer · Workhall
Design System V2: token-driven, 1:1 CSS variable mapping with engineering · Redesigned 20+ high-usage components; revamped a 150+ icon library · WCAG accessibility: screen reader support, 12 high-contrast themes
UI/UX Designer · Workhall
Design System V2: token-driven, 1:1 CSS variable mapping with engineering
UX Designer · WIST Ltd
AI chatbot interface for FrogBlue BMS technicians, cutting manual troubleshooting by 80%
Master of Applied Computing · Lincoln University
UX studio project, software development, neural network applications
Freelance UI/UX Designer · Independent
Menu cards, wedding suites, 15+ hand-drawn mandala artworks
Reporter Intern · Deccan Herald
Storyboarded and pitched features to senior editors
BA Journalism · M.O.P. Vaishnav College
Design: DTP & broadsheet, political tabloid, business journal
Credentials I’ve earned.
Cloud infrastructure, UX design, frontend development: each one links to the credential it came from.
UX Design Professional Certificate
5 courses · completed
Every piece, ready to copy.
184+ React and Tailwind components, live and inspectable: the same craft behind this site, broken into pieces you can drop into your own project.
Things I’ve figured out.
Notes on UX and accessibility, grounded in specific bugs and the fixes that actually shipped.