- User Experience Design
- Responsive Design
- Mobile First Design
The objective of this project was to create a one-page responsive site that is compatible across all devices – desktop, tablet and mobile. This project ties together two things I am passionate about: good food & responsive design. I designed this project with flexbox to create a masonry grid layout (inspired by pinterest) which is based on columns that don’t have fixed height rows. I used a lightbox to showcase the images. With a responsive design approach, I disabled the lightbox on specific screen sizes and switched in a responsive navigation bar to bring together a functional user experience.
I incorporated colorful food imagery to bring out the vibrant theme of this project. I also used a hover effect on the images so that users would be inclined to click on the photos to enable the lightbox.
A black, white and gray color swatch was chosen for this project to keep the design minimalistic against the vibrant colors of the images.