Header Navigation

Jan 20 10 by everydayworks

For a while now I’ve always been a bit turn off by navigation. From what I remember, it started off great. But now it seems though that they’ve cluttered this area. This would bring you to the current header navigation. See below:

Everything on the current header navigation looks smashed together and placed where ever there was room.

1. The How-to-Center is at the top right all by it’s self.
2. Secondary nav ( store finder, my order, etc.. seems oddly placed in sort of the middle of the page.
3. Main navigation is cramped with no spacing in between section.
4. The links below the nav just add more fluff to an already busy nav.

So with little effort, I’ve restructured the entire nav and highlighted the most important things.

1. My Order
2. My Account,
3. Shopping Cart
4. Local Ad
5. Find A Store
6. Shop by Department
7. How-To-Center
8. Services
9. Search

The main navigational items should have drop down menu that list categories and sub categories.

Overall though, It looks cleaner and function better. It gives the user less options on what they want to do and let them focus on what’s really important. See tweaking version below:

So, What do you all think? Does my tweak/suggestions enhances the design?

Martin + Osa This Weekend Only $59 Jeans Email

Nov 16 09 by everydayworks

I get an email from Martin + Osa every week. And every week is great. Mostly their an easy read.

I got this one a couple of days ago. It sort of goes with the fall season (orange). I like it cause it prompts me to take action and its really simple. For this weekend jeans are $59. Regular price is $79.50-$120. Oh and you get an additional 30% on all sale items.

Current Martin + Osa This Weekend Only $59 Jeans

So, for messaging, You got me, I’m sold. Design wise though, we could tweak a few things. See below.

1. I added the main message as HTML text at the top of the email with links.

2. I got rid of the tiny navigation up top after the blue and put it above the blue bar with bigger text.

3. I condensed the “trouble viewing” and added it to the right of the navigation

4. I’ve aligned email image with the blue bar so there are no gaps on the sides of the email image. The tag line was centered and added a gradient to give it a little bit of depth.

5. I’ve changed all the fonts to be Arial, Looks really similar to the font used. So if wanted to use all HTML text, you could.

6. I added gradients to the orange background again to give the design a little bit more pop making it less flat.

7. I made the original prices text a darker orange. Thought I might be could to point out the discount there getting.

8. There are more little things here and there I tweaked in the design. One thing more important though is the grid. I aligned everything. The end of the “S” in “This” is aligned with the “S” in “Jeans”. and so on… It just look cleaner when things are aligned.

Tweaked Martin + Osa This Weekend Only $59 Jeans

So, What do you all think? Does my tweak/suggestions enhances the design?

Cute Hanna Andersson Sweaters for everyone email

Sep 11 09 by everydayworks

Overall, I like it. It’s cute. The cute little icon add a playful touch to top navigation. Colors are great, they tie in with the little girls dress and the offer below is big. I don’t know, for me every time time I see big numbers it make me what to look even more.

Current Hanna Andersson, Sweaters for everyone email

I got over my 40% off sale high and looked at the email more closely. And of course somethings could be tweaked.

1. The logo is really nice. And a bit hard to read when small. I bumped it up about 25%.

2. I moved the “problems viewing” link to the top of the page.

3. I’ve added some greek text with a link. This would be a one liner that tells the viewer what we what them to do.

4. The CTA. I moved it to the top more, right below the “nicely your done” copy. Making it more prominent. I’ve also added some shading to it to give it some depth and a little pop.

5. The secondary copy I moved below the CTA. If you want read it you can, if not. It’s really not necessary.

6. On the footer, I removed the “3 ways to shop” copy and reorganized it differently. The “catalog” cta is now at the same level as the phone number and store locations. Also giving some seperation between the sale offer above and the legal at the bottom.

7. The little girls thumb on her left hand, the angle of her hand just looks odd. Maybe a photo retoucher can lend a hand? or thumb I mean. I didn’t adjust that in my tweak, just pointing it out.

8. Alt tags? No where to be found. See here.

Tweaked Hanna Andersson, Sweaters for everyone email

So, What do you all think? Does my tweak/suggestions enhances the design? Does the CTA being a bit higher and more glamorous pop out at you that makes you want to click it?

Nice Looking Pottery Barn “Fall 2009″ E-mail

Aug 26 09 by everydayworks


What a great design. Its simple, its clean, and it looks good with images off. See here. Apart from this being a great overall design. I did see one important thing that could of used more attention. The “CTA” (call to action). I think it blends in with the well laid out type in the white box. The little arrow to the right of the “See what’s new” text is the only give away that its a link. How about making this a button? Something that stands out and grabs your attention? I tweaked the design a bit to add a button.

What do you think? Does it work with the button?

Pottery Barn E-mail Original
Pottery Barn E-mail Everydayworks

West Elm e-mails are great. maybe…

Aug 21 09 by everydayworks


When I design emails, I’ve always stressed the use of HTML text. Why? Well because of how the e-mail displays with images off. West Elm e-mails are great. They always look really well designed. I don’t know what metrics tell them but they always get me to look and see their products. I might be a little bias since I purchased furniture from them before. Anyway, I took a look at this weeks e-mail with images off. Surprisingly, not as well designed as I thought. See here. One with images and one without. The images off versions doesn’t really say much except for “I NEED TO DOWNLOAD THE IMAGES”.

I took a couple of minutes to see how I can tweak this. I change most of the text to HTML and I must say, not to far off from their original design. See my tweaked version of this email using HTML text here. The end result, a well designed email with HTML text that looks good with and without images.

West Elm E-mail Original
West Elm E-mail Everydayworks