Tag Archive | graphic design

At last: an update

It occurred to me that I should update this with some of the professional work I’m doing.

That sounds easier than it is, considering that a lot of the work I’m doing is UX design and, due to the lifecycle of software, apps, websites, etc, most of them haven’t launched or, after getting in contact with me and hiring me and thanking me, dropped me like that Ornithology course I almost took in high school, and I’ve no idea where they are now.

Yet still, work has been done. So here I’ll post one.

facebook_cover

I did a graphic design project pretty much pro bono for a local women’s bicycling group that’s just getting off the ground (and growing fast). It was a great deal of fun, especially with the main logo piece. Women… ocean state…. bicycling… see it? see it?

Yeah now you do. Uh-huh.

Of course I went on to make an insane amount of variations..variations

Which is just par for course, right? I mean, you HAVE to have a shitton of variations for those bumper stickers, cups, t-shirts, sports wear, car decals, event stickers, web announcements, etc etc etc…. and who doesn’t like colors and hipster typography and ohmygod I’m getting carried away with my own coolness.

I learned from this project not to give your client too many options.

In the end, the secondary logo (aka the profile icon on facebook to go with the banner logo, as in the first image):

facebook_profile1

“Keep it simple, stupid”, as one of my professors would always say.

(But colors are fuuuuun…!! why doesn’t anyone believe me??)

 

The A-Ha Moment

So the past nine months of designing Glance have been a story of iteration…

iteration_1
after iteration…
iteration_2
after iteration…
iteration_3
after iteration…
iteration_4
after iteration…
iteration_5
after iteration…
iteration_6
well you get the idea.
iteration_7

Designing a piece of software to be intuitive and elegant is blood, sweat, tears, and a splash of carpal tunnel. There’s a hundred-and-one functions that you need, and it has to be well-organized, seem simple, be easy-to-use, and look good to boot. I’ve always felt it’s like cooking.
design is cooking

Out of all the projects I’ve designed for since starting as a UX designer (ooooh so long ago), Glance has proven the most difficult to design, mainly because there are no well-designed precedents for software in this area that are as complex as we’re shooting for. That, and the fact that the audience for Glance isn’t tech-savvy urbanites fooling around with a game. The audience is not just low on the tech-savvy scale, but they have genuine, understandable fear about using technology in their process. This is their research data, their lifeline, their everything. There’s no way they want to jeopardize that data in any way. So while there are many apps out there that give a nominal edge over an older technology, and that works for them to get new users, our app has to be so above and beyond, so friendly and unintimidating, so clear and understandable, that our audience will let go of the technologies they’ve been using for decades in order to take a chance on us.
Easy peezy. (not.)
It didn’t help that my iterations were consistently dozens and dozens of windows long, either. (I’m referring to all the little boxes you see in the pictures above.) I knew I was missing something, some clear path to guide the boat through the reefs. I had gone over many of the iterations with a large number of researchers, non-profits, and students, and they had all nodded along the way, but it wasn’t right. It wasn’t clear enough, I still had to explain too much, and there wasn’t enough surprised pleasure on their faces.

Over the last few days though, a number of events came together to provide for a break:

1– I took a long break of a few weeks from even looking at the UI, and instead spent a great deal of time thinking about why I was doing this and where I wanted to put my energy in the project.
2– Necessity propelled me to design an official logo for Glance (we just joined the local Social Enterprise Greenhouse‘s mentoring program, and so we needed a logo for their site) which forced me to confront the questions of: Everything I can spend paragraphs articulating about what Glance is, how do I boil it down to a visual essence?
3– I read Apple’s IOS 7 design guidelines. Say what you will about it, those designers put an incredible amount of thought into the new design and how the visual and motion design reflects the information design. They got rid of a lot of the old useless crap like skeumorphism, but finally took the next step past flat UI into layered UI, which I had been hoping metro would do but didn’t. (For a great article on that, check out this article on PencilScoop.)

Between high-level priority and identity consideration, the pressures of a deadline, and relief from knowing I had more flexibility in how I wanted to design than I had in IOS 6, I had a few breakthroughs.

First off was the first draft of the logo and aesthetics:

Glance logo
And then, with those aesthetics and that abstract understanding of what Glance was about fresh in my mind, I put all my Illustrator files away, went to my little notebook, and started doodling UI flows.
iteration_9
You can’t see anything in that picture, I know. What, think I’d ruin the surprise now, before the app is out? Psssh.
But my point is that all of it simmered down to two scribbled flows and about ten UI windows each about the size of my thumbprint. The navigation structure, which had before been long and complex, the functionality which before had been like marbles all shoved in a box, had condensed after months of stewing and stirring into something which gave me that wonderful feeling of being “on to something”.
I couldn’t have gotten here if I had over-designed my first iterations. At last, the careful approach I took months ago paid off, by leaving myself still willing to make large changes!
I’m sure it’ll continue to evolve, and I’ll still get things wrong, but there’s little to compare in satisfaction with making an elegant solution for a complex problem.

Did I mention I love business cards?

So I like designing business cards.
bizcardnew

They’re like designing candy. Small, tasty little things that are supposed to catch the eye and the interest.

business_cards_GHW_all

yummmmmmmmmmmmmmm
Alex is a little iffy on the bright colors, but he’s more a monochrome minimalist guy. I think the black and white thing can be done right, and has been done right about a gazillion times before- I have to say I like a little (okay a lot) of color.
So color we go.

The joy to be found in business cards.

business cards
I used to be a criminal.
I used to go online and use those “FREE BUSINESS CARDS” ads (which were so not free, beeteedubs), and then get 300 pre-designed cards in the mail and use those. Ugh! How could I?? It was terribly embarassing. It didn’t come up much in corporate world though.
But no longer! In a couple hours I whipped up a design, had them printed, and spent a twiddly hour cutting them out. Tedious, yes, and while designing I was being a moron and not thinking of bleeding colors, but hey, it’s a STEP FORWARD.
Still, business cards gives you such great ideas! How can I integrate hand-made elements into it next time? Could I double-layer the paper and cut out the top layer in my name? Need a laser cutter for that, but still.
I’m out of prison, though still on parole. As my job progresses further, I’ll have to knock out a whole day and just make something so totally badass it’ll blow your mind.

just like that.

just like that.

<