A selection of projects where I've applied my UI/UX design and development skills.
Each project is a journey in problem-solving and
creative execution, detailed in the case studies below.
Developed "Fairalyze AI" during the GNEC Hackathon, a tool designed to detect and analyze biases in AI models, with a focus on addressing UN Sustainable Development Goals 5 (Gender Equality) and 10 (Reduced Inequalities).
Artificial intelligence models can inadvertently perpetuate and amplify societal biases, particularly concerning gender and other protected characteristics. This project aimed to create an accessible tool to help developers and researchers identify such biases in their models, contributing to fairer AI systems aligned with UN SDGs 5 and 10.
As part of a [Your Team Size, e.g., 3-person] team, I took on responsibilities for [Specify Your Role, e.g., UI/UX design, front-end development, and integrating the bias detection logic]. We adopted a rapid prototyping approach due to the hackathon's time constraints, focusing on core functionality and a clear user interface.
Brief research into existing AI bias detection tools and the specific challenges related to SDGs 5 and 10. We identified common types of biases (e.g., gender bias in language models, demographic imbalances in training data) that Fairalyze AI should aim to highlight.
{/*
*/}
We sketched initial UI concepts focusing on simplicity: allowing users to input model data/predictions and receive clear, actionable bias reports. Iterations were quick, focusing on a dashboard-like interface to present findings. Due to time, extensive user testing was limited, but we received peer feedback during the hackathon.
Fairalyze AI allows users to [describe core functionality, e.g., upload a dataset and model predictions, or connect to a model API]. It then presents a visual report highlighting potential biases based on [mention metrics or methods, e.g., disparate impact analysis, representation disparities]. The UI was designed to be intuitive, making complex data understandable.
Frontend: [e.g., HTML, CSS, JavaScript, React/Vue]. Backend/AI Logic: [e.g., Python, Flask, scikit-learn]. Design: [e.g., Figma]. Version Control: Git/GitHub.
[Mention any hackathon results, e.g., Placed X, Received Y feedback]. Key learnings included rapid ideation, teamwork under pressure, and the complexities of visualizing AI ethics issues. This project solidified my interest in responsible AI development.
A clean, user-friendly, and fully responsive calculator built with HTML, CSS, and JavaScript. Features standard arithmetic operations and a modern interface.
To develop a practical, visually appealing, and fully functional calculator application using core web technologies. The primary goals were to ensure accurate calculations, an intuitive user interface, and responsiveness across all device sizes.
This was a solo project where I handled all aspects: UI design, front-end development, and JavaScript logic for the calculations. I focused on a clean, minimalist design aesthetic and robust functionality.
I started by sketching various layouts for the calculator interface, aiming for clarity and ease of use. The design emphasized large, easily tappable buttons and a clear display for input and results. I chose a modern, flat design style with a simple color scheme.
The calculator was built using HTML for structure, CSS (including Flexbox/Grid) for layout and styling, and vanilla JavaScript for all the calculation logic. Key features include:
HTML5, CSS3, JavaScript (ES6+), Git/GitHub.
The project resulted in a fully functional and responsive web-based calculator. It was a great exercise in practicing JavaScript logic for state management and arithmetic operations, as well as honing my skills in creating clean, user-friendly interfaces with CSS.