Hello, it’s me, Jeff Ordway.
I am a creator, designer, and developer.
Imagine a world where creativity and functionality collide to craft digital products that make the ordinary extraordinary. I navigate life with boldness, joy, and honor mixed with a dash of adventure and whimsy, inspiring others to unearth and seize their greatness.
Artisanal Pizza Order Form
A Slice of Code: Crafting a Tasty User Experience
Objective
The aim was to create an inviting and user-friendly order form that would allow pizza fans to customize their pie with crust, sauce, and topping options and instantly see a detailed summary complete with real-time price updates.
Design
Figma was instrumental in shaping the form’s design, focusing on purposeful placement and user ease. I strived for a layout that felt as intuitive and enjoyable as cooking in a well-organized kitchen—where making pizza is both simple and delightful.
Development
Transitioning from design to development, I used HTML for the foundational layout, enriched the user interface with responsive JavaScript functions, and applied CSS to achieve a look and feel that resonated with the initial Figma design. I aimed to ensure that the digital form was as engaging and easy to use as sharing a pizza among friends.
Challenges
Tweaking the JavaScript for dynamic pricing proved challenging when the cost didn’t update as toppings were selected. Similarly, in CSS, crafting a responsive layout without elements stretching awkwardly required meticulous adjustments to borders, padding, and margins.
Breakthroughs
I achieved a responsive pricing model by introducing an array to manage the toppings and iterating through it with a for loop. In CSS, the breakthrough came with box-sizing: border-box, a simple yet powerful tweak that wrangled padding and borders into submission, achieving a fluid and adaptable design.
Outcome
The result is a seamless and engaging digital order form that delivers a frictionless experience from crust to checkout. This project showcases the harmonious interplay between design and development, underpinning my dedication to crafting user experiences that are as satisfying as they are functional.