Many decades ago famous writer George Bernard Shaw, known for his sharp tongue and sparkling sence of humor, said: “ There is no love sincerer than the love of food. ” With the course of time nothing actually has changed: food is still among the most important, discussed and loved aspects of everyday life. The sphere of design features it in diverse faces and directions combining traditional visualization with new techniques and approaches. UI design is no exception. The basic idea behind UI/UX design is to create interfaces solving problems and satisfying users' wishes. As eating is one of basic human needs, no wonder we can find numerous applications and websites devoted to this theme. We also take active part bringing new ideas and polishing existing solutions in design projects and concepts for websites and mobile apps. As well as with real meals presentation, visual design for digital products of this sort is a real food for thought. Like with nicely performed meal, well-done attractive UI is able to increase the level of users' expectations and catch their attention and senses immediately. However, even the most creative delivery of a meal is not able to save the situation if the food itself is low-quality and vapid. The same happens with UI. If designer doesn't think much about the product itself, its logic, convenience, effective layout, being focused only on beautiful presentation, the risk of creating dead product is incredibly high. In our previous article devoted torole of icons in UI we mentioned: the best chefs always say that everything put on the plate should be edible. According to the latest trends, we support the same idea when it comes to icons as well as the other elements of layout: everything that is put on the screen should be functional. Therefore, any icon used in the interface should have its meaning and function. Without it, an icon is just a kind of empty stub, making the layout of the screen or web page dirty with the unnecessary elements. This philosophy works well with other interface elements like copy, illustrations, photos, animation, color combinations, typography choices etc. Here we have collected 10 different UI design concepts accomplished by studio designers. They represent different aspects reflecting topic of food: some of them are devoted to cooking theme, some present the direction of eating out, the others are connected to selling food. The nature of functionality platforms are also different: the concepts feature interfaces of mobile applications, websites and landing pages. If you are interested to see more details, just follow the links. Let's review them all. Bon appetit!
GIF for Restaurant Menu The first of presented concepts is a mobile application for restaurant visitors. It features animated interaction with the screen presenting basic view of restaurant menu. The names of categories are presented via effective combination of highly readable copy and clear meaningful icons for quick visual perception. Simple design with animated accents which immitate interaction with physical objects is a good way to bring positive user experience.
GIF for the Resto App Another piece of interaction for the same app shows one more block of its functionality. It's a simple restaurant app for checking in and receiving feedback from clients and visitors of different restaurants. The main idea was to provide a simple and easy-to-use interface based on animation and color accents. Restaurant profile shows how many visitors were there and how many of them liked it. The whole app enables to vote for several different features of each restaurant such as "cuisine", "drinks", "comfort", "service" etc. Visual support with high-quality photo content featuring food and drinks enhances stylish looks and feeling the theme.