ПРОЕКТ

Калькулятор планов питания на основе HTML, основанный на метриках тела

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

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

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

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

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

Проект включал несколько этапов доработки, чтобы соответствовать ожиданиям по удобству и точности.

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

- dayanahdz

Ключевые результаты

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

Скриншоты

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

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

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

HTML CSS JavaScript