# Jonathan Hsu > Product designer in Los Angeles. This file is the whole portfolio as plain text, > generated from the same source the rendered pages read, so it cannot drift from them. I’m a product designer obsessed with the details. I enjoy navigating ambiguous problems and care about pushing designs beyond "good enough". Recently, I’ve been exploring the impact of AI on design and how to build with agents. Most recently, I was the first and only designer at Cyral (acquired by Varonis (https://www.varonis.com/)), building a product for access control at the data layer. I owned design end to end and established the system it ran on. ## Work - [Cyral Data Access Portal](https://jh-portfolio-v14.vercel.app/work/data-access-portal): Designed a unified interface for managing database connections with passwordless authentication, reducing security incidents by 85%. (Q1 2024) - [Cyral Design Style Guide](https://jh-portfolio-v14.vercel.app/work/design-style-guide): Established a comprehensive design system that improved engineering velocity while producing consistent user experiences across our enterprise security platform. (August 2021 - August 2024) ## Craft - [jhsu.xyz](https://jh-portfolio-v14.vercel.app/craft/jhsu-xyz): A meta-document of the design and development process behind this site, from first wireframe in Paper to production code, built collaboratively with Claude. - [x-ray](https://xray-shader.vercel.app/): A real-time WebGL study in fresnel translucency: nested shells over a glowing inner form. - [drip.](https://jh-portfolio-v14.vercel.app/craft/drip): Concept mobile app for Gen Z fashion enthusiasts to share and discover outfits through interactive photo tagging. - [klang](https://klang-demo.vercel.app): A live demo of the sand simulation from the home page: tune the waves, form your own words, and export the result. - [UX Design Course](https://jh-portfolio-v14.vercel.app/craft/ux-design-course): A self-paced web course covering 86 topics across behavioral psychology, UX strategy, and product thinking — built as a personal study project. - Gallery (not published yet) ## Contact - linkedin: jon-hsu (https://www.linkedin.com/in/jon-hsu) - email: hello@jhsu.xyz (mailto:hello@jhsu.xyz) - resume: jonathan-hsu (https://jh-portfolio-v14.vercel.app/resume.pdf) ## Pages - [Home](https://jh-portfolio-v14.vercel.app/): about, and the current register - [Work](https://jh-portfolio-v14.vercel.app/work): case studies - [Craft](https://jh-portfolio-v14.vercel.app/craft): smaller built things - [Inspo](https://jh-portfolio-v14.vercel.app/inspo): reading, listening, and sites worth a look