I have a love/hate relationship with web design.
It’s what I like to do. When I first coded a website, looked at it and thought “hey, that’s nice”, I decided that’s what I wanted to do for a living. Even though I have a Computer Science degree and I’m lacking in graphic skills, I love learning about the basics of design through trial & error.
On the other hand, empty Photoshop documents scare me to death. When a project starts and I have to start thinking out of the box, my mind shuts down. For a person as dependent on method and rules as I am, creativity is a huge struggle sometimes. I can prototype and wireframe a project’s ass off, but when it comes to design, I feel like a rabbit in front of headlights. So many possibilities!
Long story short, I get quite paranoid while designing a website. And I thought I should share it with you, dear readers.
Here are the phases I’m going through while designing:
1st phase: Fear of the dark blank slate
Launch Photoshop. File > New. Stare at the screen till eyes feel tingly. Shut down Photoshop and open WoW. Play till eyes bleed.
2nd phase: GTD
I’m feeling quite guilty at the moment, so I usually break up the design process in itsy little steps and enter them in OmniFocus. I start working on the first todo, typically “Launch Photoshop”. Something fancy gets my attention on Twitter. 90 minutes and 12 clicks later, I launch Photoshop and create a new document.
3rd phase: Procrastination
I start translating my wireframes to .psd talk. Typically, that means that I just copy my wireframe to Photoshop, trying as hard as possible to avoid any kind of creative thinking at this point. I obsess over grey boxes and alignment, till I remind myself the finished result will hopefully not look anything like it. I try to switch my mind to creative mode.
4rd phase: Guilt
By now, quite some time has passed and I’ve got nothing to show. I turn to the web for inspiration. It dawns to me: every web designer out there is more productive and creative than me! Every single link I click on is a nightmare. There’s a devil on my shoulder whispering “See how well she’s done it? And in so little time? Try to beat THAT”.
5rd phase: Denial
This is the worst phase, both for me and the people around me. I become moody and unapproachable. I answer to questions with grunts. I mope around the house, wearing pj’s and eating trash food. I’m convinced I’m a fraud, that I somehow managed to cheat people into thinking I’m a designer. No colour scheme works, Photoshop tools give me hell, I can’t even draw a straight line. I sometimes cry. I sometimes have fits. All in all, I behave like a brat.
6th phase: Spark
While browsing every website from Dribbble to Youporn [NSFW obviously / but safe for MY work / mwahahaha / yeah.] and squeezing my mind trying to come up with something, I see it. My spark. My inspiration igniter. It doesn’t have to be a full website, it can be a background or a button or a textured line. The world shifts, everything clicks into place, a feeling of warmth inside me tells me: Everything’s gonna be alright.
7th phase: Execution
That’s where the real design happens. I form a bubble around my design. I’ve been known to talk to myself during this phase – things like “Oh I know! It’ll look exactly like this” are occasionally heard in Casa Sugar. I design like there’s Devil hot on my tail. Sometimes I forget to breathe. Double rainbows all across the sky, unicorns fetch me sandwiches and I keep wondering “Gee, how could I question myself? I’m a great designer”. Yeah, modesty doesn’t really work in this phase.
8th phase: Delivery
[Save for Web|Archive]. Fire up Gmail. Attach & send.
And this happens every. Single. Time.
If that’s not a love/hate relationship, I don’t know what is.


11 comments on this post
kostas #1
10.Dec.10
Eventhough i am not engaged in web design but mostly in development i can see a pattern in your process similar to mine, and i ll tell you what i always assumed that it’s happening..
My brain accepts tasks, but doesn’t work and produce results right away.. Especially in green field projects it needs it’s time. During that time i may be in WoW, in mmo-champion reading troll posts or doing W/E but in the meantime i know that results are being produced unconciously.
Then, in an epic morning i produce what others may produce in a working week.
Long story short, trust that your brain knows whats important and it will try and give you the ideas that you need, but you need to stop forcing it out of it but let it do it at the back_of_your_head.
jonny #2
10.Dec.10
hey sister, you might want to know that youporn is tracking you: http://arstechnica.com/tech-policy/news/2010/12/youporn-targeted-for-using-javascript-flaw-to-spy-on-users.ars?utm_source=rss&utm_medium=rss&utm_campaign=rss
best,
j
Sugar #3
10.Dec.10
@kostas I try to believe that it’ll work this way eventually, but then after a while , my determination fails me
@jonny LOL, thanks, didn’t know that
Andrew P #4
10.Dec.10
I Absolutely LOVE this post
I am definitely guilty of Phase 3 and Phase 6 Always happens for me too
Andrew
(Alfred.app)
kostas #5
10.Dec.10
@jonny
Solution:
-Steps-
1. Open Chrome
2. Press Ctrl+Shift+N
3. …….
4. Profit
Andrew Ckor #6
10.Dec.10
Thanks for the post sugarenia!!
hahahahah
I also want to thank god!!! Γιατί υπάρχουν και άλλα άτομα εκεί έξω με την ίδια πάθηση
Svelon #7
10.Dec.10
No, that’s not love/hate relationship.
This is a pure artist/art relationship.
Because you prove to be more of an artist than you think.
Stelios #8
11.Dec.10
1) first post in ummm how long?
2) ever tried substituting Phase 1: Launch Photoshop with Phase 1 : Launch pen+paper?
Sugar #9
13.Dec.10
@Svelon You know better
@Stelios 3 months actually. And what I described above is the third phase, after I’ve worked with pen+paper and created wireframes for my design. It’s my “actual” design process
sugarenia.com » Blog Archive » Why it Took me 1 Year to Create a Portfolio #1011.Apr.11
[...] and produce small miracles, but alas, I am not. I never was. As I’ve already explained in My (totally) Paranoid Way of Working, design is such a heart-wrenching procedure for me, I sometimes wonder why I chose to do this for [...]
Petros Z #11
27.Jan.13
After working with you on some projects I have to say that no matter what the steps are, the results are simply gorgeous and near perfect in terms of execution.
I really enjoyed reading this, because I was thinking of that 1 week that I was waiting for your first draft of a design. Now I know what happened during these days, and I love the results even more. At least I know you are human too.
thanks, Petros