Email designs — sprucing up the branding

This is absolutely one of my favorite projects during my time at Fidelity. The daily e-newsletter got revamped and allowed for the option for tailored web banners and graphics to promote company-wide campaigns.

Bookmark and Share
Posted in graphic design, typography | Leave a comment

Spring Networking Campaign

This is a project I worked on a while back. I think it’s a great example of a consistent message across different media: printed poster, digital poster, web banner and digital news graphic.


Bookmark and Share
Posted in graphic design, typography | Leave a comment

Love is in the… universe

Happy Valentine's Day, SweetieFor this Valentine’s Day I decided to take the nerdy route to love. Who wouldn’t want to travel the universe with their sweetie? I made this card for my man, Kanoleez.

 

Bookmark and Share
Posted in art, graphic design, typography | Tagged , , | Leave a comment

Black History Month

I made this poster last year for a networking event. The original poster was 34×36. I love to concentrate on typography and let the images accentuate the message. The challenge here was how to use the image on such a large canvas.

Bookmark and Share
Posted in art, graphic design, typography, Uncategorized | Tagged , | Leave a comment

IA: The new frontier

In the coming weeks I will be documenting my process for creating the Information Architecture of a website I am redesigning. I don’t think revealing the actual website is important, but the process is, which is why I want to document the hell out of it.

My IA background
I haven’t had extensive hands-on experience with Information Architecture but I have worked closely with an extremely talented and thorough Information Architect a few months ago. I knew that IA is so essential to a successful website so I made it my mission to absorb as much knowledge as I could while assisting on the visual designs on the project.

Rewind a few years back when I built my first client webpage. I built a website that had no clear direction! IA was nothing I had ever heard of after graduating from college, so obviously I never gave it a thought. I was young and naïve and really wanted to get into web design (because I didn’t know there was more to the industry then). I’ve regretfully created a website that never knew its audience, webpages so verbose that the users preferred to print them out, a website so self-serving that only very determined people could comb through it to accomplish their goals. Ah, the folly of youth.

How do we get this party started?
In this project, we did this a little ass backwards. We started with wireframes and visual mockups right off the bat. This is what happens when you have everything hinging on a single meeting with stakeholders. The key here is to be flexible, do what you need to do for the meeting and then make a conscious effort to go back and do it properly.

Assemble your A-Team
Figure out who are the key players. It may be helpful to grab an expert from each major group/department (writers, security, events, marketers, etc). For your own sanity, don’t include everyone, but be sure to get his or her buy-in. The goal here is to get consensus on the content and purpose of the site.

Establish site goals
This may already be worked out if you are redesigning a site, but it’s definitely good to assess if the goals are still relevant. Below are some great questions from the Webmonkey IA tutorial.

Key questions to ask your A-Team

  1. What are the goals of the site?
  2. What is the mission or purpose of our organization?
  3. What are the short- and long-term goals of the site?
  4. Who are the intended audiences?
  5. Why will people come to our site?
  6. What will prompt them to come back?

Once you have received your answers from the team you will have to follow the next steps.

What we’ll discuss next time

I haven’t gotten to the next steps yet, but here’s my plan:

  1. Filter the answers from the team
  2. Take the list back to everyone to rank the goals in order of importance
  3. Have the client/VP/boss approve the goals
  4. Create a Design Document that summarizes the goals in a few short paragraphs.

I’ll go into detail if it’s warranted and we’ll see how this all plays out.

Bookmark and Share
Posted in Uncategorized | Leave a comment

Self-portrait-henna

Self portrait
There is something about henna that I just love. Maybe because you can completely cover yourself in a pattern but it’s never permanent. As an “artist” (I use the term lightly), I’m not so fond of permanent. Permanent to me is synonymous to stagnant, unchanging, lack of progress. I constantly like to refine my designs or simply start from scratch. There is nothing as freeing as a fresh start and I try to take advantage of it whenever I get the chance.

Bookmark and Share
Posted in art, experiment, graphic design | Tagged , , | Leave a comment

Hunting for a Design Job?

Hunting for jobs can be pretty difficult, but hunting for “graphic design” jobs, even more so. Why? Well in the last few years the meaning of “Graphic Designer” has gotten so skewed, that it’s hard to find anything that is strictly print design anymore.

Looking for a JobAs a Graphic Designer today you have be knowledgeable in typography, page layout and design programs such as: Photoshop, Illustrator, InDesign, and Quark—which is to be expect. But a designer must also be fluent in some of the following: (X)HTML, CSS, JavaScript, JQuery, JSON, Perl, Python, Flash, ActionScript 3.0, Flex, PHP, ASP, .NET, Ruby on Rails, CMS, UX, UI, IA, SEO as well as some other acronyms I may have forgotten. Somewhere along the way the title “Graphic Designer” became synonymous with Web Developer.

I’m not sure exactly when it happened, but I remember the day I first noticed it. It was a bright sunny afternoon a few years ago. Whistling down the hallway after completing my last semester of graphic design classes, I decided to check out the job bulletin board. To my dismay I realized that no one was looking for just a designer with no web knowledge!

It can be tough to stay competitive but one of the best ways is to be aware of what’s out there, whether you’re looking for a job or not. Here is a list of websites that I recommend to put you on the right path to finding a job, or staying competitive in your field.

1. Linkedin

This is number one for a reason. You network with other professionals, and a lot of the time, recruiters come to you. It’s personal—your status updates, recommendations and resume are all in one place. It’s also a community with discussion boards and groups that you can be contribute to. It’s not a job site, but it is a site that helps you connect with people on a professional level that may lead to job opportunities.

2. Meetup

Be apart of a community, network with others in your field or interest. I am apart of the BostonPHP meetup, which has many events a year and with different recruiting agencies sponsoring the events.

3. Monster

Everyone uses Monster, which can be a disadvantage, but it’s useful for seeing what skills you may need for your dream job.

4. AuthenticJobs

You might find a goldmine here. You can search by job categories: graphic design, interactive design, web design, etc. Or you can search by: Full-time, Contract, Freelance, or all.

5. Craigslist

Is this the best place to look for jobs? No, although you might find a worthwhile opportunity. But keep in mind that, just like Monster.com, there is a ton of competition, and the job-posters are probably getting bombarded with responses. The benefit of this site is that there are new job listings everyday.

Other sites to find design jobs:

Where do you job hunt?

Bookmark and Share
Posted in graphic design, jobs | Tagged , , , , , , , , , | 1 Comment

Life’s Lessons in the Salem State Art Department (Part 3)

The final chapter!
A few weeks I wrote a second part to my Life’s lessons series, but I got a little sidetracked! Anyway, last time I tackled issues about the presentational aspect of graphic design, which is mostly for the benefit of other people. Today I’m going to talk about something for you—the designer—which will help you stay sane, decode comments from peers, and defend your work!

Lesson 5. Back up your work, stay organized and use descriptive file names!
*Head desk* *head desk* *head desk*

Computer crashThe last time you saved was an hour ago, and Photoshop decided it would rather spontaneously combust than to work on your project for another second. Guess what, you get to do it all over again! This is one of THE worst things to happen while in the computer lab late at night. You want to go home and go to bed (or watch TV or something), but you have to finish your project before 10 a.m. tomorrow. Here’s a tip. Save every five minutes! No lie, because even losing 10 minutes of work is a waste of time to repeat. Do it once, do it right and save save save!

Organization is the key to maintaining sanity. A big part of that is naming conventions for your files. Name your projects something descriptive, something that makes sense. Something you can find quickly when you are late to class and you need to present. Find a naming convention that works and stick with it. Is myProject final version_10.indd descriptive enough or does magazineCover004.indd sound better? Personally, I like keeping everything in a sequence–001, 002–so I know which version is the newest. I also never leave spaces in names (aka SINS) mainly since I’m all about the web these days, but that’s another story for another day.

Put all related items in the same folder. All original images, optimized images, cropped images, original text, icons, scans, etc in the same place so you don’t have to dig through your hard drive to find it. Keep all your original high resolution images—never never never think you’ll never need them again, because you ALWAYS do! Double negatives don’t lie!

Lesson 6. Feedback is your best friend, show your work to everyone
and make improvements where necessary.

Design is subjective. Sub-ject-ive. No one is right all the time, and that include the designer. Sorry, you may think you know what’s best, but that isn’t always the case. Sometimes you get wrapped up in designing something you think is awesome, that you don’t realize that you’re making everyone else’s eyes bleed! Listen to your peers; they might bring your designs to new light. They might inspire you to try something else, or they might point out things that don’t work. The big part here is to listen to what they are trying to say, but read between the lines. They might tell you to, for example, bold an icon (note: you can’t bold an icon!), but what are they trying to say? You need to figure out a way to make that icon stand out. That might mean changing the placement, making it larger, or changing some other element on the page. Listen 100% and implement about 20%. It’s still your project, do what’s best to improve it.

Lesson 7. Explain your design decisions
Don’t be a pushover!

Defend Your WorkPeople are impressed by thoughtful design, but invariable those same people will ask you questions about it (and eventually try to convince you to change it) Why did you use that font? Why those colors, why this layout? You got some esplainin’ to do! If during a critique someone tells you something looks bad, don’t take that crap! You need to arm yourself with some serious ammo—aka—good solid reasons! Defend your work! Tell them why you put that image next to that description. Enlighten them to your color palette. Prove that it’s good and that you rock!

What not to say to your peers during a critique:

1. Absolute silence *crickets* – Being silent is the worst thing you can do, you hold no ownership to your work, therefore you have to accommodate every suggestion your peers make. [Instant defeat]

2. “Uh, I don’t know I just put it there because I thought it looked good.” – OK, at least you said something but make no mistake, you hardly made an effort. Where is the reasoning? You’re just stating your subjective feelings about a piece of work that you created, big whoop. If you can’t back up your designs then you’ll have to change it. [You suffer defeat again!]

What you should say:

“I used the highlight on the banner to help draw the eye to the logo” – Oh ok, then we (your peers) understand your design decision and now we totally respect you for your amazing analytical approach to design! *followed by applause and roses at your feet* [Yay! You are victorious!]

Summary
I learned a lot at Salem State, but when I was asked for a brief statement about what I learned in the Art Department, I couldn’t say as much as I wanted. Here is what I ended up with; I hope they use my statement for the new SSU art program flyer:

“While at Salem State, I learned the most about design during class critiques. Feedback from peers and professors helped me discover what worked, what didn’t and why. I was also challenged to explain my design decisions — presenting my work to clients became easier when there was a method to my madness.”

I know everyone’s college experiences are different, what did you learn?

Bookmark and Share
Posted in eaCREATIONS, graphic design, lessons | 2 Comments

Google Analytics

Last week I attended the BostonPHP meetup event “Learn Google Analytics.” Jay Murphy, a professor from the Center of Digital Imaging Arts, was the speaker and Google Analytics (GA) guru for this event. His topic included:

  • setting up GA on your website
  • the new GA code versus the old GA code,
  • basic terms
  • how to interpret the results

He also answered a boatload of questions, which unfortunately meant he never made it to the end of his presentation—making business decisions based on the results. ::sadface:: Anyway, I will share some of the interesting things I took away from the presentation.

I’ve been using Google Analytics for over a year now on my portfolio site, and have used it recently at my place of employment. It’s really easy to install, but when it comes to deciphering the sheer MASS of data, it can be pretty overwhelming. There are so many ways to view your results—by visitors, traffic sources, content and goals—and for every basic category, there are several subcategories of tracking goodness that delve even deeper. You can get a real in-depth analysis of your site and do a lot of interesting things, but it’s hard to remember where all those cool features live. If you’re completely new to GA check how to use Google Analytics for beginners

GA overview

Google Analytics collects data that answers questions like:
“How many people are visiting my site?”
“How are they finding it?”
“What will bring more visitors”
“What tasks are people doing on my site, and are they accomplishing site goals?”

Despite all the amazing data that GA delivers, it will never be 100% accurate. If someone clears their cookies, the next time they go on your site, they can seem like brand new users. GA uses JavaScript and cookies to track events like clicks on a submit button, or downloads of a file. Don’t fuss about the exact number of page views, but instead focus on the trends and patterns of your users. If you wanted to crunch numbers, then why not just use one of those hip hit counters on your home page? Occam’s Razor by Avinash Kaushik goes into excellent detail about visitor segmentation. Sure you can pine away at all the page views you get on your site, but why not focus on groups of people and their behaviors? Isn’t that much more valuable?

New Code VS Old Code

Google Analytics changed its code fairly recently. If you signed up a few months ago, your account number is the same (It usually looks similar to this: UA-XXXXXXXX-X). I am told that the new code is better since it is asynchronous, and now lives inside the head tag as opposed to the bottom of the document. There was much debate at the lecture on whether or not the code change is better or worse. Being on the bottom of the page, sometimes the page would “hang” before the data is collected. But being in the head tag, it is downloaded before the code (which means that it has a better chance of collecting the data), but might slow the rendering of the code. I think if you have the JavaScript code after the CSS stylesheets, you probably won’t have too much of a problem. Either way, Google only offers the new code so I would recommend making the switch—just make sure to switch all your pages at once, this way you won’t loose any data.

U is for Cookies, That’s Good Enough for Me

How does Google Analytics work? GA uses a first-party cookie some JavaScript and a dash of magic. It does NOT collect personal identification information; it tracks your visitors’ interactions anonymously, giving you all the data while not violating your viewer’s privacy. It sends an invisible GIF to the server for processing. Apparently there are different cookies that track different things and expire at different times.

__utma and __utmc cookies work together. __utma shows that you are a returning visitor—it expires in two years. __utmc tracks visits—it expires in 30 minutes. Every 30 minutes equals a new visit.

__utmz tracks where a visitor came from (ad campaigns, search engine, search keywords, links).

__utmv stores custom variables (name and value pair), it tracks if you are a member of the website.

__utmx is used by Website Optimizer. It’s a Google tool that allows you to build multiple landing pages and experiment to see which page is more effective.

What Bounce Rate is right for you?

Bounce rate: someone lands on your site then they leave—they do not view any other pages on your website, they do not pass go and collect $200. Generally, a high bounce rate is bad. You want to encourage visitors to explore the other neat things you have to offer on the rest of your site, but instead they are fleeing like a bandit into the night. There could be a few reasons why your bounce rate is so high (and not all of them are bad):

1.) You might not be using the right keywords for the site; visitors might find their way to your site by doing a search, and realize that your site doesn’t have anything relevant to them.

2.) The call-to-action is right on the homepage (like a phone number). If you found what you’re looking for, then why keep looking?

3.) If you have a blog, a high bounce rate is expected, since there isn’t anywhere else to go. Most likely, people will read your blog entry and then bounce off to some other site. In this case, it is best to look at the amount of time your visitors stay on your site. However the __utmc cookies will time-out after 30 minutes, so if they were on there for more than 30 minutes, GA might calculate it inaccurately. For some reason, GA can’t tell how long a visitor was on that last page (the page before they close the browser) and will always underestimates the total time on site. GA can only tell how long a visitor was on a page when they go to another page on that site.

Summary

There is a whole lot to Google Analytics, and personally I would recommend learning how to make GA you greatest ally. Fortunately, if you couldn’t make it to the presentation you can watch the video (the actual presentation is about 10 minutes in). Slides are coming soon.

Thanks for reading, I hope you enjoyed it and will consider using Google Analytics on your website, if you haven’t already. Happy holidays and see you in the new year.

Bookmark and Share
Posted in BostonPHP, google analytics, Web coding | Tagged , , , , , | 2 Comments

Life’s Lessons in the Salem State Art Department (Part 2)

Last week I wrote a blog entry about some of the basic graphic design lessons I learned while at Salem State. This time I’m going to discuss a few slightly more tricky topics.

LESSON 2.  Always make more than one mock-up
even if your first design really rocks

So you made a really kickass design on your first try, way to go! Sure it took you a few hours, but you’ve done well, pat yourself on the back! After slaving over a project for a few days, hours or minutes, you’ve exhausted all your options for that design. That doesn’t mean you’re done—no sir—it only means it’s time to start over with a new, dramatically different design. Even though you have a perfectly good layout finished, trust me on this, the last mock-up is usually the best.

Why?
Maybe it’s because you are racing the clock and you didn’t have enough time to over-think it. Or maybe since you felt like you already finished the assignment (you go-getter, you!), you wanted to try something a little avant-garde. Well, I’ve seen it with my own four eyes during a critique. You can spend hours and hours on a layout, just to have your last design—that you threw together 30 minutes before class—be much more compelling.

LESSON 3. Seek inspiration from well-designed pieces
and know who your trends are

How are you supposed to know how to create good design if you’ve never seen good design? You need to explore! You need to go to museums, buy books about design, look up artist, collect well-designed pieces and go to paper stores. Find things that inspire you, find things that look good and figure out why something works. I struggled with this a lot in class because I felt that I was cheating if the layout didn’t spew from my brain. Don’t be confused, I’m not condoning plagiarism—the difference is, as a student, you need to figure out why things work, and see how you can leverage that in your design. There are so many inspirational graphic pieces, and you’re missing out!

Definitely keep up with trends, or at least pay attention to them—even if you don’t want to use them in your work. What’s so hot right now? Is it elements with gradients and drop shadows? Is it bold color palettes and sun rays? Is it blood splatter or cutesy anime characters? Well look around. Look at what the big advertising companies are doing and see if your project could benefit from those techniques.

But beware! Trends are a double edged sword. You can follow the flock, as Elliot Jay Stocks says in his Destroy the Web 2.0 Look presentation, and make something trendy and invariably unoriginal, or you can use the trend but add your own spin on it to keep it fresh. After all, you don’t want something that will look stale in a few months!

LESSON 4. Think outside the computer
or “Oh shit, I don’t have time to print this”

Designing on the computer is about 50% of the work. The rest is presentation, namely the printing, assembling, and the paper (don’t forget about the paper!). You stay up all night making a couple of last minute tweaks and all the while you think you finalized the design. Then you realize that it still needs to be printed for class! Ack! Deadlines are a bitch, aren’t they? At SSU, there is no such thing as same-day color printing. Maybe at Kinko’s or something, but you know if you want the inexpensive-but-high-quality-inkjet printing the school provides, you better get this file done before its due-date. Yes, I know this seems obvious, but a lot of the time you get wrapped up in making edits, that you don’t realize there is still a whole lot of work ahead of you:

Printing

Did you use pantone colors? Did you Preflight and Package your document: Any fonts missing? Are all your images CMYK TIFFs? Did anything get cut-off? Will there be an image bleed?

You get the idea. Sometimes you can’t catch everything when you proof it on the computer. Best practice is to do a test print—actual size, even if it means printing on multiple pages and taping them together—with the black and white printer to identify any problems that may arise, and then try your luck with the color printer. You might want to use the cheap laser jet printer before you use the inkjet. You’ll never get it right on the first try, unless you’re made of magic.

Assembly

If it’s a book or two-sided flyer: did you leave enough room for the binding? Are you going to do it yourself or hand it over to the print shop? Does everything line up when you flip the pages? If it’s a package design: how much cutting and assembly will you have to do? Did you cut too much? Leave a white edge?

This shit takes time and patience. Make sure you have sharp exact-o knives—a clean metal ruler also helps—and take your sweet time cutting that black matte board. The more you rush, the more ragged the edges will be. Oh, and definitely don’t try to use the tile on your floor as a cutting board…

Paper

What type of paper are you going to use? Will glossy enhance your images? Will matte have a more satisfying flip through experience? You’ll be fine so long as you follow this one very important rule: never use the standard printer paper ever—unless it’s just a proof.

Presentation

The presentation of your work is heavily dependent on the requirements of the class. Does it need to be adhered to black matte board with a tracing paper overlay? Is it a stand alone piece that needs to be assembled? Is it a book cover that should look like it’s on a book? Presentation counts, it doesn’t make up for a good design, but really enhances it.

If you take anything away from this blog entry, I want to leave you with this: No project is as simple as it looks. It takes a ton of test printing and preparation to have a finished project and even then, you may never get it perfect. You need to experiment with different papers, colors and binding techniques as soon as possible, don’t set it as your last priority! Graphic design is all about the finished project.

Thank you for reading, tune in next week for the thrilling conclusion of this short three-parter.

Bookmark and Share
Posted in eaCREATIONS, graphic design, lessons | Tagged , , , , , , , | 1 Comment