Author Archive

Target Audience

by Joseph

I’m looking to inspire and to be inspired

The main people I want to attract my site are the eternal students of design. They don’t have to be going to school, but they better like design, cuz that’s what this site is all about. I suppose it’s also to get work, and for employers to check me out, but primarily it’s for me to share my work and to see what other people (respected designers) say about it. I’m hoping that people will actually visit other than my friends, but we’ll see how long that takes.

Site Overview & Map

by Joseph

Ideally my web portfolio will be a place to showcase my work and for me to express myself as a designer and as a photographer.

I want a page for my design portfolio. I’ll have an “outer” page which very briefly sections off my print, web, and identity work and gives a very short description of each piece. An inner page will contain a more detailed of the project, sometimes my thought process, some sketches, and the whole process.

For my photo page, it will be more of a place to show some of my work and give a place for clients to proof their photos. I’ll need a page for the portfolio which is just a jivin’ collection of my finest photos assorted. Another page will sort of index the clients. Another page, (password protected) will allow clients to see all the pictures. Once the photos have been finished clicking on the index page will show the best images from that client.

I’ll need a page for contacting me. This is pretty straight forward.

Also the about me page is pretty straight forward. I may have a page about me and another about my wife, but I may just put us both together or just talk about her when I talk about me. Not sure yet. Depends largely on her.

My blog will be all about photo and design. I want to post a sketch a week. Or maybe a photo a week or a design a week. Just something of each. And depending on my wife, she may or may not blog herself. If it turns out she really loves to blog, we’ll get her her own domain.

Here’s a quick rendition of my site map too.

This may change in the future.

This may change in the future.

Packaging Web Design

by Joseph

It has been said that design is everywhere, and this is true, however it is incomplete.

I’m sure that the person responsible for this idiom knew well that there’s more to that statement than simply that there is design in everything. It’s in cities, towns, cars, lunch boxes, yes, even our treasured Thermos was designed. What’s missing from this statement, you might ask? Well, the fact that design is everywhere says nothing about the quality of that design.

Before I get carried away, let’s make sure that we all have the same understanding for the word “design.” There can be many ways to interpret the word. Even the Oxford English Dictionary has 9 variations of its usage. I’m referring to the first:

“A plan or scheme conceived in the mind and intended for subsequent execution; the preliminary conception of an idea that is to be carried into effect by action; a project.”

At this level it can be hard, at first to see the correlation between this definition and specific fields of design such as graphic or web design. Perhaps the following illustration will shed some light.

A small business owner has thought long and hard about the unveiling of a new product. The owner, like many entrepreneurs, is risking most of his business in its release. He will need to sell an incredible amount in the first year in order for his business to survive. He has faith that if the right people are informed about it, they will most certainly buy it. With so much risk involved this veteran of failure knows he can’t continue without a thorough plan. He consults his friends and family for advice on how to best penetrate his market. Together they come up with some pretty specific demographics and psychographics. They determine the best approach to reach this audience and implement their plan, or design.

A graphic designer’s job is, in essence, the same. Determine the best visual approach to connect with the target audience and inspire them to act. In both the graphic designer’s case and the small business owner’s, the goals are the same and they require the same thing: communication. In the end, even graphic design is not simply about aesthetics. Sure they make things nice to look at, but that’s not the point. If the point is to get a certain number of hits on a certain web site that’s aimed at teenagers and it doesn’t look like a site for teenagers (and it doesn’t have to look bad at all) it will not be successful. That said, a site designed for teenagers that looks great can still be badly designed.

Good design communicates and connects with the target audience. Good design is the successful implementation of a well-thought-out plan. Bad design is just the opposite, and, of course, there is a wide range of mediocrity between the two. With both good and bad design the results can be pretty well predicted. For the average example of design we might as well flick a coin in the air and hope for the best. The point is, unless a good design is in place, the target audience may not get the message and our friend, the small business owner, may be searching for a job next year. So, in order to secure a little more certainty in our future, a message must be planned and implemented so that those tuned in will hear and act.

Part of the design process is determining what message will be most effective, and how that message will be best picked up by the target audience. How much of the message needs to be heard, seen, or felt? When we look at packaging we not only see the branding of the company that distributed it, but also the key characteristics of that company. Picking up the product should enhance that message. In the design of that packaging we should be able to see how much care and attention the designers and distributors put into the product, how well they care for the environment, and why we should even consider buying or believing in the product in question.

Sometimes the product we’re asked to buy into is no tangible thing but an idea or the message itself. When we see advertisements for businesses and corporations that implement green energy in the production of a product, part of the idea that we’re to buy into is that they’re better for “going green.” This idea is being sold to you along with the assumption that you already bought the idea that “green is better.” Whether or not it really is better makes little difference until, of course, you begin to consider buying the product being advertised. At any rate, a message as a product was designed and implemented into society. The design for the green message must have been pretty good when considering the fairly recent surge of importance of taking care of the environmental.

If good design, coupled with a good message, are successfully implemented (as seen with the “green” movement) then design can make a difference in the world for the better. In order to create a better future, the consumer needs to be better trained to ask himself if buying a certain product or service will improve the future.

One of the most effective ways of sharing a message is through the internet. Web sites can say just about anything before it contains any content. Just like a package, a web site lets you know what it’s contents are. And just like a well designed package, a web site contains several messages such as how much care and attention to detail went into the site, what the creators care about, and why you should visit this web site again over other web sites of its kind. The message of the web site must be synonymous with the message of the content. It must communicate and connect with the target audience. But first and foremost, it must be well-designed.

Execution and Implementation

by Joseph

I’m done…?

Well, done in the same way any designer is done with a project. Don’t want to work on it anymore, but can’t help but see that it could be better.

Here’s my link if anyone wants to take a peek. The Weather. There’s always a sense of accomplishment when you upload you site and it actually works. Only a million things can go wrong, and often do, but once you figure out all the little problems and get them solved, it’s time to enjoy the finished product.

Style Guide

by Joseph

Now that all the hard work is done, I think I’ll take a nap.

Well, maybe not. Something that I’ve learned from this assignment is that even though you may have it all figured out and put in place, there’s always some need to improvise. Creating the rest of the pages based on this initial page went very smoothly. However, there were a few time when I had to add more styles to the document in order to accommodate for the content.

This was still an excellent opportunity to see how efficient a style guide can be and how much time it can save you.

Typography

by Joseph

…simply one of the most exciting things about design.

And yet on the web you are so limited you really have to get creative in order to break out of the boring. I found a good use of color and size to set a hierarchy and identify relationships between elements.

Readability can be a major issue as well. Selecting the right typeface for the right purpose is very important. I chose a sans face for most of my headings and for some short pieces of copy like some captions on images. The body is set in a serif font for better readability.

The colors I’m working with give good contrast, and set a visual hierarchy on the page.

Imagery

by Joseph

Nobody ever got killed doing things backwards…

During this part of the assignment we are to create, or obtain, the graphic elements for the site, such as photographs, illustrations/diagrams, and other symbols or icons as we see fit. I’ve done this backwards. My photoshop comp came first.

For my web site I wanted photographs. Beautiful, clean photographs. I never knew good photography would be so hard to come by, until you look at weather photos. But searching and searching finally paid off, and I think I’ve found some pretty good ones.

I decided not to use too many graphic elements, and that the photos that I get would be big enough to not need any other contenders for the spotlight.

A 02 Photoshop Comp

by Joseph

It’s finally starting to look real.

It’s really exciting to finally get to add color to the still lifeless design. In this digital comp I focused on communicating what I think the finished web site will look like including some definitions for tags I know I’ll be using throughout the site. I chose colors that resemble weather and still communicate effectively.

Weather is fun.

Weather is fun.

I used an outer glow effect simply to indicate for myself the 960px width suggested that we use. I really don’t think I’ll use something like that in the final design.

It’s amazing how tentative some of the organization of the web site still is. I’m still developing more of the site, by adding pages and links and finding other relationships between the pages that will help the interactivity of the web site later on.

A 02 Thumbnails

by Joseph

Back the the drawing board.

Well, not exactly. After taking a good look at my gray box exercise, I decided to do a few more sketches to refine the look. I think it just looked too boxed in. I was getting claustrophobic just looking at it. So I took the borders off and opened up some white space. Now I can breath.

I think sketching is a designer’s number one tool when it comes to solving visual problems. It’s just so much faster than going right to the computer. In these few sketches I really focused on space and alignments. (I don’t know if the alignments communicate very well… I’m not a very good draftsman.)

Notice how they progressively get bigger...

Notice how they progressively get bigger...

A. 02 – Grey Box

by Joseph

This exercise helped me realize how important the research stage is. Without the proper research in place, and without detailed sketches, you can spend hours completely redesigning the layout later on.

It’s interesting that the more time you spend in preparation, the more time you will save on execution. Well, maybe that’s only true to a certain extent. You still have to be working smart.

A visual outline for the weather website.

A visual outline for the weather website.

You can only do so much work in each step before you have to move on. Often, for me, moving on to the next step after being stuck on the previous step for a long time, shows me what I’m missing from that step. For example, in this exercise I realized that I needed to go back and do a bit more on paper. But I knew where I needed to put more attention this time.

This was also a great study in value. It’s incredible the detail that different shades of grey can add to a layout.