Hims & Hers Calculators

At Hims & Hers, I led the development of a suite of interactive health calculators designed to guide users toward the most relevant products and treatments based on their personal wellness goals. These tools included a BMI Calculator, TDEE Calculator, Calorie Deficit Calculator, Protein Calculator, and Daily Water Intake Calculator. Built using React, TypeScript, styled-components, and React Context, each calculator delivers a smooth, mobile-optimized experience tailored to user input while maintaining high performance and accessibility standards.
These calculators were designed with a clear purpose: to provide a personalized and approachable way for users to understand their health metrics and guide them toward effective, medically supported solutions. By blending thoughtful UX with reliable logic and data, I ensured that each tool not only performed accurate calculations but also offered next-step guidance, such as recommending weight loss medications or hydration support based on the user’s results. They became a key component of the digital product strategy, helping turn site traffic into engaged, informed customers.
With Hims & Hers receiving over 100,000 daily visitors, performance, accuracy, and engagement were critical. Each calculator was optimized for fast load times, mobile responsiveness, and intuitive interactivity. Beyond simply returning results, they were built to align user goals such as weight management, hydration, or protein intake with relevant products and treatments. These tools delivered an actionable health experience that contributed meaningfully to customer conversion.