ПРОЕКТ

Калкулатор за планове за хранене на HTML, базиран на телесни показатели

Разработка на персонализиран уеб-базиран калкулатор, Репликация на UI дизайн от съществуващ сайт, Адаптивни плъзгачи и интеграция на визуални референции

  • Индустрия: Здраве и фитнес
  • Съединени щати Местоположение: Съединени щати
  • Време за изпълнение: 3 седмици
  • Технологии: HTML, CSS
  • Оценено: 5/5
1 месец

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

2410 разработи персонализиран HTML калкулатор за генериране на индивидуални планове за хранене, базирани на телесни показатели.

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

Проектът включваше няколко кръга на усъвършенстване, за да съответства на очакванията за използваемост и точност.

2410 бяха много комуникативни и доставиха това, което ми трябваше след няколко корекции. Ефективни са и бих ги наела отново. Голямо внимание към детайлите, включително визуални подобрения и точно обработване на информацията (като поправяне на пропуснати стойности за инчове в плъзгача за височина).

- dayanahdz

Ключови функции, които доставихме

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

Снимки на екрана

UI на персонализиран калкулатор за планове за хранене разработен от 2410, с визуални референции за телесни мазнини и адаптивни плъзгачи

UI на персонализиран калкулатор за планове за хранене разработен от 2410, с визуални референции за телесни мазнини и адаптивни плъзгачи

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

HTML CSS JavaScript