Design Portfolio Research

Portfolio/ Work

Wide Eye Creative has a great portfolio layout on their site because it is organized and there is clearly a lot of work to see which makes them look experienced. They also have a hover option which is helpful on a site where there is so much to see. Nuts and Woods is similarly designed, but it is a little more spaced out, providing a sense of simplicity, which matches the style of the products they design. This site also has a hover over images which gives the page a splash of color.

About Me

The about page on Marcel Duende‘s website is simple and well spaced out, even if the type is a bit small. The dark page with the light text is appealing and grabs my attention. Make Me Pulse makes it fun to navigate to the about page. But what really makes the about page great is that it doesn’t just present you with a paragraph, but slides a few sentences across the screen that communicate the mission statement of the company.

Resumé

Stuart Mayhew‘s resumé is attractively designed thanks to its simple and clean color palette and unexpected graphics. The organization of the information make the document fun to read. Bernice Beltran‘s resumé also has a simple color palette and attractive graphics that communicate a message. This document is fun to read, and I get through it very quickly.

Contact Information

Staras Technical Production contact page isn’t set up as a typical form, which is what I think makes it so appealing. It also informs you who exactly you are contacting, which makes the connection seem more personal. After navigating to the Allamar Design contact page, there is a video behind the form, which is what makes this page unique. The form is also set up in an organized and simplistic way.

Advertisements

Online Identities

Studio Airport is a design firm based in the Netherlands. They design everything from identities, to posters, to videos, to websites, objects, campaigns, and more. Their logo is three arrows. There are more arrows and sharp lines in other icons in their website. This creates the same sense of style throughout the site which communicates the consistency of style within the brand.

Tawn is a designer whose logo on her site is typographical. Tawn has a focus in fashion and the names of her collections match that of her typographic logo. Both use the same sans-serif font, and both are mainly typographic.This creates a constancy in the brand and ties her collections back to her logo.

Cast Iron Design is a design form that adopted the logo of a cast iron pan. This logo is effective because it implies that the services they provide are solid and dependable, just like cast iron. The logo also has white lines surrounding it facing outwards, almost like an idea lightbulb lighting up. This implies a sense of creativity. Out of all the designers listed here I would probably employ the services of Cast Iron Designs because I believe their brand is best represented through their logo.

Screen Shot 2014-11-04 at 8.45.49 AM

Responsive and Moblie Design

Responsive and mobile design are probably the best friends that you never knew you had. It is thanks to them that it’s possible for a user to use and navigate a website quickly and easily on any size screen. However there are some key differences between the two. Mobile website are created apart from an official website, holding only the most important information and not anything extra for the user to waste time scrolling through in order to find what they are looking for. But in the case of a mobile site, the more minimal the design, the cleaner it looks. However the best aspect to mobile design is that a user will never have to wait long for the site to load. Responsive design on the other hand has it’s own way of appealing to the user. Responsively designed sites can adjust to any size screen or window. While a user may find this fun to play with and easy to use, a designer must go through several drafts of designing the site for whatever window size it the site may be loaded on to. The appealing aspect to the designer for this site is that the site will always have the graphics and information they want the user to see no matter what size screen they are using. Here is an example of responsive web design www.lab21.gr. While both mobile and responsive design are different, both have their positive and negative qualities, and proper uses for different situations.

Web Design 2 – Web Typography

Paint is a classic medium, however the canvas on which the paint is applied can change the appearance of the painting as a whole drastically. A painting on a wood panel and a painting on a tree would not appear the same. The same principle is true when viewing typography in print and on the web. While typography in print allows for much more freedom of creativity, web typography is limited by default fonts and web safe fonts. Typography on the web may never reach the same freedom of choice that is taken for granted in printed material, but in recent years it has made improvements that allow more opportunity for creative choices.

The reason for limitation in variety of web fonts is due to the limitations of code and the inability for every computer to have installed every font that ever existed including fonts that were currently being developed. However now fonts from the internet can be used as long as the site can access them through a link provided in the code. As a safety net for designers, back up fonts can also be written in the code of a site so that if the desired font is unable to be found, there is a second choice of font available and able to be loaded in place of the first choice font.

While there may be more freedom of creative choice when it comes to web fonts these days, terrible use of those fonts still hides in the dusty corners of the internet. Web typography does not conform to all the same rules as print typography. Some of the more irritating hurdles is that of color and type size, which varies depending on browser and screen size. The placement of the type and use of hierarchy are two elements that can work to the advantage or disadvantage of a site depending on how they are used in a given design. Both MatthewCarleton.com and Ovenbits.com are examples of excellent web typography. Hierarchy is shown by the visibility, size, and color of certain titles and phrases. Certain values such as italics are also used to enrich the text when appropriate. On the other hand, sites such as Burlington News and Mama Cheesies use web typography inappropriately. Text is not formatted for the benefit of the reader by mark of the small type size and huge column width.