I wanted to use a website that I use fairly often! I online shop a lot, and I visit this online boutique on a daily basis to see if they have anything new. I know, I may be obsessed. It has such cute clothes that are reasonably priced. The store is called Hazel and Olive. Here is what the site normally looks like:
With the help of the “Goggles”, which I have to admit, were SO cool to use, I inspected the code of the Hazel and Olive website!
I was able to change the text and move around images, which was so cool once you figure out the coding. I decided that since the name of the store is called “Hazel and Olive”, I wanted to recreate the normal clothing store website into a Olives website. Yes, an olive website. (I also have to say, I hate olives, so this was interesting).
I changed the clothing headers into different types of olives you can buy. I swapped the pictures of girls in dresses for pictures of olives! I inserted Olive Recipes and even Olive costumes since we are so close to Halloween. Here is a close-up of what I did through the goggles:
What I didn’t alter from the original website was the title! I wanted to show that I took one person’s story of the title “Hazel and Olive” (in this case, the owners of the shop) and then make my own story. When I first heard of this cute store a couple years ago, I automatically thought it was a store that had some association with olives. Even though its pretty literal; it’s why I chose to recreate the site with an overload of olives! This secretly made me want to design my own website. I think I would actually be pretty good at it if I could get a little more patience!
Here is the recreated Hazel and Olive website. Yay olives!!