Charles Rubinoff

Forward-thinking marketing
through design and new media

USC for Japan

After my final class before spring break this past year of graduate school, the devastating Sendai earthquake hit Japan.  My girlfriend delivered the news to me as I was out with some guys from school at Los Angeles’ downtown Artwalk.  I told my buddy Evan about and he looked particularly concerned as he spent a few years living in Japan and still has friends over there.

The next day, Evan and I grabbed lunch at the Freebirds next to campus and he brought up an idea he had for setting up a website to help direct relief efforts from the school to Japan. An employee at the restaurant overheard us talking about it and raised concern for her friend in Japan.  We alerted her to the Google Person Finder, a site designed to allow for check-ins on particular persons affected by such a disaster. We thought others will have similar worries and may just need a bit direction in how to learn more or send financial assistance, so right after lunch we headed over to his place to begin work on a way to help.

Given my experience in website design and development, I knew I could help on the technical end of setting up the website.  WordPress was the perfect candidate CMS for such a site, and within an hour I had a basic website up and running.  In the interest of time and expense, we chose to host the site on WordPress (rather than self-hosting). While this approach does have a few limitations in customization, it was perfectly suitable for such a focused informational site. I know simple domain names are important for branding and awareness campaigns, so while uscforjapan.wordpress.com may seem straight-forward, I wanted something even simpler.  I registered the domain uscforjapan.com and adjusted the DNS settings through the registrar to forward users who typed in that domain to be pointed directly to the WordPress site. Simple domain, simple website setup. The web is a wonderful place in 2011 — a domain and professional-looking CMS-backed website can be setup in minutes. After developing  the site architecturally, I worked on some graphics and copy for the static pages.

Evan and I created the website to help take the guesswork out of making a charitable donation for the victims of the earthquake.  There are many groups out there claiming to help, but unfortunately every disaster reminds us there are a few nefarious ones out there who will only pocket the donation. We considered handling the money ourselves in the donation process, but were quickly dissuaded— it’s just a logistical mess and there are others who handle it far more efficiently than we ever could on such short notice. Evan and I did the research — we looked at chartiable groups out there and their track records in previous disasters — to narrow the selection for users in making a donation.  We chose Doctors Without Borders are our primary group. As the uscforjapan.com website states:

We specifically chose DWB because of the fact that they are on the ground in Japan right now providing much-needed medical care in areas that were decimated by the earthquake. We were  impressed with the organization due to their reputation for providing direct hands-on aid to communities in need.

The site has been up for months now and I have to hand it to Evan for taking on the majority of the content updates. That guy is a machine and his dedicated to the cause is admirable. There has even been a bit of media covereage about this project, you can find those links below. While recognition is always nice, I’m just happy the site has seen the traffic it has and hope it’s helped some people out there have an easier time in offering support to those in need.

USC’s ATVN: Student group ‘Fights On’ for Japan

Daily Trojan: Students aim to help Japan in time of need

The news cycle has mostly forgotten Japan, as expected so long after the earthquake, but the need for help remains there and across the world where disaster strikes. If you’d like to help make a difference though the wonderful work done by Doctors Without Borders in Japan or elsewhere, you can visit the USC for Japan site for more information.

http://uscforjapan.com/

USC for Japan

Filler Textizzle — 8 alternatives to your standard Lorem Ipsum placeholder text

There are two kinds of people in the world:

1) Those who see “Lorem Ipsum” and know exactly what it means.
2) Those who see it and go lolwut?
(Note: There are more that these two kinds of people, but not in this blog post!)

As a designer, I’m firmly in the first camp. Lorem Ipsum refers to the latin placeholder text that is often used when designing anything from a brochure to a catalog to a website. When I’m designing a new website, I’ll often use this sort of dummy copy as it does a good job of representing English copy at a glance, and fills out a visual presentation in a nicer way than mashing the keyboard and throwing a random sequence of characters.

Here’s a common sample of this filler text, from lipsum.com

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sapien lectus, luctus at fermentum non, hendrerit et enim. Etiam venenatis bibendum erat, posuere venenatis justo tempus eu. Morbi fermentum turpis in risus lacinia auctor. Morbi accumsan nibh quis massa ultrices eget feugiat tortor dignissim.

Lipsum.com is my go-to site for placeholder text, but I’m also digging the new site loripsum.net which gives a few more options for the placeholder text it produces.

So that’s Lorem Ipsum. But there’s more to this esoteric story.  I’m writing today to call attention to the a variety of this filler text that may just elicit both reactions above. If you’re looking to spice up your Lorem Ipsum, here are a few varieties.

Hipster Ipsum

Hipster Ipsum

Voluptate sustainable thundercats you probably haven’t heard of them, jean shorts mcsweeney’s deserunt marfa fanny pack consectetur. Salvia letterpress iphone, viral aute artisan vero laborum non cliche sed. Before they sold out DIY beard, carles eu food truck whatever commodo nisi.

 

Gangsta Ipsum

Gangsta Ipsum

Lorizzle ipsum dolor hizzle amet, fo adipiscing daahng dawg. Nullam sapien velizzle, aliquet volutpat, fo shizzle mah nizzle fo rizzle, mah home g-dizzle quis, gravida vizzle, arcu. Pellentesque break yo neck, yall tortizzle. The bizzle erizzle.

 

Classic Ipsum

Classic Ipsum

Now the way that the book winds up is this: Tom and me found the money that the robbers hid in the cave, and it made us rich. We got six thousand dollars apiece—all gold. It was an awful sight of money when it was piled up. Well, Judge Thatcher he took it and put it out at interest, and it fetched us a dollar a day apiece all the year round—more than a body could tell what to do with.

 

Bacon Ipsum

Bacon Ipsum

Bacon ipsum dolor sit amet swine capicola pancetta, chicken pig filet mignon chuck flank kielbasa jowl ribeye pastrami andouille leberkäse. Swine andouille beef ribs venison, ribeye frankfurter meatloaf ham meatball beef flank salami pork belly.

 

Samuel L. Ipsum

Samuel L. Ipsum

Now that we know who you are, I know who I am. I’m not a mistake! It all makes sense! In a comic, you know how you can tell who the arch-villain’s going to be? He’s the exact opposite of the hero. And most times they’re friends, like you and me!

 

Veggie Ipsum

Veggie Ipsum

Veggies sunt bona vobis, proinde vos postulo esse magis artichoke brussels sprout seakale salsify soybean turnip jícama nori watercress carrot kombu courgette turnip greens chard gourd dandelion peanut.

 

Beer Ipsum

Beer Ipsum

Mead Bright beer Grainy Microbrewery Cask Saccharification Conditioning Tank. Enzymes Cane sugar Dry Hopping Centrifugation Salamanzar Finishing Hops, Cask, Racking Cane. Oxidized Nebuchadnezzar Balthazar Draugh.

 

Tuna Ipsum

Tuna Ipsum

Requiem shark smalltooth sawfish pomfret, scabbard fish goldfish taimen tripod fish tube-snout prowfish tiger shark? Goldeye longfin smelt largemouth bass Australasian salmon California smoothtongue pufferfish.

The New What Next

Today marks the soft-launch of the new charlesrubinoff.com. Who knew it’d be so difficult to find time to work on my website amid the rigors of graduate school? Well, actually, I did.

I started this project toward the end of Summer semester. Oh, what a simpler time…three months ago.  I enjoyed a brief respite from classwork between semesters, but also committed myself the build of a completely redesigned and re-structured website to showcase my work, give some organization to my writing, and aid in the journey to the next step of my career. First, let’s get an idea of what I was working with in the 2008-launched version 1.0 of charlesrubinoff.com.

My old site was, in some ways, off to a good start.  It had a blog section powered by WordPress which featured a custom theme made to match the look and feel of the rest of the site.  And with that out of the way, the bad news: the rest of my site — the front page, the static pages, the portfolio — was an anachronistic assemblage of hand-written code (but no tables!) that looked pretty on the surface, but made updates a chore.

In the time between building my old site and this new version, I’ve had much experience in working with the content management system WordPress. I love how it makes both development and maintenance a snap and knew I wanted it to serve as a platform for my new site. Despite how hectic my schedule has been lately, I knew if I follow a logical game plan on this site build, development time would be minimized. So that’s exactly what I did, from site planning to wireframes to Photoshop comps to coding to troubleshooting. Then after a little bit here and there, a hour here and a couple hours there, my site came together. I certainly made a few feature changes and design tweaks along the way; sometimes I have to remind myself to not let my desire for whiz-bang effects trump good design sense.

When it comes to personal portfolio-type sites, I believe in simple, elegant design that doesn’t get in the way of letting the work speak for itself. Although I am not seeking another position as primarily a graphic designer or web developer, I maintain this philosophy in my professional website. The purpose of the website is to showcase my grasp of the web, which includes a strong background in design and development, but focuses on online brand marketing and digital media strategy as a whole. I love the dynamism of our changing media landscape and the challenge of increasing brand awareness and identity through it.  I’ve been fortunate  enough to work with ventures and causes I can enthusiastically get behind, and I seek to continue that passion in my work.

Tilt-shift photography

The other day I learned about a new photography technique called tilt-shift.  The biggest thing viewers notice about this technique is that it makes the subject appear miniature.  I unfortunately don’t yet have the means to achieve this effect genuinely, but the appearance can be rendered with a bit of work in Photoshop.  I researched this, wanted to try it out, and the photo below is the result.

Tilt-shift photography

Favorite quote about Graphic Design

I first saw this clip from the Hillmancurtis Designer series a couple years ago, and the quote has stuck with me since.

Here’s the video of the interview with James Victore…

Here’s the line that does it for me…

“Graphic design is a big fucking club with spikes in it and I want to wield it.” — James Victore

Here’s what it means to me…

As Victore notes in the video, Graphic Design can be incredibly influential and those who practice it have the power to send strong messages about topics from the profound to the profane.

On one hand, graphic design is a great way to “sell socks.”  A successfully designed campaign can do wonders for a commercial enterprise.  I understand design is used for this, but I don’t have a problem with it.  I like the challenge of developing a solution to not only provide information, but also move the audience to action.  In the case of most companies, that’s to persuade the consumer to learn more about the product and/or make a purchase.  But that call to action through visual communication has much more signifcant potential, and that’s what Victore spells out.

Look at World War II posters, look at poignant magazine spreads, even look at some album artwork and you see how graphic design can have a huge sociocultural impact.  The video shows some though-provoking pieces, and in that regard, Victore is indeed wielding the big “club” to promote others to pause and reflect on a particular topic of importance.  That’s something the absence of engaging design may not have achieved.

I am still learning how to most effectively handle that metaphorical club, but through projects both professonal and personal, I will do my best to do so deftly, honestly and responsibly.

Print’s Not Dead

First, we heard that “punk’s not dead!”, now will a similar credence emerge for print media?

I came across these recently – they’re funny and make a person (especially a designer) think..

Non Sequitur comic

Non Sequitur, 09 May 2008. Click to expand.

I understand print will never completely die. Tangibility is irreplaceable. I know I can only stare at a screen for so long, and such things as a newspaper are a pleasure to read in print. But hey, I can’t complain about the increasing need for web work.

The Design of Politics

Vote 2008

Let’s say you want to try your hand at the presidency. This election year is pretty well developed, so you shoot for 2012. You’ve collected the requisite thousands of signatures to put your name in the hat, somehow gained national prominence, and have a money tree waiting to be harvested. Great. Now before you bother yourself with defining policy stances and such, you’ve got to make some snazzy campaign signs. Alright, mix together some red, white, blue, maybe some stars and your name in a traditional typeface and you’re set, right? Well, actually….that usually is the case.

Until then, let’s take a look at the visual identity this year’s candidates are running, focusing on the logos. The magic campign logo formula above still applies, but even within those traditions, there is considerable room for expression. In such a tight race, even issues of design and typography are brought to discussion. When fonts can be considered the clothes words wear, what are these candidates messages wearing, and what does it say? This is not meant to be an endorsement of any particular candidate. This is simply a critique of the graphic design sported by the three presidential-hopefuls in the running as of this writing. I will be concentrating on the logo’s typography, imagery, and connection to the candidate.

Hillary Clinton

Hillary Clinton 2008

Typography

The choice for type on the Hillary Clinton presidential campaign logo can be described as safe.

The typeface in use here is a twist on the transitional-serif classic Baskerville called simply New Baskerville. This version was created in 1930 and has been a favorite of publishers for years. It’s interesting that to note that only Clinton is using a serif choice as her campaign’s primary typeface. It may be all in the details.

British psychologist Dr. Aric Sigman wrote in his 2001 study “The Psychology of Fonts” that those little flourishes on serif typefaces “conjure images of trustworthiness”. Clinton also is using title-case format with her logo. In addition to increasing readability (albeit a negligible amount in this display use), I believe it lends an aura of gentle approachability and friendliness that all caps might not allow.

The sans-serifed website URL seems like an afterthought slapped on to the campaign sign. In an election where a candidates web presence is more important than ever (especially regarding donations), this line should have been given due stylistic treatment.

Imagery

A mini flag banner. Really? Once again, safe. I should add, there’s nothing necessarily wrong with playing it safe, I suppose I was just hoping to see something a bit more refreshing. While conspiracy-theorists may posit that the three stars are symbolic of a desired third Clinton term, I think that choice is more a matter of practicality than anything else. It’s a limited space, and three stars fill it nicely. The banner serves to underline the Clinton name and, perhaps more subtly, associate it with classic patriotism. The choice of background blue reinforces this idea.

Connection

In a campaign that’s been plagued with voter doubt on her honesty, those little serif curls-o-credibility are more than welcome. Clinton touts a theme of experience, and the familiar, old-style of New Baskerville serves quietly to reinforce that image

John McCain

John McCain 2008Typography

McCain’s campaign designers took the classic, and centrist road with the use of the typeface Optima.

Optima was designed in the 1950s by Hermann Zapf, who coincidentally also served as a prisoner of war. It reflects classical Roman letterform appeal, while keeping the sans-serif modern appeal. Little flares at the ends of letters in this typeface hint at serifs and give it a slightly quirky feeling. Optima was used in the incision of names on the Vietnam Memorial Wall.

Imagery

If you got a military-vibe from the star logomark, it’s working. The nautical star with the gold wings/stripes evokes a sense of class and refinement the campaign hopes will match up to McCain’s commendable service record. It’s simple, yet sophisticated. I like the navy blue used, it compliments the layout well.

Although blue is used in the image above, many of MccCain’s graphics use a black background. This is a depature from traditional campaign desigin. It may register as too dark to some, despite its intention of neutral elegance.

Connection

While the logotype and logomark each have their merits, I feel like the overall design is somewhat lacking for a modern presidential campaign. It’s not a horrible design, it’s just somewhat bland. However, if the designers were aiming for adequacy, they succeeded. If they sought a logo that leaves the voter with a positive feeling and gives the McCain brand a breath of fresh air, there remains work do be done. The Optima selection is simply too dull for my taste. I think there could have been a more engaging typeface with either a bold modern sans-serif type, possibly even venturing into slab-serifs with caution. That this logo is not a great departure from established political design may be in tune wtih charges that McCain offers “more of the same.”

Barack Obama

TypographyBarack Obama 2008

The typeface used for “Obama ‘08″ appears to be Perpetua. This humanist serif is Eric Gill’s most popular Roman font and debuted around 1930. Though not revolutionary, I appreciate it for it’s sharpness and distinguished manner. The real typographical story of the Obama campaign is the use of the typeface Gotham. If you’ve seen his “Change We Can Believe In” signage, or most any other collateral, you’ve seen Gotham. It’s a geometic-based sans-serif typeface created by Tobias Frere-Jones in 2000. It has the sensibilities of Helvetica, but is distinctly American. This video shows the creator explaining the development of Gotham.

Imagery

The Obama logomark is the most conceptual political design I’ve seen yet. The one above is the solid color version, the gradient version is also seen readily. Alice Rawsthorn notes: Now the symbol. It’s a sunrise, with the red stripes of the U.S. flag at the base. “David Axelrod wanted an iconic mark that communicated hope, change and the dawn of a new era of political leadership,” explained Steve Juras, creative director of mo/de, which developed the original identity with the fellow Chicago design consultancy Sender LLC before handing it over to Obama’s internal design team. The sun rising at the start of a new day was an obvious choice for a candidate campaigning for “Change We Can Believe In.” That about sums it up.

The traditional colors work well for the logo. The dominance of blue is reassuringly soothing to those unaccustomed to such a relatively radical logo. I like the use of different shades of blue.

Connection

To create a consistent, memorable identity system is in itself a feat, and especially for a presidential candidate. To have that same consistency span the nation, as well as informational mediums, from prepared speeches online graphics to rallies is a remarkable achievement. The Obama design team have elevated political campaign design to new heights, now even rivaling commercial graphic design. What’s best is that the message suits the candidate well. His message of change is reflected in his refreshing logo and collateral appearances. His brand identity has been established and has resonated well.

__________

That about wraps it up as far as my look at the three candidate’s primary logo design. I realize I’ve given the Obama team a glowing review, but I think it’s well-deserved. Overall, in my limited time following politics (the past decade), I’ve seen political graphics progress and look forward to what the 2012 election year will bring. Politics can be an exciting topic, and the graphic design of politics can help put a style on that excitement.

In a future blog, I’ll take a look at the websites of the remaining candidates to analyze not only their design and brand consistency, but also look at the technical side of things with usability and features. As internet usage grows and politicians are realizing that their message must not only be transmitted clearly in print, but also in new forms of media.

Downtown photoshoot

I love going downtown. Los Angeles, San Francisco, New York, any large city. I like being amidst all the action, history and culture that are unique to each particular metropolis. Not only that, the scenery. Oh, the scenery! While I certainly appreciate the vistas offered by nature, manufactured scapes can also be a sight to behold. I went shootin’ around LA today and here are couple of my shots.

Los Angeles downtown photoshoot

 

How it All Began

One of the first things I’d like to address in this blog is question of how I got involved with graphic design. Let’s go back…

It seems fitting to tell a story of how I was intrigued with art and was composing designs since I was in pre-school, but that really wasn’t the case. I got my first computer when I was in 7th grade, and shortly thereafter is when my design sensibilities took shape. If messing around in MS Paint lends any credibility to my foundation as an artist, then let me state here I’d spend a good deal of time doing just that. However, I believe the much more significant development was my involvement with a program called Print Shop Deluxe. I was using version 2 or 3 at the time, but even then it was enough to keep me busy hours on end. I became pretty darn handy churning out greeting cards, and soon my father was asking me to create a design a card for the the latest upcoming birthday. Of course, there was more to the program than that, and I’d create signs for friends/family, I even designed a business card for myself. Ah, diamond border, how you served me well on oh-so many projects. I didn’t know what I was doing were elements of graphic design, but I enjoyed it. I remember, more than once, I’d compile a sheet of sample text showing off all my system’s different fonts. I was proud to have what I thought at the time was an amazing typographical collection, over 100 fonts (yes, including Wingdings).

Anyway, years passed, and my software collection grew more impressive (Photoshop 6, baby, oh yeah). I was creating flyers for local bands, making signs at work, a bunch of random jobs. I knew I liked this creative outlet, yet still didn’t truly associate it with design. I had regarded graphic design as more of a manual and illustrative process. So when it came time to declare a major upon enrolling at Cal State Northridge in 2000, I went with Marketing. I chose this because I felt Business was a safe path to a successful career, yet the Marketing allowed me to associate myself with Advertising, which seemed the creative side of business.

So I kept messing around on the computer with composing designs, and in 2001 added web development to the mix. This continued until in 2004, one semester short of graduating, I realized business is not something I want to do the rest of my life. I enjoyed a few of my marketing/business classes; the ones that allowed for unique approaches and creative thinking (consumer behavior, retail marketing, marketing strategy), but the rest were either far too numeric for my liking, conducive to the questionable ethics of fellow students, or were simply uninteresting. So I decided to return to CSUN the next fall for an education that catered to what I had been most passionate about all along.

As I moved along the art program, as well as tried my luck at a few design employment opportunities, I realized just how much the principles of marketing are tied to design. While my art education helped nurture my talent and foster additional experience, it’s my marketing education that allows me to have greater insight for which direction to take my design in order to most effectively and efficently reach the intended audience.

And that’s brings me to where I am today. Although my design history is rooted in the digital age, I also now understand and appreciate the importance of traditional methods, as any well-rounded designer should. It’s a privilege working in a field that I thoroughly enjoy. I love what I do, and will always seek to maintain a balance of innovation, effectivity, and passion in my work.

  • Charles Rubinoff
    Follow my journey across the interwebz as I explore online marketing and digital media strategy.

  • All Around The Web

  • 140 Characters or Less

    View more tweets