I thought it over, changed it around, used what I had, went from here to there and Bob’s your uncle. Bob’s your uncle is a British thing and I do not know what it means other than, there you go. Below is the working first page of Parker Payroll Services. Below that is a link to the work-in-progress site. I chose a very different and not typical style. I did it because I could and because more and more often I am seeing “new” design and concepts that either I or former colleagues did years ago. At the time we did them we were shot down as being too modern because of a, “I haven’t seen that before” mentality. So I designed what I liked, what I thought was user friendly and a bit atypical. You might not like it, you might think it is bad design. It is not, it is good design. It is different, not that much, useable yet simple. As many people that love curry an equal amount of people hate it. By the way, the bottom row doesn’t work and won’t take you to another page. Click the logo to go back home.
What I’m doing below is playing with ideas, processing them visually. I scanned a page from my sketchbook of ideas for my Parker Payroll site. There is a thread of ideas, some that don’t work, one that makes me go hmm and one still on the sketchbook page that I think I want to explore visually. There are two here I rather like though translating them to other pages on the web site may be a challenge. I am going to keep at it and see where it ends up. By the way, this is taking so long is because I am doing this around my paying gigs. The process is fun, I have the time to try out the silly, the bad, do some research for inspiration and examine my process in a way I never have before.
So there it is, my web page layout. (See last week’s post.) It’s fine. I like it. But I think I want something a little more well, more. I’ve noticed lately that I can look at web site and tell that they are Word Press sites. There’s beginning to be a format or style about them. It’s very nice, but not what, you, as a client, is going for. I have some thumbnails below (quick little sketches) that I did on the bus. They are a bit shaky but I was kind of musing. The final will likely not look much like any of these or maybe it will. That’s the process, you try lots of things and refine, refine, refine. You, as the client, don’t see all the process and refinement that goes into a design. That’s the reason I decided to step back and move slowly through the process. This project does not have deadline so I can mosey through my process and document it. So how am I going to do this? I’m going to think, draw on the bus, think while I’m running, I will pay attention to posters, book design, web designs, magazine layouts looking for inspiration. I will tear out pages, mark book pages and create a file of ideas. It’s a process. It’s my process. Some designers get instantly inspired after days of agonizing and others have methodology that works for them. I am some place in between. You’ll see how I find my way to the design that will become Parker Payroll Services web site.
Here is the first pass at the web page. This only represents the color scheme and the layout. I think I want to add a photo montage for the top of the page. You know something expected, remember I’m going for strong dependable and yes maybe not predictable certainly not surprising or unpredictable. Notice however, client sign-in. That’s where clients of Parker Payroll can sign-in and enter their payroll data safely and securely. When I really have it ready I will do a couple of pages and provide a link that will go to a mini site within my web site that will have linked pages providing a true user experience.
Karl Marx was not likely talking about web sites but I am. Don’t be tempted to go over board on a web site. Think. Think about what your audience wants to know, then give it to them. Web designs can do magical things. Check out the following:
Granted the first is out of this world. And the second is rather over the top but these are examples of what the web can do. And only the tip of the iceberg are these. Look, the point is make your web site what your customers need not what you want. Look at my web site, it has my portfolio and contact information and not much more. In my instance, anyone looking at it has already arranged to meet me or are thinking about contacting me. It gives my clients a chance to see if what I do will be a match to what they need. Another site I have done is Civic Square. This too is very simple. It tells potential clients about the principal’s expertise, and yes, the last name is the same as mine; look carefully you’ll see they are slightly co-branded.
For my example, Parker Payroll Services, my site will have a twofold purpose. One will tell potential clients about the services Parker Payroll Services offers and another part of the site will be for current customers. Next week I will show rough designs for a home page.
This week: Letterhead and Invoice. Things like proposals will follow the style of the invoice. As will the tear sheet for the scope of services. I will have that, I will have to decide whether I need a two fold brochure.
Here is the logo. It is in one typeface but two color. I used brown and black because as discussed before these colors and especially together represent stability, reliability and dependability. The serif typeface is an old fashioned choice. But again I am thinking about stability. The partner to my serif typeface, Minion Pro is the san serif typeface, Helvetica. These are the two typeface that I will use throughout the branding. The typefaces will be brought together on the business cards, letterhead and all other identity support items.
I decided against using an icon. I considered some of the obvious ideas. A roll of money, a stack of cash, a check, a check (✓). I decided against an icon because I decided it would not give the company a polished, professional look. I considered shapes, squares, boxes but again decided to keep it simple. The line at the bottom will serves several purposes. The first is that it finishes the logo. It says, “Here. It’s done.” Secondly, I will use the line a design device. I can use it at the bottom of pages as an element, or even look into extending it to include other text or indicate a break or connection.
For more see: Anatomy of a good logo
and: Anatomy of a Bad logo