The aim is to create a simple, aesthetic art portfolio for an artist to showcase some of their work and provide contact details to prospective clients.
You can view the deployed website [here](placeholder for GitHub Pages deployment)
/Placeholder - site displayed on multiple devices/
#
The work of the artist will be forefront. Navigation will be simple and clear. A gallery section will display multiple examples of the artist's work, an About Me/Blog section will provide updates on the artist's current and recent projects, and there will be a contact page with a call-to-action encouraging making contact with the artist to commission work.
#
#
Header
Nav bar
Footer
Appears on every page with link to contact page and all social media links
Home Page
Hero image - Showcase Bobby at work and call-to-action for differeing users (More about the artist, make an enquiry, view gallery)
Hero Text box
About the Artist - Name and Profile image on left with some honours listed below, information on right. Introduces the artist to users. Also link in about text to contact page highlighting availability for work.
Gallery - Simple easthetic to highlight the art. Allows the user to see multiple examples of the the artist's work.
Contact - Allows the user to contact the artist by form. Radio button to tag the nature of the enquiry.
The priority of the artist/client is to showcase their work. We decided that a clean, monochrome style would highlight the colourful work of the artist. The dominant background colour will be grey, header/footer will be a significantly darker grey, text will be a very pale grey and appear over the same darker grey used for the header and footer; this will maximise contrast and visibility while not disctracting the eye from the art on display. The artist would like this site to generate both awareness and work, so prominent buttons will appear on the landing page directing the user to the appropriate page. The contact form page should have a required radio button for "nature of enquiry" to allow the artist to filter their incoming messages.
-
Hero image -
About Me -
Gallery -
Contact -
Google Fonts - provide all of the fonts for this website.
Font Awesome -was used for the site icos.
Github - was used to store the project code.
Balsamiq - was used to create site wireframes.
/Shutterstock and Unsplash photo - was used to for all images on the website./
Am I Responsive - to check if the site is responsive on different screen sizes.
/IMG2GO and Tiny PNG - these sites were used to help me compress the images/
/Free Online HTML Formatter - was used to correct indentation issues and get rid of too much whitespace/
The W3C Markup Validator and W3C CSS Validator Services were used to check my code for syntax errors in this project.
As a new user of this website, I want to quickly and easily view examples of this artist's work.
Desktop,Laptop View
Tablet View
Phone View
As a new user of this website, I want to quickly and easily be able to contact the artist if needed
As a new user of this website, I want to easily be able to learn more about the artist themselves.
As a new user of this website, I want to follow the artist on social media so I can keep up to date with the latest information
Design improvment-
For the Gallery Lighthouse report-
Warning :
Warning :
Value Error :
Warning :
Warning :
Warning :
Warning
-