- What are you most proud of on your product website? Explain what it is and why you are proud of that specific item. This could be a design, layout, image, navigation, etc.
- Looking back on the website process and after seeing other students websites, what would you have done differently? Would you have spent more time on it? Mapped out the original idea better? Explain.
- Thinking about just the "interaction" element of your website; meaning how the user interacts with the design and layout - where they click and how they navigate through the site. What did you do to make this easier on the user? What could you have done better to make the interaction of your site better? Explain.
- Think back to all the websites you looked at yesterday in class, was there a website that stood out to your or was a favorite of yours (besides your own)? What made it good? Why was it your favorite. Explain.
- If you were to give advice to future web design students about this project, what would you tell them? Why would you tell them that?
I am most proud of the fact that I finished my entire website on time with a lot of information on each page. I had a good amount of information and pictures on each page that I thought looked really well in the end. I also enjoyed my color scheme with the different color blocking. Overall, I am most proud of--if I had to pick something--was my small, medium, and large pages. I think the puppies for sale pictures I made were super cute and I loved the pages. I really did like my website and thought it was my best one yet.
I would have either put less information on each page or make less pages. Instead of 15 pages I had like 20+ and by the day it was due, I had to go back and delete some pages I did not finish because I had no time to complete them. I also would have made the references page first because going back and having to find each image on Google was time consuming and challenging.
All of my pages linked up with the right page and the navigation was big and on the top for easy access for the customers. Also my footer had a navigation bar so users could go to the top or bottom of the page to link up to new pages. I could have added other places to click on on my website. You could only click on the navigation bar and the two click here buttons for job applications. I should have linked up my pictures with stuff and linked the companies I mentioned in my website with their home website.
I really enjoyed Daniel's website. I loved his shop now page on the home page (that you made). I also enjoyed how the bottom of his website stayed the same, not just the footer but some pictures. I also really liked Frankie's. His was overall just a really good designed website and looks like one that would actually be used online by a shoe company.
The advice I would give to future web design kids is: DO THE REFERENCES PAGE THROUGH OUT YOUR WEBSITE. It is so challenging going back and finding ever single picture that I used off of different sites so just copy and paste the link right as you get the photo. It will help so much and save so much time.
Journal - Reflect on your product website so far. What have you learned? What do you like about your website? What have you found frustrating? What do you wish you knew before you started? Go in to detail about the learning process as you have built this site.
So far, I really like my website. I think the layout with the color blocking looks really well and I think it could be one of the best websites I will make. I have learned the ins and outs about tables and how helpful they are. I learned how to make tables within tables within tables to create different spaces and places for text and pictures. I also learned how to make a good navigation bar like on real websites. I wish I would have known that I did not need as many pages as I am making because I am making so many pages.
Journal - Tell me about the color scheme of your product website? What is it? Why did you choose these colors? How do these color relate to your target market and audience? How do the colors relate to the product? What plans do you have to make these colors work for your site?
My color scheme is full of blue's, green's yellow, red, and orange. I choose these colors because when I think of puppies, I think of bright and fun colors that everyone loves--just like puppies. These colors relate to my target audience because once again, they are fun bright colors and make people happy like puppies do. Puppies make you cheerful and happy just like these bright and fun colors! My plan for these colors is to use them as accent colors. My text will be black and my backgrounds behind the text will most likely be white. I plan to use these colors on my navigation bar, pictures, and other alternate things on my website.
Journal – what did you choose for your product website? What is your idea behind the site? Describe your site in a paragraph.
The product I choose to sell is puppies. I am selling all different breeds of puppies; but only puppies. You will be able to choose the type of puppy you want ranging from breed, size, color, and sex. You will also be given a brief description of the puppies attitude such as if they are high maintenance. You will also be given a record of all the training they have had--if they are potty trained, can sit, stay, go on walks well, and more.
Journal - What have you learned about copyrights when it comes to web design and images this semester? Why is it important to give credit where credit is due (even if it is a lot of work)?
What I learned about copyrights this semester is every picture has different rights. Some pictures have all rights reserved meaning we are not allowed to use them without siting where we got them from. Some have some rights reserved so we may use them. Others have no rights reserved meaning we can use them as well. Websites such as Flickr and Google have special searching tools to look for pictures that only have few rights reserved so people can use them.
It is important to credit where you got the picture from because if you don't: one- it is against the law and you could be sued for stealing someone else's work; two- it is not your picture, someone else took it, so you should give them credit for doing so.
Journal - Tell me about your Homecoming weekend (whether you went to the activities or not!). Tell me about what you did over the weekend.
Friday I went to school but had to leave early for the parade. I was apart of the parade on the senior homecoming float as a mime for the circus theme with a two of my close friends. After that, my friends and I went back to my house and got ready for the football game. Sadly we lost the game but I still had a good time. After the game, I went home to get some beauty sleep.
Saturday I had to play in my soccer game at 9:00 a.m.; it was freezing but we won so it was okay. After my game, my bff Lauren and I went to Jose Peppers and got some lunch then after went to get my spray tan done. After my tan, we came back to my house, painted our nails, then started getting ready. Lauren and my dates came and picked us up from my house and we all went to pictures together. We had around 40 people in our group. After pictures, we went to dinner at Fugo de Chaio. After dinner, we went to the dance then our after party after that.
Sunday morning I had another soccer game at 9:00 a.m.; again, it was freezing and we lost so it was terrible. After my game, I came home slept, ate, and did homework. My brother came home from college around 5:00 for his birthday and we went to dinner as a family at Cheesecake Factory. After that, I came home and went to bed.
Journal - Go Google "website wireframe". What do you find? Look at images and web content. What is a wireframe? How can a wireframe be helpful and give you ideas when creating and designing a website?
I found a bunch of different website layouts; templates for different websites. Some of the layouts are hand drawn on paper and others are customized on the computer. On the links that pop up, the first is Wikipedia (of course). Wikipedia's definition of a website wireframe is "A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website." My definition of a wire frame is a template visual of the type of website you are wanting to create.
A wireframe can be helpful by letting you map out each step of the process so you are not just winging it. You can get caught up and confused over all of the different parts of making a website and you can have so many ideas and lose them all if you do not write it down. Wireframe is very helpful for website creators or even students like us creating websites that we have no idea on how to do.
