Mobile eCommerce Order Form Concept

In-progress concept for a B2B site I'm working on; this is a developing take on turning a desktop-focused spreadsheet order form into a row-by-row additive form designed to be mobile-first.

Instead of a user bring presented with a cumbersome grid showing details and options for all sizes, they can tap each size to add to their order form as they'd like, move or delete rows, calculate price and totals by altering the quantity as they build their form.

The narrower mobile breakpoint would split each row to two lines, keeping size, price/unit and the delete icon on the first, pushing availability, quantity and price to the second.

Still iterating on this one; can't wait to eventually share the final, launched design in Fall 2018!

More by Neil Kleid

View profile