Ethos is an AI-powered UX tool I conceived and built as a solo designer–project manager to help product teams identify ethical concerns early in their design process. By analyzing user stories and feature ideas for hidden biases or risks, Ethos aims to eliminate personal and unintentional bias from planning and ensure responsible AI design from the start. The result is a functional React prototype that provides inline ethical analysis with an emphasis on accessibility, transparency, and plain language. I led end-to-end development – from initial research and UX design to front-end coding using shadcn/ui components and TailwindCSS styling. This case study details how Ethos was created to support designers in writing more inclusive, ethical user stories and how its features (like an Ethos Meter, badge-based risk ratings, explanation drawer with “Explain Like I’m 5” toggles, and visual trust indicators) work together to foster trust and accountability.

CivicMind is a prototype digital assistant aimed at helping city residents navigate municipal services and information in a trustworthy, inclusive manner. This case study examines how the implemented single-page React application (built with the Shadcn/UI component library and Tailwind CSS) reflects the features and design principles outlined in the project plan. Every element – from the chat interface and language toggle to privacy safeguards and accessibility tools – has been reviewed against the actual code to ensure the description here matches the real prototype experience.