Archive for the ‘Design’ Category

Buy Soma Online

Aug 20, 2009

Graceful Degradation Buy soma online, Since we are going to be using @font-face and Internet Explorer (IE) does not support CSS3 I will have to find alternate fonts to use. Cheap soma no prescription, We will be degrading the @font-face fonts to system standard fonts. This is called graceful degradation, αγοράζουν online soma. Cheap soma online without prescription, We will also be creating a separate style sheet for IE users that will use system standard fonts. I had two fonts I needed to replace, Tennessee TN Tenn.. I decided to just go for Lucida Sans Unicode for the replacement for Titillium and Lucida Handwriting as the replacement for FG Delaney, buy soma online. Køb discount soma, It’s obviously not how I want the type to look, but for those people that are either forced to use IE because they work with custom software that only runs on IE, soma pills, Order soma online legally, or their IT guy won’t move everyone over to Firefox, they will still be able to see the site with slightly more interesting type than just Arial, Massachusetts MA Mass.. Soma without a prescription, Below you will see an example of what the fonts will look like in IE or an old version of the Firefox, Chrome, cheap soma online legally, South Carolina SC S.C., or other browsers that don’t support CSS3. The one thing that will be mismatched is that the logo will still be using Titillium and FG Delaney since we will be doing an image replacement for it, soma online kopen. Order soma, I was considering doing that for the headers, but for right now it looks like we will degrade all text on the site besides the logo text, comprar soma.

[caption id="attachment_406" align="aligncenter" width="176" caption="IE Font Degradation"]IE Font Degradation[/caption]

Old Browser Versions Buy soma online, For people using an out of date browser they will be greeted by an alert at the top of the page. Order soma online without prescription, This is something we were going to do a year ago, but held off, soma prescription. Order soma overnight delivery, Now with the campaign to kill off IE6 becoming bigger as sites like Facebook, YouTube, soma without prescription, Cheap soma online, and Digg are stopping support for IE6 and giving you a notice that your browser is out of date and recommending you upgrade, we will be doing the same, ordering soma overnight delivery. Købe soma, Below you can see how I want to handle this on our new site. The page will just drop down 100 pixels and a yellow alert will appear letting the user know their browser is out of date and giving them the links to upgrade to their preferred browser, purchase soma, Cheap soma, or just close the alert and continue using their current browser. Of course we would rather have people switch from IE to Firefox, but if we can at least get them to upgrade to IE8 that’s something, buy soma online. Less IE6 users showing up in the browser use statistics would hopefully help make Microsoft reconsider their stance on supporting IE 6 until 2014, farmacia soma baratos. Alabama AL Ala., This is a slight tangent, but my professional opinion is that Google Chrome and their upcoming Chrome OS, as well as the giant migration from Windows XP and Vista to Windows 7 later this year is going to decimate the IE6 usage. I’ll go out on a limb and say by 2012 IE6 usage will be under 6% worldwide.

[caption id="attachment_407" align="aligncenter" width="168" caption="Old Browser Detection Alert"]Old Browser Detection Alert[/caption].

Similar posts: Ordering soma online. Farmacia soma baratos. Price of soma. Buy soma from canada. Comprar soma. Order soma online without prescription.
Trackbacks from: Buy soma online. Buy soma online. Buy soma online. Buy soma online. Buy soma online. Buy soma online.

Generic Soma

Aug 13, 2009

Retro Futurism Generic soma, As I was getting ready to start the artwork for the site I opened the working draft and gave it a once over. I realized it still needed polishing up and was going to save that for a future post, Connecticut CT Conn., but instead went ahead and started to finalize the design.

The whole concept for the site was first and foremost a poster. I know I stated before I didn’t want to separate the header, cheap soma online, body, Cheapest soma in the world, and footer up. To define their area subtly, so the user had visual clues as to where the content area ended and the footer began was fine, buy cheap soma online, as long as it played into the poster concept. I figured the best way to accomplish this was to add folds, generic soma. Where to buy soma, There will now be a fold after the header area, and after the body area to designate the three main areas of the page. The best part is that on a laptop with the standard resolution, Kjøp Discount soma, depending on the amount of toolbars you have installed, Order soma no rx, the fold is literally the fold in the poster. I thought that was clever and even decided to label it.

The second concept I was going for was retro futurism, Washington WA Wash.. Generic soma, The first thing I tossed out to the 2010 team way back in June was steam punk, which by its nature is retro futurism. That was the idea going into the design, Ordering soma no rx, but as the process moved forward I realized steam punk would force the brand in a different direction than I wanted. I didn’t want to do that. Instead I moved to a general retro futurism, cheap soma online cheap, which the brand could easily be expressed in. Order soma online, In one of our team meetings someone mentioned they felt some of the elements were 80’s looking. I found that interesting because the elements they were talking about in my mind were 1939, generic soma. So I guess I did a good job of bringing in a feeling of a retro design that would convey 1940-1990. At least this is what I want to accomplish, Pennsylvania PA Penn..

The Artwork

The artwork will also have a hint of retro futurism. Minnesota MN Minn., Initially I figured I would use hand drawn graphite illustrations for the page art, but now that I see the page nearing completion the artwork needed to be crisp and clean. Generic soma, I was also worried about turning hand drawn illustrations into PNG’s for the web, I know it can be done, but I wasn’t sure I wanted to give myself that headache. The biggest perk to drawing vector illustrations is that I can reproduce the artwork by printing it in any size for any media, comprar en línea soma, we can even make T-shirts with the art if we want. Order soma online cheap, Since the line about how a website is like a shark stood out to everyone the first piece of art was to do a tin toy wind up shark. The concept being our clients websites are the shark and we keep them wound up and moving forward. The shark was fun to make and gave inspiration into whether I make all the pages’ artwork be objects that are wind up tin toys, soma discount. That is still up in the air, but that would give all the art a common thread, generic soma. I will be working on the rest of the art for the next couple months, Comprare soma, which will overlap into the building of the site. I won’t be posting anymore of the art, so you will have to check out the new site when it is launched in January 2010 to see the finished product, Texas TX Tex..

[caption id="attachment_390" align="aligncenter" width="300" caption="Wind Up Shark Artwork"]Wind Up Shark Artwork[/caption]

Working Draft 1.1

As you will see below I have continued modifying the working draft. Kansas KS Kans., I polished up the page and graphics strengthening the retro futurism concept. Generic soma, The strongest element is the motif of the parallelogram which I cleaned up around the page.

The idea of using a handwritten font has been in my back pocket the whole time and I didn’t forget about it. This time when I looked for a handwriting font I found one in FG Delaney, köpa soma online. I placed it around the page and decided to bring in “notes” to clarify some navigation buttons. Georgia GA Ga., There was talk I was too abstract with the main navigation and I appreciate that. I didn’t want mystery meat navigation so I added notes below the tabs explaining what the pages are, generic soma. Now I am using two fonts in this design, Titillium and FG Delaney, ordering soma. I have already run some tests using @font-face to see the readability of Titillium as the font for the body copy. Buy soma online without prescription, I wasn’t totally pleased with how the size I wanted to use looked, so I may decrease the font size or stick with an Arial, but that will be decided in the build, New Mexico NM N.Mex.. Since bringing this font into the page design it was natural to change the word performance to the handwritten font to match the main navigation. Generic soma, Below you will see version 3 of the 2010 style guide. Purchase soma online, [caption id="attachment_394" align="aligncenter" width="225" caption="2010 Style Guide v.3"]2010 Style Guide v.3[/caption]

Once the artwork was finished and placed the messaging didn’t work anymore. We decided to scrap “making the web work for you” and use the website is like a shark line. We liked how this was playing, but we had a discussion on whether to bring the shark theme into the content or just leave it as the home page message. I thought it was best to leave the shark as the home page message and not theme the content to carry the shark message through all the pages. I didn’t think we wanted to be known as the shark web company, plus I want to have a different piece of art on each page, generic soma. So the thought now is to theme the message at the top of the pages to compliment the artwork and be different for each page. The content will be left unthemed.

With this version we are getting very close to my vision for the eClick 2010 website.

[caption id="attachment_391" align="aligncenter" width="176" caption="Working Draft 1.1 - Home Page"]Working Draft 1.1 - Home Page[/caption].

Similar posts: Køb discount soma. Cheapest soma. Buy soma online. Ordering soma without prescription. Cheap soma online without prescription. Comprare soma sconto.
Trackbacks from: Generic soma. Generic soma. Generic soma. Generic soma. Generic soma. Generic soma.

Buy Soma From Canada

Aug 07, 2009

A great artist is never finished with a piece;
he just knows the right time to stop working on it.

The above I am pretty sure is a quote from a 20th Buy soma from canada, century artist, but I couldn’t figure out to whom it is attributed to. Cheapest soma online, If anyone knows leave a comment, otherwise I don’t mind taking the credit, Virginia VA Va.. Um soma online, When I mentioned posting the working darft of the site design with the copy in place to the other 2010 team members they didn’t think it was a good idea. They wondered why anyone would keep reading the blog and following the process if they saw a finished site design with all the copy and messaging in place, buy soma online legally. Osta alennus soma, Well, finished is the word that doesn’t apply, buy soma without prescription. This working draft of the site design is just that, “working”, buy soma from canada. For soma online, The copy and messaging is also still in working draft form. I explained to the 2010 team that not only will the design most likely change before and during the build, cheap generic soma, Kjøpe soma, but the copy would most certainly change also. So no one is seeing the finished copy or even the final design, købe soma online. Comprare soma, Web design isn’t something that’s all done in Photoshop or Illustrator it is also done during programming. Buy soma from canada, Even though I think ahead and try to take rollovers and sign postings into account, once I see them in action I may make a change. I consider this design the first working draft and the copy the second working draft and foresee at least a couple more rounds of changes, Nebraska NE Nebr.. North Dakota ND,

 

Composition 3.7

There have been some changes since composition 3.6. I had been playing with the opacity of the parallelograms and noticed overall the color was too muted, παραγγείλετε online soma. Ordering soma from canada, I turned the opacity back up to 100% for the logo area, the main navigation, Um soma online, Köpa soma online, and the parallelograms connecting the top border and left border around the body. Now the color really popped, buy soma from canada. I also turned the client login area tab and the 2010 tab into parallelograms, District of Columbia DC D.C.. Købe soma, Now every graphical element is a parallelogram, making it the graphical motif for the site, soma generic. Buy cheap soma online, Since it was the motif I thought I would try out duplicating the navigation parallelograms and filling the left side of the page with them. I enlarged them and turned the opacity way down treating them as a water mark of sorts, Wyoming WY Wyo.. Buy soma from canada, Whether these stay is still up in the air at the moment, but the team seems to like them. Generic soma, The last change was that the right side of the footer became the latest post from our company blog. Not only does this help promote our blog, Acheter en ligne soma, Comprar soma de descuento, but bring the topics and keywords from the blog post to every page of our site.

 

Composition 3.7 = Working Draft 1.0

So what you see below is what I consider the first working draft of the new site design. From here I will create and place the artwork. It is finally time to start drawing, buy soma from canada. One of the 2010 team members has been very anxious to see the artwork. She would have had it come first, but that is the same trap clients fall into. I explained it to her like this, a painter needs to build and stretch the canvas before he can paint on it. In fact, if I had started the artwork first or even earlier I would have wanted to go back and change it since the space the artwork will occupy has shifted around and the artwork needs to compliment the tag lines and messaging, which didn't come until recently.

Through the rest of this month I will be working on the artwork and fine tuning the design and content. The goal is to hand this off to the front-end developer by the first week of September.

[caption id="attachment_335" align="aligncenter" width="184" caption="Working Draft 1.0 - Home Page"]Comp 3.7 - Home Page[/caption]

 

[caption id="attachment_336" align="aligncenter" width="171" caption="Working Draft 1.0 - About Page"]Comp 3.7 - About Page[/caption]

 

[caption id="attachment_337" align="aligncenter" width="184" caption="Working Draft 1.0 - Contact Page"]Comp 3.7 - Contact Page[/caption]

 

[caption id="attachment_338" align="aligncenter" width="156" caption="Working Draft 1.0 - Create Page"]Comp 3.7 - Create Page[/caption]

 

[caption id="attachment_339" align="aligncenter" width="168" caption="Working Draft 1.0 - Optimize Page"]Comp 3.7 - Optimize Page[/caption]

 

[caption id="attachment_340" align="aligncenter" width="127" caption="Working Draft 1.0 - Evaluate Page"]Comp 3.7 - Evaluate Page[/caption]

 


.

Similar posts: Osta alennus soma. Buy soma. Cheapest soma in the world. Ordering soma online. Farmacia soma baratos. Price of soma.
Trackbacks from: Buy soma from canada. Buy soma from canada. Buy soma from canada. Buy soma from canada. Buy soma from canada. Buy soma from canada.

Cheapest Soma

Aug 07, 2009

Copy and Paste Cheapest soma, After the copy was written and revised I started to composite it into the pages. As I was transferring it over I was making more edits and tightening up the sentences trying to get the copy as clear and concise as possible without losing the message. The less copy you use to get across your message online the better. I know this draft of the copy was going to change and I wanted it to change on the page instead of in a Word doc. Texas TX Tex., The copy also needs to be flavored some more, at the moment it still reads a little flat, but first all I was worried about was getting the basic message down.

The first pages I focused on were the six main pages, cheapest soma. These are the most important pages to the site and will be the most visited. They explain what we do, Massachusetts MA Mass., showcase our work, and let people contact us. The goal was to write content that would give the audience a general understanding of what we offer without going into great detail, Mississippi MS Miss., which will hopefully spark them to contact us for more information. That way we would be able to customize solutions to the client’s needs. Cheapest soma, My job is to get them to call or fill out our questionnaire and send it back.

 

Poetic License

A month ago when I started this project the first thing I did was to think about the site structure, what the navigation would be and what pages there were going to be. I wanted to try and find a way to reduce the amount of pages and if possible segment what we do into three main categories, cheap soma overnight delivery. The power of threes is very impressive, people love things in threes. The three main categories were Design & Development, Connecticut CT Conn., SEO, and Internet Marketing. That is fine, but not completely accurate, or creative at all, cheapest soma. So, I started to think about what I could call the categories and the first one that came to me was “Create” for the design and development section. It’s one word, discount soma, simple and effective. The tag line or header for that page is going to be “Imagine & Build”, which is the replacement for the literal version “Design & Development”. Soma online kaufen, I had “Create”, now I needed the other two. Cheapest soma, Well, what is SEO really. Search Engine Optimization takes place in the code and content of a website, it happens on-site, not off-site like PPC, buy soma cheap, link building, etc… SEO doesn’t drive traffic to the site, but optimizes the site to receive said traffic. Vermont VT Vt., Optimize, that sounded good, again one word, simple and effective. So I had, cheap soma bars, “Create”, “Optimize”, but still needed one more for Internet Marketing. Köpa soma, At first I had all our Internet Marketing services over on the third category, which we thought for awhile about what to call it while in a team meeting. Create, Optimize, Marketing, no what about, Create, Optimize, Market, cheapest soma. Still not working and then after discussing what exactly we do once a site is designed, built, and launched we came up with “Evaluate”, order soma. We evaluate the analytics, PPC campaigns, etc… The best part is that it rhymed. Buy soma, “Create”, “Optimize”, “Evaluate”, those were going to be the three main categories.

The problem was that when I first showed all the copy to the team they made a comment that PPC and other Internet Marketing services are done sometimes in unison with the site build and the site optimization, cheap soma. Cheapest soma, They suggested we move the Internet Marketing services over to the Optimize section. At first I wasn’t sure how that was going to work. It was going to take a paradigm shift for people in the company to realize these aren’t mutually exclusive and they all tie together, in fact, Ordering soma no rx, I realized that there are really two types of optimization. There is on-site optimization for the search engines, and there is off-site optimization for the traffic. Bingo, I would make the Optimize page split into two sections, Missouri MO Mo., Optimize your Site and Optimize your Traffic. Under Optimize Site I would include keyword research and analysis and search engine optimization, cheapest soma. Under Optimize Traffic I would include pay per click, link building, Cheap soma without prescription, email marketing, etc…  That led to the tag line “Better Site + More Traffic” for the Optimize page.

Since all the Internet Marketing services were moved over to the Optimize page the Evaluate page changed. It became the area of the site to talk about Google Analytics, and the reporting we do on the Internet Marketing services we provide, cheap soma online without prescription. The Optimize and Evaluate pages now shared a lot of content with each other and were tied together. Cheapest soma, Internet Marketing isn’t a one and done thing, it needs to be on going and monitored. So, the tag line “Managed Internet Marketing” is currently being used on the Evaluate page. Soma online,

 

Yes We Can

Now I needed to work on the tag line for the home page and other utility pages. I needed something to start with so I could stare at it and figure out what to change. eClick was moving away from the old slogan “get more from your site” and moving toward something to do with the website working, or working as hard as you do. Work was the key word I was going to focus on, cheapest soma. I wrote out the sentence that was being tossed around the office, Delaware DE Del., “Does your site work as hard as you do?” at the top of the home page composition and started to stare at it. If you consider the last part of that sentence, “as hard as you do” it conveys to the audience that they are working hard or should be working hard and that their site should be working just as hard. Soma discount, I would think a client would want their site to work harder than they do. I didn’t like what it implied. Cheapest soma, That sentence is also a question, and although questions are good tag lines I wanted something that was declarative. A wanted a statement like, “Have it your way.” And I knew it needed to be just a few words long. The best tag lines are usually only 4 to 6 words long, Kentucky KY Ky., sometimes even 3 words or less. Yes We Can.

So I knew I wanted to eliminate the question format and the concept of the client working hard. I also needed to get the word “work” and the word “web” somewhere in there so there’s no mistaking what we do, cheapest soma. Pharmacie soma bon marché, This slogan not only has to convey the right sentiment, but it also has to explain what we do as a company, so someone coming to our site for the first time would immediately know what we do.

What you see below took several hours one night of me just staring at the tag line on screen with the great History Channel mini-series “The Universe” playing in my second monitor for background noise. I gave you an idea of the thought process, Osta soma online, but I really wish it was as easy as it seems when these six lines are typed out one after the other, but it wasn’t.

 

Does your website work as hard as you do?

Website work hard you

Web work you

Make web work you

Making the web work for you

 

The Mission

The best part about the new slogan is that is follows and caps off every thought.

Cheapest soma, ”eClick Performance, making the web work for you.”

“We create, optimize, and evaluate websites, making the web work for you.”

Since it is a sentence fragment it feels like it is the end of a thought. Purchase soma online, Next to the logo it implies the first part of the thought is eClick Performance, and the second is that eClick makes the web work for me. Also there is a double meaning in work. The site can be anthropomorphically working, as in physically doing a job, but it also implies the opposite of broken. Is your site broken, we can fix it and make it work. When you find a double meaning as good and relevant as that one, it’s a keeper, cheapest soma.

This slogan paired with the three main categories became a very simple and effective mission statement for the company.

What’s our mission.

We create, optimize, and evaluate websites, making the web work for you.

 


.

Similar posts: Buy soma from canada. Comprar soma. Order soma online without prescription. Comprare soma. Billige soma apotek. Soma online kaufen.
Trackbacks from: Cheapest soma. Cheapest soma. Cheapest soma. Cheapest soma. Cheapest soma. Cheapest soma.

Farmacia Soma Baratos

Jul 30, 2009

Site Map Farmacia soma baratos, Since there have been changes to the layout and structure of the site I had to go back to the site map and change it once again. Soma pedido en línea, We are now in version 6 of the site map which you can see below. Again, ostaa halvalla soma, Michigan MI Mich., I always want to keep this document up-to-date with the latest architecture. This needs to match the current organization of the compositions so there will be no confusion on how the site will be structured and built, acheter soma. Buy soma no prescription, [caption id="attachment_278" align="aligncenter" width="300" caption="2010 Site Map v6"]2010 Site Map v6[/caption]

 

Logo

The style sheet also had a change to it. The lime green has been removed as one of the company colors, farmacia soma baratos. Now the two company colors are the dark steel blue and the dark gray, comprar en línea soma. Iowa IA, I also muted the red slightly because I felt it was too loud. The new red added and the lime green removed from the style sheet can be seen below, Indiana IN Ind.. Tennessee TN Tenn., This style sheet will be updated in the future when I add in the new messaging.

[caption id="attachment_279" align="aligncenter" width="225" caption="2010 Style Guide v2"]2010 Style Guide v2[/caption]

 

, order soma without prescription. Cheapest soma prices. Minnesota MN Minn.. Cheap soma no prescription. Osta alennus soma. Alabama AL Ala.. Cheap soma online legally. Soma en ligne afin. Soma sale. Soma kopen. Cheapest soma. Billig soma apotek. Cheap soma online cheap. Arkansas AR Ark.. Pharmacy soma. Louisiana LA.

Similar posts: Cheap soma online without prescription. Generic soma. Comprare soma sconto. Ordering soma. Buy soma online. Cheapest soma online.
Trackbacks from: Farmacia soma baratos. Farmacia soma baratos. Farmacia soma baratos. Farmacia soma baratos. Farmacia soma baratos. Farmacia soma baratos.

Osta Alennus Soma

Jul 30, 2009

Parallelogram Osta alennus soma, The first thing I did was to scrap both backgrounds and look for a new one. Bestill soma online, I still knew exactly what I was looking for, but didn’t feel like making one so I continued the search, soma without prescription. Ohio OH, This time I stumbled upon a perfect background right away and tossed it in the composition. If this is the background that will be used on the site I will have to prepare it for use by making sure it tiles correctly in the x and y directions, New Hampshire NH N.H.. Oregon OR Ore., One thing I did keep from the last version of the site design was the HTML code that was being used in the dark background. When you want to give the paper texture a newspaper feel you typically write out a bunch of text and invert it so it is backwards and then turn the opacity way down because newsprint is so thin when exposed to any light the text on the other side is visible through the paper, osta alennus soma. The problem is I don't really want it to look like a newspaper, ordering soma without prescription, Order soma online legally, so the HTML code was dropped in later versions.

I changed all the text to Titillium and played with the weights, soma online kopen. Colorado CO Colo., For now I was only using one font through out the whole design. This is also where I got rid of the icons in the side bar, Maryland MD Md.. Osta alennus soma, I wasn’t sure what I was going to do with those yet, but I knew I didn’t want them over there anymore. Farmacia soma baratos, Besides I liked the wide margins it now created on the sides of the body content. I changed the circle at the top that was around the contact button and turned it into a square, ordering soma online legally. Köpa rabatterade soma, That was a catalyst for the remaining graphic elements.

The first thing that dawned on me was that the parallelograms I was using on the side and top of the logo were the original graphical elements and I should consider using that as the sites graphic motif, soma online cheap. I was about to put squares back next to the main navigation but instead used parallelograms, osta alennus soma. Om soma online, [caption id="attachment_269" align="aligncenter" width="184" caption="2010 Comp 3.1"]2010 Comp 3.1[/caption]

 

[caption id="attachment_270" align="aligncenter" width="184" caption="2010 Comp 3.2"]2010 Comp 3.2[/caption]

 

I started to put the parallelograms around the page. I added them next to headers and started to place them up at the top for the utility navigation, buy soma bars. Cheapest soma in the world, I was re-shaping them and playing with opacity and color.

I figured out what to do with the Facebook and Twitter icons, order soma online, Order soma from canada, they were going into the top utility navigation. Osta alennus soma, I dropped the mail list icon and made the link to our blog just another word in the navigation.

I drew a few more border lines here and there and darkened them up a tad, Virginia VA Va.. Order soma, I darkened the main navigation text and changed a few of the headers. Those are still in the works, price of soma, Kansas KS Kans., but I like headers that aren’t so literal. Instead of saying “Testimonials” say “The buzz”, Jotta soma verkossa, Soma cheap, or something like that. It’s more fun and interesting to be creative with your headers than literal, which can be dry and clinical, osta alennus soma.

[caption id="attachment_271" align="aligncenter" width="184" caption="2010 Comp 3.3"]2010 Comp 3.3[/caption]

 

[caption id="attachment_272" align="aligncenter" width="184" caption="2010 Comp 3.4"]2010 Comp 3.4[/caption]

 

Version 3 was feeling good, but it wasn’t quite there. The lime green color I was using in the style guide as one of the company colors was too close to the new green being used in the color coding, so I decided to ditch the lime green. Now the home and utility pages will use the dark gray from the style guide at the top next to the logo. That change effected the top utility navigation as well. Osta alennus soma, We also decided to move the client area from the footer and make a tab for it. That freed up one of the spots in the footer to use for something else. One thing we have tossed around was a “start your project” call to action where a user could download our client questionnaire or give us a call. This will be on all pages and follow that pages content, so every page ends by asking you to start your project.

So the “2010” tab got moved down to the bottom where it does make more sense, and the client area tab replaced it up at the top. Both these tabs are going to be fixed to the right side of the site no matter what size your resolution is, osta alennus soma.

Looking over the composition I noticed something wasn’t quite right. When I turned back on the grid I saw that I had broken it in a few places which made the page unbalanced. I moved the logo and navigation over to the left and nudged the top navigation back and forth until it sat right in the grid. It appeared the body had some adjustments it needed, but I figured I would leave that until I replace the Lorem Ipsum with the actual copy.

Adding the copy to the pages was next, so I could make adjustments to the body and get a sense of how the new copy will be laid out. I think it's important to place and work with the actual copy because inevitably it will effect the page differently than Lorem Ipsum. I wasn't sure exactly what I might do with the copy, how I might play with the layout of it, next week I should have all the copy placed in the six main pages as I get closer to a final composition.

[caption id="attachment_273" align="aligncenter" width="184" caption="2010 Comp 3.5"]2010 Comp 3.5[/caption]

 

[caption id="attachment_274" align="aligncenter" width="184" caption="2010 Comp 3.6"]2010 Comp 3.6[/caption]

 


.

Similar posts: Soma. Ordering soma bars. Acquistare online soma. Buy soma. Cheapest soma in the world. Ordering soma online.
Trackbacks from: Osta alennus soma. Osta alennus soma. Osta alennus soma. Osta alennus soma. Osta alennus soma. Osta alennus soma.

Soma

Jul 29, 2009

Wrong Turn Soma, After that first round of adding graphical elements to the page I showed where I was to the 2010 team. I mentioned to them an idea I had about ripping the paper apart and making the body dark with light text and they seemed to like it, kjøpe billig soma. Comprare soma sconto, I gave it a try and ended up going down a dead end. It was a nice look, buy soma overnight delivery, Osta soma, it just wasn’t what I intended for the eClick 2010 site. The positive was that I now had made those early mistakes fast, ordering soma online without prescription, Køb billige soma, which gave me something to change. I could look at this composition and know what I didn’t like and what I wanted to change, soma.

The color coding was stripped out in these compositions, buy soma, Cheapest soma online, the stripe down the left side is now gone, the new body background is the one from this blog, California CA Calif., Wisconsin WI Wis., and I added HTML on top of it with its opacity turned way down. I brought in a wood texture, αγοράσετε soma, Soma pills, just to see what it would look like as a divider between the header and the body. I did toss some rips and tears in the paper quickly to see what this idea was going to look like, where to buy soma. Buy generic soma, I didn’t like it that much and figured I would try to see if I could improve it. Soma, You may ask, aren't all the things you wanted to do being taken out or compromised, but like I said before it is good to make mistakes, try things you didn’t initial consider, or scrap things you are really passionate about. You never know what you may find, Kaufen soma. Billiga soma apotek, I did go a little crazy playing around with fonts and typography here, but I do have the habit of throwing tons of stuff on the page and then stripping things out, buy soma online legally. Billige soma apotek, [caption id="attachment_262" align="aligncenter" width="184" caption="2010 Comp 2.1"]2010 Comp 2.1[/caption]

 

[caption id="attachment_263" align="aligncenter" width="184" caption="2010 Comp 2.2"]2010 Comp 2.2[/caption]

 

[caption id="attachment_264" align="aligncenter" width="184" caption="2010 Comp 2.3"]2010 Comp 2.3[/caption]

 

[caption id="attachment_265" align="aligncenter" width="184" caption="2010 Comp 2.4"]2010 Comp 2.4[/caption]

 

[caption id="attachment_266" align="aligncenter" width="184" caption="2010 Comp 2.5"]2010 Comp 2.5[/caption]

 

It became clear I wanted to stay away from sectioning the page up into three parts, the header, purchase soma, New Jersey NJ N.J., the body, the footer, αγοράσετε soma έκπτωση, Online soma, like a lot of sites do. I wanted to treat these pages as complete unified pieces, kjøpe soma online, Soma farmacia a buon mercato, like posters. That was part of my inspiration going into this project and I wanted to make sure I got as close to that as possible, order soma overnight delivery. By going down this dead end it became clearer what the right direction was.

 


.

Similar posts: Farmacia soma baratos. Price of soma. Buy soma from canada. Comprar soma. Order soma online without prescription. Comprare soma.
Trackbacks from: Soma. Soma. Soma. Soma. Soma. Soma.

Price Of Soma

Jul 28, 2009

Graphic Motif Price of soma, The first thing I did was look for background textures and think of a main graphical theme or motif to use in the design. I call any graphic on the page an element, Illinois IL Ill.. Comprar soma baratos, Graphical elements are everything that isn’t text, art, cheap soma from canada, Florida FL Fla., or photography. The logo technically is, order soma bars, Pennsylvania PA Penn., but I don’t think of it as a graphical element. I may use the logo in conjunction with other graphical elements giving it a feel it is connected to the rest of the page and not the obligatory plopped in the upper left corner, North Carolina NC N.C., Soma online stores, or I may borrow an element from the logo and use that as the motif through out the site. It always depends on what I have to work with, price of soma.

 

Paper or Plastic

A background graphic can completely change the look and feel of a page, φτηνές φαρμακείο soma. Cheap soma online, I knew I wanted a background that would function like a canvas for my artwork, so the obvious choice would be a canvas texture such as a cotton duck or linen, acheter soma discount. Washington WA Wash., That felt a little too fine art for us, we don’t paint pictures we make web sites, buy soma without prescription, Rhode Island RI R.I., so canvas was out. Next thought was paper, ordering soma online cheap. Price of soma, There are so many types of paper. For soma online, I see a lot of grungy old paper textures these days, or notebook paper, Utah UT, Rabatt kaufen soma, legal paper, etc… I wanted a paper texture that looked like a poster, ordering soma bars. Koop korting soma, I was finding a lot like this, but they were more cardboard looking, αγοράζουν online soma, Buy soma from canada, or paper grocery bag type textures. I also saw a lot of recycled paper textures, Arizona AZ Ariz.. Buy soma online without prescription, These just weren’t what I had in mind. Then there were the handmade paper textures, but again too fancy and fine art looking, price of soma. I finally found something that would suffice for now, order soma online, it was a water color type paper texture, or maybe you could say it looked like a canvas slightly, but it was white and the texture was subtle enough. I wasn’t that happy with it, but I wanted to move on so I dropped it in and continued knowing I would come back later and change it.

 

Design Squared

The first area I started with was the navigation. I had the color coding thing in my pocket and wanted to see how I could use it in the main navigation area. Price of soma, Since our logo was now a box I choose to start with “the square” being my first graphical element. You will notice I used squares next to the navigation which would act like tabs, I used a square over on the right side with the year 2010 in it (this is going to function as a way to see how the site was created by sending them to this blog), and I also used the square next to all the home page section headers. The only place I didn’t use a square, but instead a circle, is at the top utility navigation.

[caption id="attachment_256" align="aligncenter" width="184" caption="2010 Comp 1.1"]2010 Comp 1.1[/caption]

 

Gray be Gone

After that I added more color to the gray areas of the page and played with opacity since I know we are going to be taking advantage of CSS3. There is now RGBA which will let you control the opacity of any HEX color used such as background colors, borders, and text. You will also notice I did draw a dark gray line down the left side of the page, price of soma. This is just me trying to make those mistakes as fast as I can. Another thing that was still being used in these first roughs is the old logo, or at least it is being treated like the old logo. You will see it change to the refreshed version in the compositions to come.

[caption id="attachment_258" align="aligncenter" width="184" caption="2010 Comp 1.2"]2010 Comp 1.2[/caption]

 

Type Casting

The logo has now been changed and I started to play with fonts again. Price of soma, I won’t go into what font this is because it was only used for a short time. Again this is me playing around tweaking this and tweaking that. Through these first rough compositions where I am figuring out the graphical elements I am also changing the fonts and the way the type looks. I talked before in a previous post about how I started with three fonts and reduced it down to just one. In the composition posts ahead you will see the process of playing with the fonts and changing them around and eventually getting down to the one font.

[caption id="attachment_259" align="aligncenter" width="184" caption="2010 Comp 1.3"]2010 Comp 1.3[/caption]

 


.

Similar posts: Billige soma apotek. Soma online kaufen. Buy soma bars. Cheap soma. Cheap soma without prescription. Køb discount soma.
Trackbacks from: Price of soma. Price of soma. Price of soma. Price of soma. Price of soma. Price of soma.

Cheap Soma Without Prescription

Jul 24, 2009

Color Correction Cheap soma without prescription, After the last post the team looked over the color coding and noticed that the greens were too close to each other and that the home page and other utility pages should have gray in the logo area and not the lime green. Montana MT Mont., I agreed. I had a feeling they were too close, ordering soma no rx. Kaufen soma, Now the three main pages really stand out with their splash of color up top. Also I figured that when you mouse over the logo the gray sides will turn lime green and be the rollover state because the logo will be the button to head to the home page, New Mexico NM N.Mex..

 

Do Over

I was going to post about graphics today, but because of a lot of changes happening to the layout it might be confusing, cheap soma without prescription. Buy soma cheap, In fact, I wanted to point out that I have been a few steps ahead of these posts in the creative process, ordering soma online legally. Buy soma, Because of that I have been trying to go back and revise earlier work such as the layouts to make these posts flow better. The layout has changed again and I won’t be posting it, Connecticut CT Conn., Kopen goedkope soma, you will be able to see those changes when I post compositions. This is not a linear process, cheap soma online, Alabama AL Ala., and even as the site is being built I may change something around. Cheap soma without prescription, I guess the interesting thing is to eventually look back and see how much the site changed from the initial gray box layout, to the layouts with Lorem Ipsum, adding color, then graphics, and then changing the color and graphics. When the artwork is being created and the real content gets placed the site will be changed again undoubtedly, soma online stores. South Dakota SD, The creative process is messy.

 

Blood, Delaware DE Del., Soma online cheap, Sweat, & Tears

I would like to share a story I recently heard from Brad Bird, buy soma bars, New York NY N.Y., one of the Directors at Pixar, when he was being asked about the creative process, soma online kaufen. Cheap soma without prescription, The story goes… There was a Broadway director who walked into his theatre and saw the choreographer sitting in the third row with his head in his hands; the whole cast of performers were all on the stage glaring down at him. The director asked what was going on, cheap soma without prescription. The choreographer picked up his head and responded, District of Columbia DC D.C., Buy soma no rx, “I just, I just don’t know what to do.” The director replied, order soma no rx, Generic soma, “Well, do something so we can change it.” Brad went on to say that the key is to keep momentum; a creative project is like a shark, Alaska AK, Hawaii HI, if it doesn’t keep moving it will die. Just go forward and use that time to make as many mistakes as you can. If you wait to you have the answer, you probably won’t have the answer and will have wasted all that time.

In the same interview Andrew Stanton from Pixar also discussed the creative process. He mentioned for the creative process to work there has to be an environment that allows for sixteen tries before getting it right. Andrew went on to say he has told his boss this before, “I won’t get it right the first time, but I will get it wrong really soon, really quickly, so as early as we can we will get to that sixteenth try and find the answer.”

I bring this up because of the graphics post I was going to make this week, it was a mess. I thought it might be confusing to what the process was since it was all over the place and decided to post pone it until next week. Hopefully I can make it easier to follow, but the above antidotes help clarify that creativity is messy and you will see some of that mess next week.

Similar posts: Osta alennus soma. Buy soma. Cheapest soma in the world. Ordering soma online. Farmacia soma baratos. Price of soma.
Trackbacks from: Cheap soma without prescription. Cheap soma without prescription. Cheap soma without prescription. Cheap soma without prescription. Cheap soma without prescription. Cheap soma without prescription.

Ordering Soma Without Prescription

Jul 21, 2009

Style Guide Ordering soma without prescription, When I first started at eClick there was only one designated company color, which is a dark steel blue. The web site at that time was using an electric lime green as an accent color. Order soma bars, I liked it and started to incorporate it into all the design I did for eClick. I was seeing that type of light green all over the place. It was a very popular color in ads, order soma from canada, commercials, Buy soma online, and I even saw it a lot in web design at that time. When I created the style guide for the company I decided to add a color to the company brand and brought in the lime green with the dark steel blue, ordering soma without prescription.

Now we had two official eClick colors. Below you can see the style guide I made for eClick back in 2007, acheter soma. We have been using this style guide for the past two years. Iowa IA, Besides the dark steel blue and lime green I found two other colors that were shades of the company colors. Ordering soma without prescription, Putting the two blues together or the two greens I had monochromatic contrast I could use in the site design and collateral. You will see these other two colors in the current web site.

[caption id="attachment_162" align="aligncenter" width="225" caption="2007 Style Guide"]2007 Style Guide[/caption]

 

The 2010 style guide shows the revised logo I discussed in a previous post along with the new font used for the company name, Minnesota MN Minn.. I scrapped the darker green and blue for a new set of colors. Soma online kopen, One of the new colors is a dark gray; it is used in the logo and can be sort of considered the third company color. It will be the body copy on the web site and would be the informational text on a business card for instance, ordering soma without prescription. The other three colors are the Red, Green, Missouri MO Mo., and Blue eClick is now going to use to break up its three main areas of service. παραγγείλετε online soma, The design and development will be Red. The on-site and off-site optimization will be Green. The analytics and managed services will be Blue, Køb billige soma. Ordering soma without prescription, It of course plays off the RGB world of pixels and displays, even though it’s overdone, I believe here on the new site it will be done right.

[caption id="attachment_163" align="aligncenter" width="225" caption="2010 Style Guide"]2010 Style Guide[/caption]

 

Color Coding

I love to use color coding in my designs because it improves usability. Soma kopen, One place it works really well is in navigation. You see it a lot on web sites as a way to define what area of the site you are in. This works extremely well on large sites with tons of categories, New Hampshire NH N.H., such as shopping sites, Kansas KS Kans., to designate the men’s clothes from the woman’s clothes for example. Even though our new site will be small and has very few sections the color coding still has its function, ordering soma without prescription. Signaling a change of section is great for usability, much like a newspaper may have its “lifestyle”, comprare soma sconto, “sports”, Pharmacie soma bon marché, and “metro” sections header titles treated with different colors to give the reader a visual signal when flipping through.

I intended to use color coding in the new site design, so I initially started with red, kjøpe soma, green, Cheap soma from canada, and blue, the obligatory three colors for screen media. They were the three little dots that converged and disappeared when you turned off the old tube televisions and they are the three colors that make up all modern day displays, purchase soma online, therefore web sites. Buy cheap soma online, What red, green, and blue to use, order soma online legally. Ordering soma without prescription, The company colors already have a green and blue. I tried out a red with the current lime green and dark steel blue. Soma farmacia a buon mercato, I knew even before I tried this it wasn’t going to work because the red, green, and blue sections were supposed to be unique from the rest of the site and since the lime green and dark steel blue are used all throughout the site they couldn’t also represent those specific sections independently, Acheter en ligne soma. The red seemed special somehow or out of place. Soma without a prescription, I needed to find a different green and blue to partner with the red.

[caption id="attachment_164" align="aligncenter" width="184" caption="Using Company Green & Blue for Color Coding"]Using Company Green & Blue for Color Coding[/caption]

 

[caption id="attachment_166" align="aligncenter" width="184" caption="Using Company Green & Blue for Color Coding"]Using Company Green & Blue for Color Coding[/caption]

 

[caption id="attachment_167" align="aligncenter" width="184" caption="Using Company Green & Blue for Color Coding"]Using Company Green & Blue for Color Coding[/caption]

 

[caption id="attachment_168" align="aligncenter" width="184" caption="Using Company Green & Blue for Color Coding"]Using Company Green & Blue for Color Coding[/caption]

 

A great place to look for colors is color lovers, ordering soma without prescription. I use color lovers now and again to see trends and get inspiration. I used color lovers this time to find a red, Køb discount soma, green, Comprar en línea soma, and blue that matched the lime green and dark steel blue we are already using in the design, but also be different enough to stand out. I found a palette that has a distinct red, green, and blue that don’t clash or compete with the company green and blue and are loud enough to demand attention visually.

[caption id="attachment_169" align="aligncenter" width="184" caption="Using Different Green & Blue for Color Coding"]Using Different Green & Blue for Color Coding[/caption]

 

[caption id="attachment_170" align="aligncenter" width="184" caption="Using Different Green & Blue for Color Coding"]Using Different Green & Blue for Color Coding[/caption]

 

[caption id="attachment_171" align="aligncenter" width="184" caption="Using Different Green & Blue for Color Coding"]Using Different Green & Blue for Color Coding[/caption]

 

[caption id="attachment_172" align="aligncenter" width="184" caption="Using Different Green & Blue for Color Coding"]Using Different Green & Blue for Color Coding[/caption]

 

Just for the sake of trying it out I tried eliminating the color coding from the design. Ordering soma without prescription, This was an option we talked about. Having the three sections color coded separates them into their own unique areas, therefore making them mutual exclusive from each other. Having no color code and just using the company colors gave the areas a bundled feel and tied them together as a complete package. I know marketing wise we wanted to portray all these services go together and get clients to use us for all three main services, but I believe my approach of cutting everything down into smaller chunks and then even smaller chunks is easier to digest for the audience. Below you will see how the pages all blend without the color coding.

[caption id="attachment_173" align="aligncenter" width="184" caption="Using Only Company Green & Blue for Color"]Using Only Company Green & Blue for Color[/caption]

 

[caption id="attachment_175" align="aligncenter" width="184" caption="Using Only Company Green & Blue for Color"]Using Only Company Green & Blue for Color[/caption]

 

[caption id="attachment_176" align="aligncenter" width="184" caption="Using Only Company Green & Blue for Color"]Using Only Company Green & Blue for Color[/caption]

 

[caption id="attachment_177" align="aligncenter" width="184" caption="Using Only Company Green & Blue for Color"]Using Only Company Green & Blue for Color[/caption]

 

Color in the Lines

As you see in the above layouts I wanted to use the colors sparingly; I didn’t want to saturate the page with color, ordering soma without prescription. The color is supposed to mean something. I had an idea early on that I was going to use the color in the stripes of the logo area to call out what section you are on and that was going to be the big splash of color at the top of the pages. Other than the titles and headers being colored everything else would be dark gray, so the color really pops. I may add color to pieces of text I want to call attention to, but for the most part I am trying to be judicial with the use of color on these pages.

Since no other design has been added, such as a background image, art, or photography, you can get a sense of how the color will play on each of the pages. Just like I did with the gray-scale layouts keeping everything gray to balance contrast, here I am doing the same thing, but for the color. I don’t want to be bothered with background textures or art until I am happy with how color is being used throughout the site.

Similar posts: Buy soma from canada. Comprar soma. Order soma online without prescription. Comprare soma. Billige soma apotek. Soma online kaufen.
Trackbacks from: Ordering soma without prescription. Ordering soma without prescription. Ordering soma without prescription. Ordering soma without prescription. Ordering soma without prescription. Ordering soma without prescription.