My first ever attempt at web design was in 2014 during this web design project on Personal Heritage. We were instructed to set up a few prototype pages of a personal website for ourselves as designers. In doing so we had to use our personal heritage and inspiration from our own lives to construct a brand and website for ourselves as designers. For this project I created 6 pages in total, using Dreamweaver. Most of my personal heritage inspiration derived from my childhood home and my architect parents. In retrospect I probably used the wrong coding techniques in most of these pages, but my page worked regardless, and I have come quite a way since then with my knowledge on coding, HTML & CSS, but still have much to learn - which I am eager to do!
On the home page (below) I have used a rough sketch of the woodwork on the front of my childhood home (grey). The "EW" used for my logo is also based on a section of woodwork from the front of my home, vectorised and coloured in the colours my house used to be painted when I was younger - A light blue and greyed orange.
When clicking on my name - Edith Wasserfall - on the home page, or on the 'about' icon, you would be brought to this page. This page functions as a brief introduction to myself and makes use of an enlarged section of the logo and a photo of myself which changes every few seconds.
If one should click on "HERE", you would be taken to the page below, a brief summary of some of what inspires me most as a designer. This page once again re-uses the logo in a different way, and also has an old building plan of my childhood home in the background.
When clicking on "WORK", you will be taken to my portfolio page as seen below - with different categories to click on. Using once again the logo, superimposed onto one of my favcourite building plans done by my mother.
The page below is a sample page of what it would look like if you clicked on one of the categories - this one in particular being an example of the Illustration category. Within this there are subcategories which are highlighted when hovering above the image ( Urban, Figure & Abstract were the examples I used, and these are actually my drawings used ). In theory, clicking on a subcategory would then take you to a page filled with this specific variety of illustrations. However, this function was not actually applied for the purpose of this project.
This is the final page of the website - the "CONTACT" page. A sketch of one of my father's early ideas for a building is imposed into a section of the logo and my information is provided for possible clients to potentially contact me for work opportunities.
