Make your own food e-commerce portal
Striking a balance between powerful options and mobile usability
May 1, 2020 - Willem L. Middelkoop
Online ordering pages are more important than ever before. The COVID-19 virus, the resulting lockdowns and the social distancing rules have emphasised the need for a well-designed webshop user interface. This is surprisingly hard to get right!
Continue reading![Initial sketch for the food ordering user interface](/blog/2020-05-01_designing-an-interface-for-a-food-ordering-page/images/i_00_Initial-sketch-for-the-food-ordering-user-interface_500px.png)
![Sketching in context: try framing your design in a smaller viewport](/blog/2020-05-01_designing-an-interface-for-a-food-ordering-page/images/i_01_Sketching-in-context-try-framing-your-design-in-a-smaller-viewport_500px.png)
![Ordering food in three steps: list, detail, summary](/blog/2020-05-01_designing-an-interface-for-a-food-ordering-page/images/i_03_Ordering-food-in-three-steps-list-detail-summary_500px.png)
![Deceptively simple: the resulting food ordering page](/blog/2020-05-01_designing-an-interface-for-a-food-ordering-page/images/i_04_Deceptively-simple-the-resulting-food-ordering-page_500px.jpg)
![Sketching a two step interaction: differentiating between list and detail modes](/blog/2020-05-01_designing-an-interface-for-a-food-ordering-page/images/i_02_Sketching-a-two-step-interaction-differentiating-between-list-and-detail-modes_500px.png)