Cava Website Redesign
With it being one of my favorite restaurants, you can only imagine my excitement when I was tasked with redesigning and condensing their website into one page for my first project of my web design course. Yet, how could I take on such a task all while shifting it aesthetically?
Screenshots of current CAVA website
Screenshots of current CAVA website
Screenshots of current CAVA website
Background Research
One of the first things I tasked myself with doing is picking what I felt to be important information to be on the website. This essentially boiled down to a handful of topics revolving around the company’s mission, what they offered, and how to find or contact them. From there I gathered intel directly from their website so everything you read on this redesign is true and reflective of the brand.
Once there’s an understanding in content, I was able to move into the first part of the designing phase which was a very very rough wireframe. My concept was to turn Cava on it’s head. I wanted to invert the color of the font and the background to provide a more fun and personal approach that I feel Cava to have. This included having a plethora of images that give the illusion of a photo album that shows every stage of Cava and what makes it great.
Where is the Flavor?
For the first version of the redesign, I stuck true to my original intentions but put in rounded corners on many of the images as well as a shadow to give the website a very weightless and 3D look. While in this moment, I felt as though it still needed some more adjustments to make it better than it may already be. That is when my professor asked how we can make the images more personal to Cava. What can I do to associate it more to their brand and their food?
Food was exactly the answer. I then decided to change the images to appear solely in rounded triangle shapes that you can see in the final product below. “What does this resemble?” you may ask, their iconic pita chips!
Lunch is served!
For the final product, I wanted to try my hand at more of the features that Adobe XD has to offer. I decided to add more elements that would change when hovered over or clicked in order to create a more immersive experience for the website. Similarly, I decided to further brand the infamous V in their original logo throughout the website as a sense of cohesiveness.
View the final product on your browser here. (Works best on desktop as opposed to mobile)
