OUGD602 - Study Task 01 - Time to Get Online - Website Development

Once a basic design strategy was in place, I was then able to start putting my website together.


For the background of the homepage, I used the image of the vintage cadillac as I felt this gave the site not only a retro feel but a Barbie-esque vibe too.

I then placed the image I created with my branding on infront of the background. I made this into a basic GIF in which the text in the middle of the image moved around slightly, to provide another dimension to the site and make it feel interactive.



Once you ran your cursor over the GIF, it changed to slightly translucent, and you clicked it to enter the site.

The next page was a contact page, which I felt would be the next best thing for the visitor of the website to come across. Putting your contact details straight out there suggests you are open and friendly (and also makes them easy to find!).

I came across this image online which I just loved - the washed out, vintagey feel along with the LV logos went with the vibe of the site perfectly.

I put my name and contact info over the image.




Once on the site, I added some interactive buttons next to the text that the user could click to take them directly there (to instagram page etc).

I also added the same background image as the one I had used for the info. I just felt this looked best visually and added another dimension to the site.




Once the user had pressed the arrow button next to 'archive', they were then taken to the next page, which was a project named 'Nature Feels'. I created this collection of 6 collages specifically to go on the website. I wanted something that best matched with my own personal branding and the whole vibe of the site. I used another 'boujee' Louis Vuitton picture that I edited in the same washed out colours to link with the previous page.


Background image.


Archive page;


On this page all 6 collages were placed in a grid formation so they could all be viewed together as a collection.

Once the user clicked the arrow button underneath the project name, they were taken to the next page, which contained a short description of the project on a Bokeh-style vintagey background.