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.
Description: This project explores NFTs not as digital art, but as verifiable purchase receipts for real-world products. Developed using HTML, CSS, and JavaScript, the interface walks the user through the entire lifecycle of an “NFT Receipt”: purchasing an item, viewing a blockchain-backed receipt, verifying ownership using QR codes, sharing or hiding receipt details, and reselling...
Description: This front-end onboarding experience was designed to simplify Web3 wallet creation for users unfamiliar with cryptocurrency. Built entirely with HTML, CSS, and vanilla JavaScript, the interface guides users through creating or importing a wallet, choosing recovery options, selecting a username, learning about gas fees, and simulating their first transaction. Every screen is written in...
Description: This front-end calendar app concept, developed for school event booking while working at LINQ, was built entirely using HTML and CSS. The app allows users to seamlessly select a date range and assign tasks or events to specific days, providing a streamlined and efficient tool for organizing school functions. By focusing on simplicity and...
This animated slider for a clothing company combines CSS and JavaScript to create smooth, eye-catching transitions between product showcases. The slider highlights featured items with dynamic animations, offering an engaging and seamless browsing experience for users while promoting the brand’s latest collections.
This data visualization project showcases an interactive and visually engaging way to present complex datasets. Using modern libraries and frameworks, it transforms raw data into clear, intuitive graphs and charts, enabling users to explore and analyze trends with ease
This dynamic scrolling page concept for a video game leverages only CSS and HTML to create smooth, immersive animations that give the illusion of movement. By utilizing parallax effects and layered scrolling, the page mimics dynamic in-game environments without relying on external scripts or complex frameworks.
This project dashboard provides a clean and intuitive interface for managing multiple ongoing projects with clear progress tracking and deadlines. It also features a client messaging section, allowing real-time communication and updates on project statuses, enhancing collaboration and efficiency.
While working at Serious SEM, I led a complete website redesign for Suncoast Auto Transport, a company specializing in vehicle transportation services. The project required a deep understanding of their target audience to create a more user-centered website. To accomplish this, I developed detailed user personas that guided the marketing and design decisions. Additionally, I led the SEO strategy that successfully ranked Suncoast Auto Transport in the top three positions on Google for their core keyword, “Auto Transport in Florida,” driving more organic traffic to their site.