kwynne1

Final

1. Hotel Homepage and Internal page

2. Parallax

3. Slide-in animation

4. Provost E-card

5. E-commerce Home and Internal page

6. Scrollorama

7. Isotope (to fix loading problem with images, click in URL box and press ENTER)

8. LayerSlider animation

 

Also, here is my flash document download for the provost e-card. It’s a very large file and will take a while to download.

 

Finally, here are my three blog posts:

1.

http://www.unitedtalent.com

http://www.apa-agency.com/default.aspx

http://www.circletalentagency.com

http://capitaltalentagency.com

 

I like the home page of United Talent the most out of all four. It’s simple and artistic and doesn’t bombard me with information that I don’t need. I think the idea of having a website work with a simple navigation bar and then provide necessary information with a shadowbox-like effect. I think the presentation of the website’s information itself is the most creative, but it is hard to read bold white body text on a black background. Also, I think that the text boxes that pop up could be bigger for the screen as well, because almost all of them have scrollbars inside anyways.

The initial page for the APA Agency doesn’t thrill me too much. My initial thoughts were that it as a website for local actors, and not Oscar-winning actors and famous comedians that they manage. I would have liked to see a more creative or better-designed page with more space in between elements because everything feels cramped in the middle. Moreover, the headings for each page have uneven black borders and don’t feel like they relate to what the section is about (ex: the chairs don’t feel like they are describing what an “About” page is). However, I do think that their Comedy page is very successful. I like that it gives small thumbnail pictures for all their comedians with the name, and then the option to click to get more information. I think the presentation of those that they manage is very clean and simple.

The general layout for the Circle talent agency seems to be the most successful. The navigation is simplified to five main pages, and the colors and design of the logo are reflected in the color scheme of the website, in the fonts and the blocky-ness of the layout, for example the different tinted blue stripes below the navigation and the horizontal rectangles for each person in their “Roster” page. The only thing I found that needs to be improved was that the information on the lower half of the home page needs to be eliminated. The list of names is very long, and is just repeating what the site presents in the roster. That way, the “Latest News” section all the way at the bottom could be moved up and given some importance.

I like the small animation in Capital’s logo for the home page. The main problem with the home page is that the text is not consistent for the navigation. Some of the words are distorted and badly done from a typographical perspective. The navigation immediately changes in the internal pages, so I think that should be brought in to the home page. The “Designers” page has a nice effect by revealing names by clicking on the photos, but the alignments of the photos is inconsistent with the margins and the spacing. I think that this site has potential for the unique ways it presents its identity as a talent agency, but it needs the most refinement out of all four sites.

 

2. I’m critiquing Ted’s infographic from the beginning of the semester. You can see it again here. I think it is one of the most successful infographics out of the class. First off, the images he made were simple but clear, and in themselves looked like abstract art, which I enjoyed. Also, the idea to have all these colored pieces come together in the end was unique and fun to see. It closed the project nicely and helped to connect all the information that was throughout his slides. He definitely spent time on it and it looks nice. The only thing I didn’t like at first was that on the first slides, I didn’t understand the purpose of showing the filled circles, but I was able to figure it out. To be extremely nit-picky, in the last slide, the color pieces don’t line up with others in some spots (looking at the circles), but they do in the beginning of the project. I’m only saying that because I don’t see anything else that needed major improvements. If it were my project (and I wish it was!), I would try using a few of the colors in the title “Ted’s Life” or in the slides throughout, like the hours of the activities or the percentage information, just to see what it looks like. It would be to just get some more color in the text, because the grey and white are a little monotonous. However, I don’t think this is necessary because it succeeds without.

 

3. I personally don’t like to write a lot on the Internet, unless I have something important to say (excluding social media, which is mostly unimportant rants about life). But every time I go to write on a blog, e-mail, or post anything on the Internet, I am always aware that someone will read it. It’s true how much this “audience effect” that the article talks about can change what is written on the Internet. In most cases, people still write and post crap on the Internet without giving an audience a second thought, but I used to write a lot when I was younger. Even though I knew I was the only one who was going to read it, I always tried to write as if I had an audience to appeal to. It’s crazy how knowing that you have an audience can completely change the effort you put into your work and how you present your ideas.

Homework 12

Here’s my final animation.

For the blog post, I chose to compare the following talent placement agency’s websites:

http://www.unitedtalent.com

http://www.apa-agency.com/default.aspx

http://www.circletalentagency.com

http://capitaltalentagency.com

 

I like the home page of United Talent the most out of all four. It’s simple and artistic and doesn’t bombard me with information that I don’t need. I think the idea of having a website work with a simple navigation bar and then provide necessary information with a shadowbox-like effect. I think the presentation of the website’s information itself is the most creative, but it is hard to read bold white body text on a black background. Also, I think that the text boxes that pop up could be bigger for the screen as well, because almost all of them have scrollbars inside anyways.

The initial page for the APA Agency doesn’t thrill me too much. My initial thoughts were that it as a website for local actors, and not Oscar-winning actors and famous comedians that they manage. I would have liked to see a more creative or better-designed page with more space in between elements because everything feels cramped in the middle. Moreover, the headings for each page have uneven black borders and don’t feel like they relate to what the section is about (ex: the chairs don’t feel like they are describing what an “About” page is). However, I do think that their Comedy page is very successful. I like that it gives small thumbnail pictures for all their comedians with the name, and then the option to click to get more information. I think the presentation of those that they manage is very clean and simple.

The general layout for the Circle talent agency seems to be the most successful. The navigation is simplified to five main pages, and the colors and design of the logo are reflected in the color scheme of the website, in the fonts and the blocky-ness of the layout, for example the different tinted blue stripes below the navigation and the horizontal rectangles for each person in their “Roster” page. The only thing I found that needs to be improved was that the information on the lower half of the home page needs to be eliminated. The list of names is very long, and is just repeating what the site presents in the roster. That way, the “Latest News” section all the way at the bottom could be moved up and given some importance.

I like the small animation in Capital’s logo for the home page. The main problem with the home page is that the text is not consistent for the navigation. Some of the words are distorted and badly done from a typographical perspective. The navigation immediately changes in the internal pages, so I think that should be brought in to the home page. The “Designers” page has a nice effect by revealing names by clicking on the photos, but the alignments of the photos is inconsistent with the margins and the spacing. I think that this site has potential for the unique ways it presents its identity as a talent agency, but it needs the most refinement out of all four sites.

Hotel Zaza Critique

Group members: Kara Bucaro, Kaitlin Wynne, Ted Hanna

 

The margins in between photos in the gallery are too tight. It needs breathing room and more pixel padding in between each photo because all of those photos are hard to focus on. There is also no hierarchy in the photo galleries so everything looks equally important, and gives the viewer too much choice that is overwhelming.  http://www.hotelzaza.com/#dallas/photos?c=rooms

The opacity on information popping out from the side on these pages is inconsistent. The box that contains information on http://www.hotelzaza.com/#meetings (top image) is seen on most of the other internal pages like this, but not on http://www.hotelzaza.com/#houston/suites (lower image).

opacity 2

opacity 1

The line length for all of the pages that have information spanning the bottom are way too long and need to be edited. (see below image)

long line length

The calendar of events that scrolls across the bottom is hard to read; why don’t they just use a normal calendar that expands out? This view doesn’t allow to see a monthly layout with days of the week and is confusing to read. I don’t read it as an actual calendar.

calendar

The spacing between the small menu part and the text box below it does not match the gap at the bottom. http://www.hotelzaza.com/#zresorts/about

z resorts menu

The social media page has no real order. It should be organized by type of social media to be easier to read. http://www.hotelzaza.com/#socials

By |December 10th, 2013|homework|0 Comments|

Homework 11

Here’s my isotope. NOTE: It has some weird loading problem that I can’t fix, so you have to click in the url box and just press ENTER (NOT the refresh button, it doesn’t do anything). It’s being a pain but you should be able to see all the images after that. Sorry!

I didn’t know if we were supposed to do both an image design and the isotope itself, so I’m just doing the isotope. Because aren’t #2 and #3 for the homework kind of the same thing? Well I think so, so yeah there’s that.

I’m critiquing Ted’s infographic from the beginning of the semester. You can see it again here. I think it is one of the most successful infographics out of the class. First off, the images he made were simple but clear, and in themselves looked like abstract art, which I enjoyed. Also, the idea to have all these colored pieces come together in the end was unique and fun to see. It closed the project nicely and helped to connect all the information that was throughout his slides. He definitely spent time on it and it looks nice. The only thing I didn’t like at first was that on the first slides, I didn’t understand the purpose of showing the filled circles, but I was able to figure it out. To be extremely nit-picky, in the last slide, the color pieces don’t line up with others in some spots (looking at the circles), but they do in the beginning of the project. I’m only saying that because I don’t see anything else that needed major improvements. If it were my project (and I wish it was!), I would try using a few of the colors in the title “Ted’s Life” or in the slides throughout, like the hours of the activities or the percentage information, just to see what it looks like. It would be to just get some more color in the text, because the grey and white are a little monotonous. However, I don’t think this is necessary because it succeeds without.

Homework 10

Scrollorama

For my blog post, I’ll talk about how I got sick this weekend. I blame the weather and poms. I had to cheer at the football game this past weekend and was not dressed enough for the cold (and the same with the rest of my team). Two sweaters and gloves was not enough for four hours of standing in the wind and freezing cold torture. On top of that, the next morning (Sunday), we had to participate in the Turkey Run at 7:30 in the morning. The temperature was 30 degrees but with the wind it was 12. 12 degrees. That alone is ridiculous, and it doesn’t even include being outside for more than two hours. We danced before the runner’s warm-up and cheered on the runners, and even with three jackets and two pairs of pants on, I still got sick. It looks like my Thanksgiving break will be filled with DayQuil and sadness.

 

Homework 9

Here’s my ecommerce home page.

Here’s the internal page.

And my revised video game.

Provost final

http://interactivemedia.seancohen.com/fa2013/wynne.kaitlin/homework8/desk.swf

By |November 14th, 2013|_students|0 Comments|

Homework 8

Here is my final provost e-card.

here’s the zip for my game.

Homework 7

Here’s my final animation.

One of my favorite websites is Tumblr.com because it’s the best way for me to procrastinate on my work or kill time. There are a ton of pictures, gifs, videos, etc. to look at to keep my interest. The basic purpose of the website is very similar to Pinterest, but I prefer Tumblr because the layout doesn’t give me a headache (you look at two or three posts at a time on screen instead of 20-something) and it’s simpler to use because there aren’t boards or other things to post to; just re-blog and done. The design of the site is very simple, the buttons are easy to find, and it even allows a user to have their own freedom in designing the layout of their blog. I use this site when I’m at a creative block because there are a ton of amazing artists and new artwork constantly being posted, so I can look through photo tags to get some inspiration. There are also many funny posts and videos that keep me from losing my sanity, so this site is definitely my go-to when I need a distraction.

tumblr screenshot

Homework 6

Here is my sequence.js (Part 1).

Here is my desk (Part 3).

Since we did not have to do Part 2, I choose to write about what I did for Part 1. I decided to focus only on snow for this homework because snow is awesome. It somehow turned into a theme of “winter advice” because I felt like trying to make it sort of funny (my attempt at humor is a sad one), hence Randy from A Christmas Story and the kid with a snowball in his face. The snowman is there just for the sake of having a snowman, because snowmen always make a snow day better (even when you’re freezing cold and get pummeled by snowballs). For the background image, I chose a basic snow landscape because I wanted the background to not look out of place with children and a snowmen in the foreground, and I think the image I chose makes it look like these images are in the foreground of the field. It’s not the most realistic attempt, but I like it.

Homework 5

This is my sprite.

This is my parallax page.

Homework 5 blog post

I personally don’t like to write a lot on the Internet, unless I have something important to say (excluding social media, which is mostly unimportant rants about life). But every time I go to write on a blog, e-mail, or post anything on the Internet, I am always aware that someone will read it. It’s true how much this “audience effect” that the article talks about can change what is written on the Internet. In most cases, people still write and post crap on the Internet without giving an audience a second thought, but I used to write a lot when I was younger. Even though I knew I was the only one who was going to read it, I always tried to write as if I had an audience to appeal to. It’s crazy how knowing that you have an audience can completely change the effort you put into your work and how you present your ideas.

 

Homework 4

Here is my re-designed homepage.

Here is my rooms page.

Here is my mood board.

Interactive Media Site

A website that I just recently discovered and now love is The Wilderness Downtown. When I first visited the site, I didn’t understand the purpose of it, but decided to go with the directions on the site to see what happens. In order for the immersive media experience to work I had to put in an address, so I chose the house that I lived in as a child. I didn’t understand what the purpose of it was, but as the song started to play, different windows started opening to the music and showing individual elements that were all working together to tell a story. What I really love about this website is that I didn’t have to do a lot of work initially except put in an existing street address; the site itself did all the work to attract my attention. It used a ton of different animations to keep me intrigued.

One of my favorite elements was that the film was able to show the street view of the house I actually lived in when I was younger. It made the site more interesting because it was reacting to a personal element that the user added. Another favorite element that I enjoyed was the bit where I could write something in one of the browsers, and then simulated birds flew onto the writing. It was a clever way to create interaction between the user and the video. Throughout my experience with this site, I was constantly waiting to see what would happen next.

The only thing I wish worked better was the loading of the different windows, which were sometimes delayed because there was so much going on. However, the way that all the video clips and interactive elements worked together and were meticulously thought out was very impressive. It was a unique way to display a film through the advancements of the Internet, and everyone should try using this site at least once because it is the coolest thing ever.

Homework 3

This is my homework.

By |September 30th, 2013|assignment 3|0 Comments|

Worth 1000

I enjoyed this assignment because my first experiences with Photoshop were with photo manipulation and editing. I’ve never heard of this website before, and looking at all the work by other artists allowed me to see to see other people’s styles of photo editing. Here are the works that stood out the most to me:

 

Berry Lips by jclarkedesigns. Initially I was drawn to the photo because of the strawberry and I wanted to see how it was manipulated as a beauty product. I really like the fact that the designer put the strawberry seeds on the lips too because that makes it look like a realistic product and added texture to a smooth image. The contrast of the red with the skin and white background really helped catch my attention as well. When looking through so many images at once, that is what really drew me to this piece. Its simplicity is what makes it effective for me. It looks very well put together and professional, and the use of Photoshop isn’t obvious and poorly blended (which is a pet peeve of mine) so seeing the flawless combination of elements definitely made it one of my favorites.

 

Daisy with a Pearl Earring by whiteducks. I like this photo because the idea was creative in combining a cartoon character with a famous painting, and the end result looks very nice. The added cracking of the paint and canvas on top of the photoshopped portion, the changed color palette from the original painting, and the shadowing make the Daisy Duck figure look as if it was meant to be there.

 

The last dance by AlbertMuda. I love the creativity of using the mushroom as a skirt/dress, and the texture of the mushroom makes convincing clothing. The color of the top on the woman was well planned for making the photoshopping process look flawless. Also, I like the choice of the woman laying down like that because it looks like she is sitting. It looks much more realistic with the mushroom image than the others in that section with a similar idea.

 

This was a cool website and after doing this assignment, I definitely want to look into it more.

By |September 21st, 2013|assignment 2|0 Comments|

Homework 2

here is my homework.

By |September 21st, 2013|assignment 2|0 Comments|

homework1

Here’s my homework.

 

- Kaitlin Wynne

 

By |September 16th, 2013|assignment 1|0 Comments|