Polza Diet
A meal calculator connecting the menu with the order.
I implemented the client’s meal calculator design and connected plan selection with menu and pricing.
- Field
- Meal delivery
- Built with
- React / Ruby / SCSS
- Project year
- 2023
The challenge
The meal-delivery service needed to improve an existing calculator for its diet-specific menus. Customers had to see both what they would receive and how their choices affected the order, rather than moving between disconnected menu and pricing screens.
The approach
I implemented the client’s calculator design with React and SCSS in an existing Ruby-based service. I worked on the selection logic linking diet, calorie level, weekday and dishes, then carried those choices into the duration and price summary.
The project, in detail
The images show the interface and its context. Captions distinguish project archives from current-site views.
Choose a plan and see its dishes
I connected plan and calorie selection to the daily menu. Visitors can change the weekday and inspect the dishes before ordering. The calculator presents the service’s meal plans; it does not diagnose or prescribe a diet.
Keep the selection usable on mobile
I implemented the smaller-screen layout from the supplied design. Plan options and day selection stay above the meal carousel, so visitors can follow the same sequence on a phone.
Explain the order before checkout
I worked on the order summary with the selected number of days, daily price and total. The detail below comes from the original calculator screen; these are archived project prices, not a current offer.
The outcome
Connected menu and price-selection interface
Consistent calculator behaviour on mobile
Details of Polza Diet
What kind of product work was this?
The meal-plan calculator showed how each option affected the order total before the purchase was complete.
