Final Critique

After presenting my final project, I've received a lot of criticism and positive feedback on all of my pages. Some of them were clear oversights on my part, but others were great ideas that I never considered. Some of the criticisms I received are:

• Center my navigation bar
• Banner is too empty in the middle
• Home background color is different from ticketing and schedule page
• Lower opacity of texture on my schedule page
• Some text is difficult to see in the footer due to similar colors
• Some tab titles are misleading
• Needs more consistency across pages
• Links on home broken
• Missing favicon

Overall, i'm very satisfied with how my final project had turned out and I definitely think it was a huge improvement from my last website. I've definitely learned a lot more through this experience and will carry on these skills when creating my next website.

Week 11 Outside of Class

Outside of class I finished the rest of my wire-frames and created alternate versions of those as well. The images below are my wire-frames for the tickets page along with what it'd look like on desktop and mobile. For these pages, I had to find a way to include the many ticket options as well as illustrations for them. The difficult part was deciding how to fit all of that into one cohesive design. Since it was a lot of information to give to the user, where my illustrations would come in was a challenging, but I managed to figure it out.

 

Week 11B

Today I worked more on my wire-frames for my upcoming project. For my next website, i'm creating 3 different web-pages. These will be the homepage, schedules for movies and events, and ticket sales/information. I had already made good progress with them and know what kind of information i'd like to include on each page along with some illustrations. For each page, I had also created a version for tablets and for mobile, so there are three versions of each page. (Desktop, tablet, mobile) Below are my home page and schedules page, along with alternate versions of them when viewing on different devices.

 

 

Week 11A

In class, we started working on wire-frames for our website. It was actually challenging deciding on a layout for a website based around a film festival. I had thought initially that since it was a film festival website, it should incorporate more imagery than usual. But this website in particular has a lot of information that I need to present to the user, such as the scheduling of shows, tickets, and so on. It was difficult arranging everything in a way that made sense and didn't come off as cluttered, but i'm still currently working on it.
I had also received feedback for my sparkbox style assignment. Overall, it felt too bland and unmotivated, which I somewhat agreed with. It didn't accurately reflect the feel that I was going, since I wanted something more colorful and animated. Below is my revised version of the sparkbox assignment. In the final product, I do plan to incorporate more original illustrations and editing any preexisting images. But this is a better idea of what i'm aiming to create.

Sparkbox Style Assignment

On the side, I had also been working on a smaller assignment that showed what kind of colors and imagery i'd use in my upcoming project. Although I did touch on that a little bit in my visual inventory, this more accurately reflects exactly what it might be. The images I had chosen were screenshots from some of the films they have featured (Aside from the film reel which I had created.) The color scheme isn't a definite, since I was still playing around with different colors as well as gradients. On top of that, I still plan to add patterns on top of the colors too, so a lot is still subject to change and will definitely improve.

Week 10A

In class, I had spent the rest of the time given to finish my visual inventory. I had compiled it into one comprehensive video which is embedded below. Here, I explain how I plan to handle color, typography, layout and other elements. The most difficult part of the whole process was determining which websites would be a good example to show in my video, since many of them didn't exactly have what I had envisioned. Overall, I do think the examples I had chosen accurately reflected what I wanted my final product to be like. Soon, we will critique other student's visual inventories and give advice on what should be changed, removed and added.

Week 9 Outside of Class

I had spent this weekend working on my visual inventory even more. This time, I looked for examples to show how i'd possibly do the layout along with how i'd handle size. As far as layout goes, I was thinking of doing something similar to the Wendy's website shown below. I really appreciate how they had done the side-by-side, grid sort of layout. They had managed to do it in such a way where even though all of the content is close together, it doesn't feel overwhelming or cluttered at all. This is something i'd like to try in my project, as it looks extremely organized in my opinion. My idea though is that I would have entire screenshots stretch across the page rather than food. Similar to how they have one half of the column display food while another is a description, I think i'd rather stretch the boxes and one have one show the movie along with the description over-top of the image. Unfortunately it is a little difficult to explain, but i'll create examples soon. The next I had chosen was a good website that showed how i'd handle size. This is somewhat similar to space, but I wanted to have a large banner at the top of the website on the homepage. This would make it more unique and dynamic in a way.