As a graphic design website, I had to let the artwork speak for itself. In that sense, the background and layout of the website had to be simple, so the artwork could shine.
Homepage – I wanted the homepage to be just the simple introductory page. Not too much but not too little. I gave myself a specific style guide that I adhered to throughout the page. The colors I chose, #0000ff (blue), #fffbaf (light yellow), and #ceffaf (light green) are shown on the page, displayed in a way that it makes sense and is easy on the eyes of the users. I decided to add a short News section, to show that the website is current and I made it green, so it stands out against the gray background. I also added a short section that identifies who my uncle is and why he has his own website.
Portfolio - I made this part of the website stand out because it doesn't follow the same flow as the rest of the webpages. I didn't want the portfolio, the legit images that have been used in successful businesses, to be compared to the image gallery because of their importance. The images on this page are valid and cannot be recreated by anyone unless they hold the rights to the images and as such, they should stand out above the rest. I still think they're easy to see and the website is easy to navigate. Users can also click on the images to get a better view of them, to see all of the details and such. I wanted to keep this page as simple as possible and I believe I succeeded.
Image Gallery – For the image gallery, I wanted to show off simple works of art that people could identify with. It shows what my uncle enjoys doing. I made the images scrollable, so that a user could go through them at their own pace but I also made it timed, so that the images change every 6 seconds, to add some pizzazz. I also added some additional information to the images that are shown in the image gallery, so that the users could hear stories as to why or how these personal creations came about. I think it slightly engages with the users, because it’s like my uncle is directly speaking to them. I also added a tutorial video at the bottom of this page. The video I added specifically uses Photoshop and it shows their own personal technique on how they created specific well-known characters that I believe flows nicely with the image gallery. I wanted to show off the creations so I kept the layout and style of the page extremely simple by having everything in either black or blue text.
Social Media – For this page, I decided to change things up a little bit. Every page I had was either mostly text or mostly images. For this page, it was going to be nothing but text and I thought that would be rather boring for a graphic design website. I decided to add some creations that my uncle made to the beginning of each section, making sure that the colors used was of the chosen blue, yellow, and green variety. I placed the images inside of a shadow box, to spice up the images a bit and make them stand out more. I think this page was all about engaging with users and explaining why they should also follow him on his other sites, along with his personal website. I even included ‘direct’ links to his other pages, so the users wouldn’t have to go out of their way to search and find him. I think that makes this page relatively easy to use because they see exactly what site they should follow and how to follow it.
Prices – I added more color to this page than the others because I felt like this page was feeling rather-lackluster without it. I went with the green for the table because the yellow seemed to be too bright, but I did add the yellow to the hover functionality. The website directly engages with the user because of the Javascript submit button. When the user presses the submit button, there’s a pop-up box that verifies if the user wants to log in or not. When the user presses ‘ok’ or ‘cancel’, text appears on the screen that says exactly what they chose to do. The table itself makes it easy to understand because users can hover over the Package they’re interested in and not lose track of which package they’re reading thanks to the hover color. It also specifically shows if an item is on Sale, so users can decide if they want to wait until a new Sale time period begins or not.