bpeter9

Brandon Peters – Assignment 14

The Final Post.

 

Foundation Site with Assignment Links.

 

I will be in class tonight to fight for my D-

Brandon Peters – Assignment 13

Bacon

Gridster

 

Blog Post

How busy am I? VERY. Very busy, so busy I am seeing everything in burgundy and I think it looks good. Why??
Why must Sean assign so many things to do! Life is tough, as I have tons of final project work to do for several classes AND I need to finish preparing my Graphic Design Screening portfolio. so…yea.

I am ready for the beach and drinks by a pool somewhere. And grilling, I am ready to spend the afternoon outside grilling, not in a classroom for 4 hours.

o.O

 

– brandon

 

 

 

Brandon Peters – Assignment 12

LVH Email

 

LayerSlider

 

Blog Post – Talent Site Comparison

Ranked from worst to best.

talent1

Talent Placement Services Private Limited

This site seems to have a mix of canned website builder elements along with some custom elements. In the upper right corner there is a “Upload your Resume” blinking link that is very distracting when reading the pages of the site (not to mention it leads you away from the site if clicked), and the color scheme is very random.

The site nav is clear and easy to use, but is not styled well at all and everything is aligned to the left. In all, the company does not seem  legitimate due to how poorly the website is created. It was a higher result on a Google search, so SEO seems to have been implemented pretty well.

 

talent2

 

International Talent Placements

Internation Talent Placements’ site is rather dated in appearance, but seems to convey a more legitimate feel. They offer a member login and a simple to use site. The site elements could be overhauled to be larger, as more and more modern screens are larger and typically widescreen. When clicking on the About Us link, you’re redirected in the same window to a new embedded frame for the About Us info, it is an odd experience and doesn’t allow someone to easily share a URL with someone else to get to the page. The color scheme is followed throughout the site, but is lost on a wider monitor due to the gradient white background.

 

talent3

Top Talent Solutions

TTS is based in Minnesota and services the local area for placements. Their site is designed well and has a very patriotic color scheme using red white and blue throughout. The navigation is simple and easy to use, and they utilize a subtle image gallery on the homepage that is not obtrusive. Each subpage has a proper URL and is displayed neatly in the browser. There is a good bit to read on each page, and the call to action to use them  is a little lost in the Quick Links section. All in all, they do have a fairly successful site with tons of information on it.

 

talent5

 

TEKsystems

TEK is a locally founded company in Maryland, their site screams “high end”. They are a top recruiter/talent placement agency in the area (and the world). Their site is well crafted with a minimalistic nav, utilizing nested nav links that have their own URLs. When scrolling a page, there is a very nice transition that hides the main nav buttons with a fixed position header at the top with their phone number and logo. They have solidified branding throughout the site, and a color scheme is used well. There is also a clear call to action used on the right side of the page, they always make it known that they want you to contact them, by any means possible.

I have had a personal history with this company as I was once a contract employee for them doing IT work, and the company truly is professional and well organized, this is portrayed well by their site..

 

Brandon Peters – LVH Email

LVH Email Fireworks Stuff

Brandon Peters – Assignment 11

Isotope Site - now with more tasty treats!

 

Design for Isotope:

I chose to make my isotope site fit to my personal design tastes rather than just do a mockup. I achieved this with subtle colors and a letterpress look to the background and site title. The use of true black has been kept to a minimum and there are subtle coloring cues on the nav buttons and the extreme roundness of the original nav buttons has been removed.

 

Critique:

Critique of Joan Lam’s Assignment 4.

Joan’s recreation for the Four Seasons hotel is simplistic and appears that it would be easy to navigate. I like the main image she used as well as the script text for the word “Welcome”. I like the gallery of images below the featured image also, they look like they would create a dynamic homepage experience.

 

As far as suggestions are concerned:

  • Move the “Book Now” call to action to upper right or left? Maybe make it a different color?
  • Move site nav from the bottom of page to the top for ease of use
  • Add a highlight to current homepage image in slide gallery? To show active state.
  • Left justify main description paragraph – add bullet points
  • Center copyright and legal info on footer

Brandon Peters – Assignment 10

Scrollorama

 

Blog Post:

GIFs!

What’s a GIF? a GIF is fun, funny, weird, simple, quick, clever, and can be useful. GIF stands for Graphics Interchange Format.

 

The GIF has been around for a long long time, it can be pronounced as either “Giff” or “Jiff”, either way works. It was first introduced in 1987, and it’s original name was 87a. It has stuck around for so many years and is still used everyday in numerous different applications on the web. Its popularity has even grown, as it has become a popular tool for comical or satirical expression. There are also unique and artistic forms of GIFs that are made, see this link for more.
GIFs are here to stay, and I cannot see them going away for some time.

 

Brandon Peters – Assignment 9

Website: Jim Carrey

Jim Carrey’s website is one of the most elaborate and interactive flash websites I have ever seen. It is very content rich, and is designed really well. Aside from very smooth and interactive flash design, the overall feel of how the website looks is WILD. It matches that crazy and zany style of Jim Carrey.

 

Homework 9

(adjusted flash project from another class – utilized newly learned easing)

 

Brandon Peters – Assignment 7

Facebook Page

fb

————-

Blog Post – Abduzeedo

http://abduzeedo.com/

abduzeedoHomepage

Abduzeedo is a design oriented website and blog. They offer tons of useful information and how-tos for designers and fans of design. They also post a Daily Inspiration blog post each day that is loaded with great design and artworks to help inspire other artists and designers.

 

I follow their RSS feed and check it daily to see what is new in the world of design. As for their site itself, it is a very clean design and incorporates today’s best web practices and techniques. The main header of their site changes to highlight the newest blog post. The header usually is a finely crafted image that coincides with the sites overall clean design. When scrolling the site, the header image is covered by the rest of the site content while remaining static at the top of the page (parallax). The main site nav is static to the top of the page (above header image), keeping it easy to use the site no matter what page you’re on.

abduzeedoRecents

The site uses a thin typeface to help maintain its clean look and UI, posts are organized in blocks in two columns. When viewing a post other recommended articles are shown on the right side of the page, when you mouse over the article’s image (which is square – fitting the same layout and theme of the main articles list), the image will scroll up slightly to reveal the rest of itself. The site is designed with a top to bottom navigation, nothing is made to be side to side, which keeps the website tidy and easy to use. When factoring the overall design of the site, which I really enjoy, and its content, it is easily one of my favorite websites.

abduzeedoOthers

Brandon Peters – Assignment 6

Tutorial 1 – Background

Tutorial 2 – Gallery

Sequence.js

Game Salad

 

 

Fun link: (this Subaru site is awesome)

Brandon Peters – Assignment 5

jQuery Test

Vegas Conventions HTML Email

Parallax Site

 

 

Brandon Peters – Assignment 4

 Revised Edit:

vdarasite_editVA_V2

 

Old:

vdarasite_edit_FINAL


Current Vdara site:

Screen-Shot-2013-02-18-at-6.41

 

Reflections on article:

I agree with the article fully. Having coding knowledge as a designer will make that person much stronger and faster when working with web design. Knowing the limitations of what code can and cannot do, will assist the designer in making their design conform to proper coding structure and abilities – this will ensure that the initial design will be possible to recreate once coded.

 

As we keep moving forward with technology, knowing more aspects of coding and design together will help create more harmonious designs. Someone may be able to make something look really cool, but once it’s coded, will it function? The highlight point regarding shorter development time is a crucial part of why designers should know code. The more you can do in a shorter time, the more you can accomplish. It also adds great value for the client, as the time spent designing (and coding) could be shorter. This also helps the designer as he/she will then be able to build up a good reputation with the client, and will be able to move onto other projects (more time for more $) afterwards.

 

A friend of mine is currently learning two additional programming languages to add to his design skills (beyond HTML5 and CSS3). Once he is able to code rather fluently in more programming languages, his designs will become even more tightly integrated with their web/program counterparts.

 

At this time I am still working on my coding for my site, so a live link has been omitted from here, but the entire layout has been re-tooled in order to bring a more structured (via measurements – spacing) design. Sharp design needs sharp measurements…

 

 

embedded image

Brandon Peters Assignment 3

Vdara – Las Vegas - Assignment

Las Vegas is always on the cutting edge of fun and luxury. I wanted to create an experience that was clean and simple so the guest can enjoy booking their trip and look forward to getting their life changing experience planned as easily as possible. I wanted the site to have clean lines and easy to navigate buttons/UI elements (and have it responsive/small screen friendly). I wanted to use the orange color that they relied on so little (even though its an attractive element) and use it to highlight key information in the site. The hotel seems to be so beautiful, drab brown and weird gradients as found in the current site aren’t beautiful.

Current homepage: (click image to enlarge)

Screen Shot 2013-02-18 at 6.41.51 PM

Why all the brown?

Hotel could possibly use a new logo? Everything is an image (buttons etc), this should be changed.

The orange is a nice contrast with the rest of the site (black) – this should be used to accent certain things a little more.

vdara2

 

Why all the gradients when the rest of the site UI is solid?

Dropdowns are ok looking (aside from brown)

vdarahome

 

Get rid of “video slideshow” on homepage (and no audio!) – should use javascript with photos for better compatibility and loading speeds (and resolution).

Why isn’t anything in the footer centered??

vdara3

The language selector should be at the top, in the right corner of the site – like it is on most sites.

 

site redesign in 1024×728 – proposed new site would rely on CSS and a responsive framework to allow optimal mobile viewing.

 

Brandon Peters – Assignment 1

Main Site – Foundation for Brandon Peters

Brandon Peters – Assignment 2

Assignment Two – Red Lion – Anaheim CA