Post 3 | Implement pages for the website | Project 3

Implement pages for the website



 Following is my current page setup before meeting with my client, my main goal was to put something together to have them critique before I start getting into the advanced aspects of the website design.

 I am using the client's current website content for temporary placeholder info while I wait on the possibility of new content from them in the coming weeks.


Home page
Smokehouse page (history page)


Products page, includes product description & picture


Recipes page (ingredients, method & description)

Mapua page
The grey box with an error is a google maps plugin (showing where our store is) that I have not properly configured yet


Contact page with more detailed contact information, possibly can be fleshed out with images to make it not look so bland on the eye.

Comments

Post a Comment

Popular posts from this blog

Post 4 | Implement navigation for the website | Project 3

Image
Implement navigation for the website Pictured above is the simple navigation for the current website iteration, due to the minimalistic approach towards creating this website there is one consistent menu at the top of the page across the website, this menu also follows the user down the page as they scroll away from the header. As displayed above, upon a user hovers their mouse over a button it highlights blue, promoting affordance to this action using a universally positive color. The font chosen is kept to a readable standard for usability purposes, all lower case characters are being used in order to promote a slightly more relaxed feel to the browsing experience. Mobile mode navigation I have customized the navigation menu in mobile mode to encompass an intuitive process for mobile users, the menu contained all the regular links from the normal sized webpage is clearly labeled 'menu' along with the burger style icon which is known as the...
Read more

Post 6 | Add a Contact form | Project 3

Image
Add a Contact form (12 marks) (Recommended resource: https://wordpress.org/plugins/search/contact+form/ ) Blog: Explain how the form was added and how you made it fit in with the sites look and feel. I have chosen ninjaforms to add a contact form to my contact page of the website, this specific plugin carries the simplistic design whilst also being easy to change for other needs if the site owner requires in the future. Here is the plugin incorporated onto the contact page, due to the main content theme being white is was rather easy to slot it into the page without too much worry over colour themeing, although I would like to look into making it more compact to help keep the page feeling comfortable. The main page of ninja forms interface allows for easy management of multiple types of forms. Further customization of each element making up the contact form is available, including display options, restrictions of characters allowed inside the input box as well a...
Read more