For my initial website design, it was decided that in order to make this consistent with other socials, that this should also utilise elements that feature within my personal branding. For instance, the banner at the top of the website has been made yellow in colour, the same shade which features in the background of my personal branding logo. On this banner features my logo alongside clickable links to various pages, such as my portfolio of work, an about me page, my design Instagram and a mailto link. This homepage also features a slideshow of a few of my favourite selected projects which instantly shows the audience a glimpse of the sort of work that I create, whilst these images also act as clickable links so if someone were instantly engaged, they can click on the image and see more information on the project.
In addition, the homepage features a pop-up box which includes a short description of who I am as a designer and my practice, alongside two other links to my design Instagram, as well as my LinkedIn profile if anyone were wanting to find out more about my practice and/or collaborate.
This same information was also added to an 'about' page in case the small pop-up was not seen by the audience and therefore potentially avoids the problem of someone not being about to find out more information about myself as a designer. However, unlike the homepage box, this page features my educational background, as well as another mailto link, which has been created in a more playful way for in order to access my email address, the user has to click on the imagery also created as a part of my branding. It was thought this would add a small element of engagement, experience and playfulness to the website.
For my portfolio page, a selected amount of projects were chosen which were thought best shows off different elements of my practice. This page was attempted to be kept consistent through the way projects have been arranged, keeping all the darker background images to the right-hand side column of the page, whilst the lighter backgrounds to the left-hand side. As these images are hovered over, the names of the projects change colour to one of the colours featured in my branding, again for a small element of consistency and playfulness, whilst also being a practical element in telling the user what project they have selected to view.
Once a project is clicked on, this redirects the user to a different page which features more imagery of the project to show this in full and so the user gets a wider understanding and viewing experience of the project. In a similar way to the pop-up information box on the homepage, each individual project page features this same pop-up box, instead containing the elevator pitch type descriptions developed for each project to give the user a clearer idea of what the project is about, whilst not compromising the use of imagery since this can be clicked on again to be made to disappear. In addition, if the user wants a better look at a certain image, these can be clicked on to open up a larger image.
A custom domain name was also given to this website, in order to make the site seem more professional, keeping this simply as my name for ease if people are potentially searching for my name in which then the site would appear in their search results.
No comments:
Post a Comment