![A man holding a phone looking at a recipe on the Max Makes Munch website](https://cdn.prod.website-files.com/62bc561d51c61c09fc3aa928/63dffca61693d14b1608bdd7_mmm-risotto.webp)
Food blog with a cookbook-inspired look
Max Makes Munch is a pandemic project of Max Smith-Cordell, Studio Smith-Cordell‘s founder.
Max wanted to rethink how the typical food blog is designed and built from the ground up. The idea was to create recipe pages reminiscent of a cookbook — designed to be easy to read and follow. User Experience (UX) was the primary focus, especially for mobile devices.
![Max Makes Munch](https://cdn.prod.website-files.com/62bc561d51c61c09fc3aa928/62e1621ce774f6446e4e55d2_max-makes-munch.webp)
Mobile-first website design.
While users may frequently discover recipes using computers, Max theorised that many home cooks rely on their mobile phones within the kitchen. Therefore, an app-like navigation was implemented on the bottom of the screen for the mobile breakpoint. This makes website navigation more convenient for users holding their phones in one hand. For convenience on smaller screens, the recipe method and ingredients switch to a tabbed layout to reduce the need to scroll. In addition, responsive image delivery allows the website to load swiftly while maintaining the food photography quality on all devices.
![Max Makes Munch](https://cdn.prod.website-files.com/62bc561d51c61c09fc3aa928/63dffb7f01f0369a2cdb3837_mmm-hero.webp)
![Max Makes Munch](https://cdn.prod.website-files.com/62bc561d51c61c09fc3aa928/63dffb85d2a0ebe4a9f723d9_mmm-recipe.webp)
![Pistachio and Asparagus Risotto](https://cdn.prod.website-files.com/62bc561d51c61c09fc3aa928/63dffca61693d14b1608bdd7_mmm-risotto.webp)
![Beef Cheek Chilli on a bed of white rice](https://cdn.prod.website-files.com/62bc561d51c61c09fc3aa928/63dffcaad3e9be610a8618ef_mmm-chilli.webp)
![Max Makes Munch](https://cdn.prod.website-files.com/62bc561d51c61c09fc3aa928/63dffe9501f036c33ddb70e5_mmm-brand.webp)