Today I started to create the wireframes for my website, I am building a multi-paged website so I will have to create a wireframe for each page. This is the home page… this will include the basics of the website with a navigation bar that links to the other pages. Also it will have the other partnerships at the bottom and in the middle will be different portals.
This is the “About us” page wireframe… I wanted this layout for the about page because I thought that it looked very organised and tidy and also the information is set out well. I also got feedback from the client and he agreed with this wireframe, Also I got feedback from some of my class mates and they agreed with this design too.
This is the “services” page wireframe, I chose this design as it is very organised and tidy, however the first design I chose for this page didn’t meet the clients expectations so I changed it and replaced it with this design. Also I got feedback on this design from some of my class mates and they agreed with this design too.
This is the “products” page wireframe, the client agreed on this design when I asked for feedback, also some of my classmates agreed on this design too, however on the design I originally showed, some of my class mates disagreed with it so I asked what could be better and then I worked on it from their opinion.
This is the “contact us” page wireframe, I got feedback on this page from the client and again some of my classmates, they all agreed with this design as a contact us page because not only does it have the contact numbers/emails but it has a contact for so people can give easy feedback and/or suggestions.
I have also created a few other designs on paper but this is the layout and design chosen therefore I will be using this one.
Today, I started to create the prototype for my website, I cant add the full details to the prototype at the moment because the client has not given me all of the contents at this time, but it will all be added.
All of these prototypes have been approved my the client and some of my classmates and I also got good feedback from them on the designs.
this is the home page…
this is the services page…
This is the products page…
This is the buy now page…
I have now completed building the first and second page of my website, the first page is the “home” page and the second page is the “about us” page.
The home page…. For this code, I have used the software “Brackets” I used this because I find it the easiest and easier to understand than other software’s. I used the basic structure of the code for all of my pages as I wanted it to match well together and also to look nice. I worked on this page by typing the code out and then for the following pages I copied and pasted it but then changed the content in the code to then change the contents of the page.
The second page is the “about us” page and for this I also used the brackets software… on this page it will include just the basics about the company. For this page I just had to gather basic information from the client and shorten it down together so that I could make this page. it basically just shows how they work and what type of things they work with.
Next, I have built the “Services” page for this website, I again used the same software (Brackets) as I find it the best one to use… This page is just to show what services the company provides. again, for this I had to gather the information from the client so that I could add this important page so that the customers know what the company do and how it all works.
Next, is the “products” page, I have also used the software Brackets again for this page as it will all work better together if all of the pages are in the same software and also because brackets is in my opinion the best software for coding. On this page it just basically states what the company is offering as their products.
Next, is the “buy now” page, I have used the brackets software to build this website page… this page is basically showing you what you can buy and how you can buy it as this website is not used to buy directly from them, it just shows the best places to buy from and the easiest way.
This next page is the final page of the website, it is the “Contact us” page, I used brackets software to build this page and on this page it include the companies contact information but it also has a contact form so you can email them straight from the website…
My Blog 