I took a look at examples of café websites to get an idea of the look and feel a café is a supposed to have. Color schemes were also analyzed in this phase and a theme fitting of a café was chosen.

I began creating a skeleton site to generate both a basic layout and seeing how the content would work on the site. I used basic blank divs with background colors to represent where images would go. Working like this allows me to spend more time working on the layout and making sure it fits and flows well enough and less time in between searching for images to place.

I gathered royalty free images from unsplash that I figured fit the café theme of the website, and added them in appropriately, replacing the blank divs from the layout design portion.

After all was in place, I began working on the styling and scripting. For the most part I worked on styling first, but sometimes the two overlapped when dealing with class toggles, etc. For styling, I mainly focused on adding colors and touching up the layout styling. I also added some parallax effect on some sections. For scripting I used JavaScript to create a rotating image gallery to be used as a hero image on the front page