Chinese Food, Twitter, and a Porno?
May 30, 2008 | 0 Comments
I was picking up dinner from the local Chinese take-out and I came to a realization. Every single Chinese take-out place is exactly the same. I’m sure if you think about it, you can picture it: There is a counter about five feet high with the cashier behind it. Above the counter is a menu with the same square pictures of food you see everywhere, some of which you have to wonder if they are actually served there. There are usually three cheep black tables which no one ever eats at. You know what I’m talking about. Don’t get me wrong, I love Chinese take-out and the delicious food it provides, but it just seems very odd that every single one of the face of the western world is identical. It’s mind boggling actually.
Over the last few days I have decided, despite my better judgement, to give Twitter a try. After reading Nick’s breakdown of the service I figured it might be worth a spin. After all, communicating with people is a good thing. Though after a few days of use I have really only come to one conclusion: whoever invested in this service should be really disappointed.
According to the CrunchBase, Twitter has $5.4 million dollars of investment capital running the show and 17 employees. The question I have, is with all the money and people how can the service be down almost as often as it’s up? Sure, they show a cute little graphic to say their sorry for the downtime, but what’s the point? It has been a nice means of communicating with some people through the @reply and direct message feature and by syncing with Facebook for general status updates. Though the system seems to pick and choose which updates are actually shown to me, which kind of defeats the purpose. I can see how it’d be pretty easy to become addicted to Twitter, as many people are, but it’s hard to keep using it with all the issues. I’ll continue to use Twitter and give it the benefit of the doubt. Surely they are in the middle of some sort of upgrade, or something. I mean, with all the money they have, these issues are just a sign of growth, right?
Zack and Miri Make a Porno is the upcoming movie from the very talented and funny Kevin Smith. I had heard about the movie a while back and finally, last night (or really this morning) the teaser trailer was released. It looks pretty funny, and seems to be about exactly what the title implies. But what caught my eye is the design of the website. It seems the cork board idea is spreading, or hitting the big time, or… something, I don’t know. Be warned, the trailer is intended for audiences of 18 and over and is completely uncensored. If you’re over 18 head over and check it out and just remember where you saw the design first. 
Corked 2.0: The Journey
May 23, 2008 | 3 Comments
One of the things about being a designer is that you’re almost never 100% satisfied. You can endlessly tweak positions, colors, and fonts if you’re not careful. About two months ago when I created the previous theme, Coloured, I was mostly happy with it. I thought it was a pretty interesting idea based on, of all things, my shower curtain and came out as a fairly interesting site design. I then asked the good folks at the Wordpress Forums to tell me what they thought. That’s when the unrest began.
One of the biggest comments was that the colored stripes, while interesting, distracted from the content of the site. TVDinner said it best with this comment:
to me it is a little to much, but that is just me. I guess my question to you is that I am not sure what it accomplishes as far as your site. I assume you want people to read your words, thoughts, posts, etc. I am all for creativity and use it on my sites, but also understand that there has to be a balance in design that will be attractive to viewers and keep them wanting to come back time and time again…
After about a week of going back and forth, and toning down the color of the stripes, I came to a conclusion: the stripes were distracting from the content. Unfortunately my stubbornness prevented me from actually hearing it from the good people in the forums. I came to the realization that I didn’t like pulling up my site. Considering that I am my sites most frequent visitor that says something. So the design that I was all to excited about quickly became a lame duck design and the search was on for a newer and sexier design.
I don’t know exactly how I originally found Mostly Lisa, but it happened sometime around my unrest with Coloured. I really liked her use of objects at the top of the page. Thinking about that lead me to an idea for a design:
I’d create a sort of virtual table where you, the viewer, were looking down directly at the table. Scattered on the table would various objects that the blog content features (video games, DVDs, camera, iPhone, pens, etc.). The content would then be found on sheets of paper on the table.
I thought it was brilliant. I quickly sketched it out, played with how the objects would interact with the content, and then set up a tri-pod and took pictures of various objects to be placed in the design. I started laying things out in Photoshop when I hit a snag, I couldn’t figure out how to integrate the site name into the design. I started cruising the typical inspiration web sites when I came across this. It was sort of what I was thinking about doing, enough to get me going at least. But after a little more searching I found this, this, this, this, and finally this. My idea was officially unoriginal and actually overused. I thought about trying to put a unique touch on the idea but decided that I didn’t want to create something that would feel, to me, just like a cheep knock-off.
I went back to the drawing board, again. This time, instead, I started looking at my previous designs. After a brief look at Mindless, I decided to return to my favorite design for this site, Corked. I had the idea for Corked literally for years before I made it a reality back in late 2006. The problem with corked, however, is in mid 2007 I accidently deleted all of the Photoshop files to make the design a possibility. Unfortunately for me they weren’t uploaded to the server and while announced, Apple’s Time Machine had yet to be released. I was officially boned. After all the work that went into this design, everything related to it was gone.
With nothing to start with other than the flattened .png’s and .jpg’s I decided to re-invent Corked, to give it a more modern and cleaner look. Instead of the entire site being a cork board, I’d create a virtual cork board complete with a wooden frame and I’d hang it on a textured virtual wall. I’d make sure that all of the site elements fit with the overall theme; if something is on the cork board it’d be “attached” in some fashion. Using only the original corked background and the BittBox paper vectors I created what you see here today, Corked 2.0.
While as a designer I’m never completely satisfied, I do enjoy the journey from one design to the next. I never know exactly where or how I’m going to get to the end point, and as you can see there are often many detours along the way, but in the end it’s all worth it and hopefully results in a quality and unique design.
However, even though I’m my biggest visitor, it doesn’t mean I’m the only one. What do you think of Corked 2.0?
A picture from the bathroom?
April 18, 2008 | 1 Comment
Normally you don’t post pictures of your bathroom online for the world to see. It’s one of those things you typically keep to yourself. And if you were to get inspiration for a website design wile being in the bathroom your surely wouldn’t share that with the world. Normally. Since when am I normal?
A week or so ago I was in the bathroom looking at the shower curtain and thought, “that’s a really cool design.” I’ve had this shower curtain for a number of years now but never really looked at it. It’s got some cool colors that are mixed together quite well and don’t seem to trample over one another. Does that make sense? It might be my head cold. Either way, I liked what I saw, took a picture and converted the picture to a Photoshop image file, which became the background you now see here.
I hope you enjoy the new design.
Happy New Year
January 1, 2008 | 0 Comments
The winds of change blew in a new year and a new Mindless Chatter design. This is probably the simplest worst design I’ve ever made but hey, simple is good right?
It’s now 2008 and that means there is a new slate, a new chance to make resolutions that might be kept for the next week or two, a month if you’re lucky. It’s a chance for me to write more in the blog, a chance for FSU football to return to class, a chance for everyone to go see Juno, and a chance for me to post this cool picture I took while in a hot air balloon on Christmas day. Thanks, and enjoy.
The Birth of a Website
May 18, 2007 | 0 Comments
It’s an age old question, what came first, the website or the design, and to be honest I don’t really know the answer. But I can tell you that I’ve recently redesigned The Skylight site and thought it’d be kind of neat to put the process down on paper screen. So if you’ve ever wanted to get a little insight into my thought process, or how a website comes into being, then be sure to pull your lap bar down because you’re in for quite a ride! Sounds exciting doesn’t it?
The greatest secret to my website designs is that I generally have no idea that I’m about to start a design process when it actually starts. That doesn’t make sense, right? What I mean is that in my daily web browsing I’ll come across a site with a design I really like and I think to myself “how can I make that look better.” It helps that I often visit design galleries like CSS Tux, but you know, inspiration can drop from anywhere. Anyway, this is the point where I realize I’ve started a new design. (Granted, this is for sites that I currently manage. If I’m starting a new site then there is a lot more direction given by the client and the design will, more or less, be dictated by the site’s purpose.)
The next thing I do is sketch a general idea out on paper. This sketch is usually more of a overview and doesn’t have very many details on it. It’s basically where things will go in the final design, though sometimes I add a few specific design elements that I really want to use. For example, I knew I wanted to use a form of sun rays in the Skylight redesign so I added them to a few sketches until I found a place for them. I’ll always block out areas for set things, like the menu or footer area. (I used to sketch using whatever was sitting around but have recently switched to Doane Paper, which is a wonderful invention.)
After a few different revisions, I move onto the next step, which is creating a digital version of what I just sketched out. I basically recreate the sketch using Photoshop, though the difference is the digital version is highly detailed. This step could take days, or in the case of The Skylight, weeks, depending on the amount of detail involved. Color patterns are hashed out, images are placed in the most visually pleasing locations, and drop shadows are added to just about everything. I basically create one very large graphic that looks exactly like the final page will in a web browser. Take a look at the layout file for The Skylight’s redesign.
From here, each graphic is copied from the large layout file and saved individually. For The Skylight page, that’s nearly 40 separate graphics. This is the most tedious and boring part of the entire process and is usually repeated a few times during the testing phase — but we’ll get to that later.
Once all the graphics are ready, it’s time to code a “dummy” page — a complete HTML page containing all of the elements and graphics. This page uses a lot of Lorem Ipsum filler text and some random filler images, depending on my mood. For The Skylight dummy page I used this picture of Cal Ripkin Jr. Once all of the div tags are closed, the CSS has everything where it’s supposed to be and the code is valid, it’s time to move on to the next step — Wordpress.
Just about every site I manage these days is built on the Wordpress engine. While it may be “blog” software, it’s a great content management system and makes future design changes extremely easy. A typical Wordpress theme involves breaking the dummy page into about ten different pieces. All of the content is then replaced with Wordpress tags which pull information from a database that stores every part of the website — it’s all very fancy but it makes my job much easier.
After the theme files are created, I install the theme into a dummy Wordpress installation on my testing server, a top secret website hidden in cyberspace. Here I test all the links, make sure the theme lays out right, recreate graphics so they load properly, and test against different web browsers — which is the fun part. If something looks right in Safari, it might not in Firefox, and it surely will not in Internet Explorer. The trick is finding a way to make it work in all of them. The Skylight redesign brought up an interesting problem in that while the site looked great in Safari, Firefox and — believe it or not — Internet Explorer 7, it looked like garbage in IE6. By garbage I really mean garbage, just take a look at the screen shot. (For those of you who haven’t upgraded from IE6 to IE7, it still doesn’t look great but, well, you shouldn’t be using Internet Explorer anyway.)
After all the quarks are worked out and the site looks as good as it can on all the popular browsers, it’s time to go live. This means installing the new theme on the actual server and activating it. Believe it or not, a few more quarks manage to pop up. For The Skylight page, I couldn’t get the “Older Stuff” button to work for nearly two days despite the fact it worked on the dummy server. Things are just odd like that sometimes in this crazy place we call the interweb. Once these bugs are zapped, the site is complete and I can return to normal sleeping patterns.
Of course, the whole process will start again once something sparks my creativity or I simply get bored with a design. Visiting the About page here you’ll see that I typically update Mindless Chatter about once a year. While it may not sound like it, the whole process is a lot of fun and always well worth the frustration it causes and long nights it requires. When I complete a site it’s almost like finishing a work of art, even if it’s only called art by other geeks and nerds.