Design Considerations
The client wanted a mobile recipe site. We took advantage of Responsive Web Design principles to create a design that works well when viewed with desktop/laptop web browsers, as well as on iPhone and iPad in both portrait and landscape orientations. We built the site as a reusable platform for further recipe-driven sites.
![recipes mobile](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/2985538090383.560b713f42b3d.png)
Navigation View (on iMac), Recipe View in Portrait & Landscape (on iPhone)
![recipes mobile](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/b0338a8090383.560b713e600b6.png)
Navigation View (on Desktop/Laptop)
![recipes mobile](https://mir-s3-cdn-cf.behance.net/project_modules/disp/0f43ba8090383.560b70d3a7cf2.png)
Recipe View in Portrait (iPhone)
![recipes mobile](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/7e21c68090383.560b70ba11bf1.png)
Recipe VIew in Landscape (iPhone)
![recipes mobile](https://mir-s3-cdn-cf.behance.net/project_modules/disp/323d4e8090383.560b713feb45b.png)
Recipe View in Landscape (on iPad)