Empowering skincare consumers with ingredient transparency
Clearify
ROLE
Lead Engineer
SKILLS
UI Implementation
Backend Development
Agile/Scrum Methodologies
TIMELINE
Oct 2023 - Mar 2024
OVERVIEW
Clearify is a Chrome extension that makes skincare shopping easier for the average consumer by bringing ingredient analysis directly to the user while they are shopping. This project arose from observing frustrations users had with the current skincare market, which promotes overconsumption often without transparency regarding whether a product is actually necessary. Through recognizing that everyone's skin is different and everyone has different needs for their skin, we wanted to empower consumers with comprehensive information about products so they could make smarter shopping decisions.
DESIGN IMPLEMENTATION & COLLABORATION
As a lead engineer on this project, my main role was to lead the other three engineers to collaborate with the designers on our team and facilitate the execution of their design system and wireframes. Working under the agile methodology, we broke up our work into sprints which enabled simultaneous design and development iterations, reducing traditional delays with handoffs.
Initially, while the designers were setting up the design system and working on wireframes, we set up the backend logic (event listeners, ingredient parsing logic, API calls to third-party skincare database) using JavaScript. Later on, after receiving the finished wireframes, The main problem we encountered during implementation was displaying all the complex attributes about each product in a simple, easily-scannable format. Our final solution involved filtering the information received from our API call and organizing the information into three sections: the targeted skin type, common irritants and allergens, and properties/effects of using the product.