Question: I'm currently working on creating UX for online food ordering service and I'm stuck at one point.

The service provides 2 kinds of order processing: the user can order food for delivery or for pickup (this depends on restaurants abilities).

The question is how to combine these two flows (delivery and pickup) or it would be better not to mix them at all and consider the processing type 'order-wide'?

The processing type is set on checkout page, and if there are some items, that are not available for the selected processing type, they will be either dropped from the order (with notification) of moved to the separate (new) order, which can be placed after the current one is finished.

**Update:**
Here is what I came up with:
![enter image description here](https://i.stack.imgur.com/pqPzZ.png)

So this is the case, the user adds two items with different fulfillment options selected.
What do You think? Is clear enough?

Answer: 
You may want to look at this site again and perhaps make a minor change that could make all the difference. Instead of prompting them during the checkout for whether or not the want **delivery or pick-up** ask them at the beginning of the ordering process. When they navigate to **start ordering have the site ask whether they would want it delivered or they pick-up.** This would enable you to filter out the products that they could choose from due to availability rather than the user making a large grocery list only to find out that some of the products selected can't be delivered or picked-up which in turn makes them frustrated and they have to re-make their list or leave your site all together. Just an idea, hope it helps.
Here my two cents:

* I think that the horizontal alignment of the elements on the page is good. The items summaries are registered and scannable
* Vertical alignment and logical grouping of the information is ambiguous mostly because of proximity.
* I think that the break line used to separate the elements on the page
does not break down the page into the relative steps. Ex: The pickup
step seems to contain the whole order summary

Suggestion: 
 - reorder each step as a modules having the same wireframe structure.
 - gives enough space between steps so that they will be perceived sequential, separate objects.

Ex: 
![Food delivery service wireframe](https://i.stack.imgur.com/eXKFK.png)

I hope you'll find this useful :)