Once the web design has been implemented, and the content and media added, it is then appropriate to test the functionality of all aspects of the site. This requires extensive testing and logging of results to troubleshoot any problems that might occur with loading, links or other issues. I will test my own site pages and fill out a testing grid, which would ideally be given to a client to ensure the website is functioning as it should be.
I ran through the links, testing each one in turn to see if they were loading correctly, taking me to the correct destination and recording in and categorised my findings into a grid.
I also screenshot some of my tests:
My site on Chrome:
My site loaded on Safari:
My site loaded on Firefox:
My site loaded on iPhone Safari:
The external links to my social media pages take me to the correct destination and make it east to navigate back to me site as they open in new tabs:
After successfully testing my site, and ensuring that all the links are functioning are they should be and by running the website on a few browsers and platforms my site is ready to go live.
Testing contact form:
Anchored at the bottom of every page is my contact form, I ran a text to see if it was functioning correctly:
Above I have filled in the contact form with a test message
Upon clicking ‘send’ a message appears and the form refreshes.
Checking my inbox linked to the site the message was received, therefore the contact form is working successfully
I believe that I have created a successful website during the course of this unit. The purpose of my site was to create a portfolio for my creative work that I have created during this course and that I can continue to use as I progress into HE.
I consulted examples of film and photography online portfolios to understand how they function before designing my own, this helped inform both my creative choices and helping me pick a hosting service most effective for an art/media based portfolio. The researching and developing stages were essential in understanding the requirements of the functionality of my site before any of the design process began. I believe the planning and researching into different hosting packages, platforms and costs was good practice and reflection of a professional procedure.
The purpose of my site was to serve as a portfolio for my creative film and photography work, and I believe the site serves as this purpose both in aesthetics and functionality.
It features my most recent and most successful video piece on its landing page, which suited my intentions and requirements from the site exactly. It allows the visitor quick and easy access to view my work with clear ‘play video’ links, within and in built gallery feature allowing the video to be viewed immediately. As my portfolio needed to showcase my work, the site is functioning exactly as it should be and serves its purpose.
One specification I kept in consideration throughout the planning process was to create a clean, simple and professional looking site that reflects portfolios already within the industry. This informed the theme I chose, and all the subsequent design choices I made after this, including layout (not cluttered), colour palette, fonts etc.
I believe the legibility of the website is consistently accessible, during the design process I specifically chose a colour palette and sans serif fonts that would make all the text clear, and it appears to be successful from the extensive testing. Importantly, the layout and fonts remain clear and accessible when I view my site from a smartphone, because of the responsive design of the theme, designed to run optimally on all devices. This is important as many people now access the web from smartphone and other handheld devices.
The main purpose of my site is to present my creative work in a way that looks visually dynamic, and to provide information about myself as an artist. This informed my choices and design process to create a site that was easy to use, and not over complicated. Creating a simple and functional menu system was important to ensure visitors could easily navigate around myself. Planning out the structure of my pages and thinking about links, making sure to create site loops back to home and to load external links on separate pages enabled me to effectively create a functional menu system. I chose only to have a few pages, not wanting to overcrowd the site with information or distract from the work that is featured on there. The menu bar sits at the top of the site at all times, making each page accessible and easy to navigate to from anywhere in the site, there are no hidden pages or pages that require more than one click to navigate to, meaning the visitor doesn’t have to work too hard to find content or information.
The galleries in my site, allow quick easy browsing and also allow my work to be viewed full screen, I believe this is one of the strongest features of my website as it presents my work in the strongest way, which was the main requirement of my portfolio.
Upon reflection, if I could redesign aspects of my site or change a process in the development of my website, there are a few things that I would take into consideration. Firstly, there are several choices I would have made differently if I had an extended budget, I would purchases a better domain name rather than use the one provided free with the hosting package. This would better increase my google search-ability and hopefully push me up the results page;
As you can see my site is not year loading on the first page of google results, a domain name would certainly improve this. Secondly a bigger budget would also give me the freedom to entirely create a website from scratch and host it on a server that doesn’t include advertisements on my site, I feel the adverts make my site look slightly less professional and can be distracting. However, I am happy with what I have achieve despite my restrictions in budget and believe I have created a successful, functional portfolio site that has a good aesthetic design too.
I will continue to improve, update and use this portfolio as I progress into higher eduction and into the industry.