Friday, January 4, 2013

2013 Stewart Vandlen: Reflection of Sites



















Website #1: Digital Media Management

 I really like the use of color on the home page. The use of red on keywords looks very professional and doesn't feel forced or out of place. The use of the colors red and black also meshes nicely with the logo and background on the home page. I think this page would look a lot nicer if the word 'manger' were moved from under 'What is a' to the right of the word 'digital' because the black space in the upper right hand corner makes the page feel cluttered and messy, diminishing the aesthetic appeal of the web page. Another way to combat this black space in the upper right hand corner of the web page is to move the logo up an inch or two. If the logo were moved up, it would still look good to have the word 'manager' under 'What is a'. I also see another potential problem in the 'FEATURED POST' section at the bottom of the home page. The text of the current featured post is crammed into a very small vertical space, while there is quite a lot of unused space in the bottom right hand corner of the page. The page would be much more appealing if the text stretched further horizontally to fill the blank space. On the 'ABOUT US' page the bios are long walls of text while there seems to be plenty of room to the left of Luigi's bio. The page would flow better if the text ran further horizontally. Also, the font size is kind of small, and thus potentially hard to read for some views of the website. I really like the way the 'OUR PARTNERS' page is laid out with the icons of each person and website as a small square with social networking links to the right of each icon. One thing that would make the page more appealing would be spacing out the icons in the 'THEATRICAL' section from 4 icons on 3 lines, to 6 icons on 2 lines. The black space to the right of the icons is a little distracting. 





















Website #2: MobileiPhoneGuy

 I really like the background at the top of this website. It is very bold and unique, yet subtle and professional at the same time. Another thing I really liked about the website is the social networking icons. The color and design of the icons works very nicely with the color scheme and layout of the page. The great thing about the placement of the social networking icons is that they are placed in a ideal location: right at the top of the page. The social networking icons, while very bold and impossible to miss, are very discreet and subtle. One of the things that I didn't like about the website is that every aspect of the website (about, services, gallery, FAQ, and contact) is on the same page. Having every part of the website on the same page makes everything seem squished together and cluttered. If each piece of the site was located on it's own page, it would give each piece of the site optimal space to serve its purpose and more comfortable to use. I really like the way the gallery section is laid out. It occupies the perfect amount of space, without thumbnail crammed together or too distant from each other. I also really liked the Instagram integration in the gallery. Looking through the Instagram photos taken by the company made the website feel more personal and friendly, which gives me the impression that the company has the interests of its customers in mind. If I could do anything to make the FAQ better I would make it longer and give each question and answer more space. When the website is laid out as it is, each answer is a long wall of text, and kind of hard to read. I really liked the contact section. It is very clean and user friendly. The green text boxes look very clean and polished. I also really like how the calendar pops up when you click on 'DESIRED APPOINTMENT DATE/TIME'.

1 comment:

  1. Hey Stewart,

    Great reflections of the two websites. My notes:

    DigitalMediaManagement.com
    - All of your suggestions are valid and would improve the site visually
    - I would agree with your suggestion that "Manager" should be on the same line as "What is a Digital."
    - It also wouldn't hurt to give the top some padding so that that line of text isn't so far up to balance the white space on the right side. And also moving the logo and navigation items up like you mentioned.
    - About Us page - In regards to why there is white space to the left of Luigi's bio underneath his photo: When coding a website, design elements are divided into columns and rows. For that section, Luigi's photo is in one column, his bio in another. While it may look fine to have the text wrap around his photo and flow horizontally, it would take away the function of the social media icons below it. They key here is to separate text content with actual buttons so there's little clutter between the two.
    - Building off of what I mentioned about columns and rows, on the Partners page, the reason why the Theatrical section does not flow all the way to the right is because that space is taken up by the column with the logo and navigation items
    - All in all, great comments. White space in regards to web design is essential. It's important to allow the content to shine while allowing the design to accompany it


    MobileiPhoneGuy.com
    - Great observations on the site
    - Reason why this is a single-page website is because its easy for the user to find the information they need without having to click around to other pages. Think of it as a one sided flyer. Navigation to each section is quick and requires no load time (only on the initial page load). When people go to this site, the two things they mainly care about is how much it costs and how they can set up an appointment.


    - Matt

    ReplyDelete