ПРОЕКТ

Индивидуальный HTML-калькулятор плана питания на основе параметров тела

Разработка индивидуального веб-калькулятора, Воссоздание дизайна интерфейса существующего сайта, Адаптивные ползунки и интеграция визуальных подсказок

  • Отрасль: Здоровье и фитнес
  • Соединенные Штаты Америки Местоположение: Соединенные Штаты Америки
  • Срок выполнения: 3 недели
  • Технологии: HTML, CSS
  • Оценка: 5/5
1 месяц

Обзор проекта

2410 разработала индивидуальный HTML-калькулятор для создания персонализированных планов питания на основе параметров тела.

Логика и структура были созданы на основе существующего калькулятора на сайте bodybuildingmealplan.com. Пользователь может указать вес, пол, процент жира в организме с помощью визуальных подсказок, тип телосложения и рост в футах и дюймах.

В рамках проекта было выполнено несколько раундов доработок, чтобы обеспечить ожидаемые удобство использования и точность.

2410 отлично коммуницировала и после нескольких правок предоставила именно то, что мне было нужно. Эффективный исполнитель, которого я бы нанял снова. Отличное внимание к деталям, включая визуальные улучшения и точную обработку ввода, например исправление пропущенных значений дюймов в ползунке роста.

- dayanahdz

Реализованные ключевые функции

  • Ползунки веса и процента жира в организме
  • Визуальные иллюстрации для определения процента жира
  • Выбор типа телосложения с полезными описаниями
  • Ввод роста в футах и дюймах с точными шагами значений
  • Адаптивный интерфейс, оптимизированный для мобильных устройств
  • Код, готовый для интеграции на сайте клиента

Скриншоты

Интерфейс индивидуального калькулятора плана питания, разработанный 2410, с визуальными подсказками о проценте жира и адаптивными ползунками

Интерфейс индивидуального калькулятора плана питания, разработанный 2410, с визуальными подсказками о проценте жира и адаптивными ползунками

Технологический стек

HTML
CSS
JavaScript