This is an assignment I did for my university. I was provided with a logo and inspirational pictures to ultimately build a website for a fictional brand called Theodore Eurobakery. First, I found and added more pictures for inspiration. Then, I found similar typefaces to the one for the logo and found a color palette that matched the aesthetic of the pictures. I combined all the assets on the mood board below.
Next, I created the style tile below showing some ideas for how the website might look. The tile includes possible heading typefaces, body typefaces, hyperlinks, colors, patterns, and mood words.
Next, I made a series of wireframes that show how the website layout could look. I made four in order to test multiple layouts.
Lastly, after receiving feedback from my instructor, I made the following final website mockup. I applied the images, colors, patterns, and typefaces from my mood board and style tile to the mockup.