About Design Theory, All Posts, Branding, Content & Copywriting, Marketing, Social Media, Web Design, WordPress
Even those who have great aptitude in writing sometimes find themselves with literally NO WORDS! Unlike our verbal language, writing is actually one of the most difficult activities that we humans use to formalize communication sin la boca (without your mouth if you don’t speak Spanish). It sounds simple but as Wikipedia has defined it: writer’s block is “a condition, primarily associated with writing as a profession, in which an author loses the ability to produce new work. The condition varies widely in intensity. It can be trivial, a temporary difficulty in dealing with the task at hand.” Uh, yeah- I couldn’t have said it better. But what does one do when the deadline is looming and the children are to bed and it’s man vs. machine and you realize…I’VE GOT NOTHIN’! Thank God writing pro’s like Mike Rose (famed UCLA Graduate School faculty member and author) even acknowledges that it truly is “an inability to begin or continue writing for reasons other than lack of basic skill or commitment“. Whew…I’m off the hook a little! But now what do I do about it?
Why do you we do this to ourselves…it‘s supposed to speak back to you right? Like in some gone from a book to the big screen movie—the leading character is some highly paid British actor/actress paid to throw their laptop out the window of their 5th story NYC walk-up in utter despair. Yeah…in the real world most of us don’t have the kind of money that allows for those despairing moments. So I have opted not to spend hours wasting good wine or time employing this useless tactic. Instead I think it’s best to stare at something else. Walk around your house- look at some pictures, clean, cook, do a little laundry or run an errand. Heck, play with your kid or a game of chess with your spouse. Do something else besides stewing in the quagmire of I have no clue. You would be amazed how making the best salmon with a lemon dill sauce can jump-start a blog idea. Personal Example: One day I was frustrated about a concept I dreamt about (and DID NOT GET UP & WRITE IT DOWN.. I know bad, bad, bad) and was about to scream when my daughter asked me to color with her. As I was taking note of how precise my “staying within the lines” was and how the unbridled charm of a child’s Crayola skills were, yes the cliché lightbulb went off. And before you knew it, while she was still coloring outside the lines, I was pecking away on my laptop. Writers cramp over came writers block and I was grateful for it.
You know what they say in real estate…Location, Location Location. And I agree. After a very busy weekend and stressful morning 
I found myself not able to color in anybody’s lines or muster up enough energy required to even stare at a blank page. So what else could I do to get the boost usually relegated to a high-priced cup of Starbucks coffee? I went outside. Yup in the lovely 70° weather, I listened to the sounds of a almost perfect May day in Connecticut. And before I knew it, several titles/concepts came to me which enabled me to write this blog AND birth 2-3 ideas for some other projects. Fantastic right! Sometimes a simple change of location can do wonders for inspiration. Being jailed at your desk is not worth it when you can get some fresh air and use the objects/sounds/feelings around you to motivate your imagination. Like an artist who can use a host of colors or materials to create their masterpiece, so can writers. And I’m not talking laptop vs. plume…I mean what you use to connect ideas/concepts/words together to tap into your linguistic intelligence and unlock the door to your next novella. 
1.) Interview a customer about particular concerns/challenges as well as solutions and then blog about it. I’m sure they will love the attention & it gets their name advertised in social media for free. Or you can opt to share an anecdote about an issue that occurred in your own business, from the problem to the solution.
2.) Dialogue with industry-friends via social media and let the responses shape a blog post or video blog with them weighing in on topics relevant to industry news items.
3.) Consider product or service comparisons, a Consumer Reports of sort but on issues like social media, graphic design, use of WordPress themes vs. traditional HTML websites.
4.) Report on a conference or webinar you attended giving perspective to real issues facing people in your own industry or some great highlights and tricks of the trade that you learned.
5.) Address customer questions you’ve received on the same topic/aspect of service. This lets them know that you’re listening and are willing to receive feedback once it’s out on the www.
6.) Expand upon a comment you wrote on someone else’s blog & parlay that into your own blog post. Tread lightly here, these are your peers after all. But bringing in a different angle never hurts.
7.) Correlate what inspires your daily life into the business world and create a blog connection. Hence, look out for my upcoming blog “Coloring In and Out of the Lines in Social Media” – thanks to my daughter’s crayons.
All Posts, Graphic Design, Web Design, Web Development
Have you ever been to a website that loaded very slowly? Did that website have some images that loaded abnormally slow, even though they weren’t that large in size? The reason for that may be that the images were re-sized improperly, most likely with a WYSIWYG (What You See Is What You Get) webpage editor such as Adobe Dreamweaver. This problem could have been avoided if the images were optimized.
Adobe Dreamweaver is a very powerful webpage editor that can be used to customize just about everything on your website, including specifying or adjusting the resolution of your images. When you click on an image you have inserted into Dreamweaver, you get the properties window, which allows you to specify the size of the image (resolution) and a host of other options.
Notice in the the above example the image file size is 4162K. That means it’s about 4162 kilobytes (or about 4 MB) which is very large. Also notice that the W and H (width and height) values are both in bold. That means that the current size of the image (266 x 140) is not the actual size of it (4096 x 2160). If you click on the refresh button next to the image size Dreamweaver will resize the image to the proper size (4096 x 2160).
If you change the size of an image using Dreamweaver’s image properties tab, you will just be changing the image’s resolution and not the actual file size. Using this method to downsize large images will make the images load very slowly.
This is NOT a good method for re-sizing an image for a webpage! 
Dreamweaver wasn’t designed to be used for editing images. The purpose of the width and height boxes in the properties tab is to specify a resolution (size) for the image or object you have selected if there are no dimensions specified. A much better way of optimizing images is with Adobe Photoshop.
Using Photoshop to Optimize Images
If you have Adobe Photoshop, then you have the perfect tool for optimizing your images to display on your website. Here are some quick and easy steps to optimize your image in Photoshop:
1. Open the image (File > Open)
2. Re-size the image with the image properties window (Image > Image Size)
Notice at the top of the window where it says “Pixel Dimensions:” that the file size of the downsized image is now 109.3K which is a whole heck of a lot smaller than the original image file size of 25.3 MB.
3. Instead of “Save” or “Save As” use the “Save for Web & Devices” option (File > Save for Web & Devices).
If you look at the top right corner of the Save for Web & Devices window you will see these options:
Most of the time, I alternate between the 70 and 60 quality setting depending on the size of the image. I have set this image to the JPEG High preset, which gives the image 60 quality by default. If you are re-sizing an image for a thumbnail (320 x 240 or below) 60 is a great setting because you won’t see any degradation in quality from the original. I use the 60 quality setting most of the time, unless the image is very large (1024 x 768 or larger).
Original quality vs 60 quality
The original on the left is full quality (no compression) and the optimized on the right is 60 quality. At this smaller size, it’s hard to see any degradation in image quality at the 60 setting. As you can see, the optimized image on the right has an estimated load time of 3 seconds for a 56k dial-up connection. Of course, most users today have cable and other much faster connections, but it’s nice to know that even on the slowest connection, the image still won’t take too long to load.
4. Upload the new and improved image to your website!
Now you’re ready to load the optimized image(s) into Dreamweaver or whichever editor you use for your website.
Video of Image re-sized using Dreamweaver vs. Photoshop Method
As you can see in this video, the image that was optimized using my Photoshop method (on the left) loads a lot faster than the image that was re-sized using only Dreamweaver (on the right). The optimized image loads almost instantaneously!
If you don’t have Photoshop, there are several other free tools you can use to optimize images for your website such as DynamicDrive.com’s Online Image Optimizer, which uses the same quality settings as Photoshop’s “Save for Web & Devices,” or RIOT (Radical Image Optimization Tool).
If you know of any other tools or methods you can use to optimize images, let us know in the comments!
All Posts
Trust is one of the hardest things to give to another person in our personal lives let alone in business. However when we do decide to give it, it’s because the person has portrayed themselves in an unquestionably, trustworthy manner or have at least projected some character attributes which tells us it’s worth the risk. But before we ask a client to “ink the deal” they have to measure what’s said & done in dollars and cents and when 5 digits are on the line, they employ a vetting system like the DC Secret Service! Can you blame them?
In website design and branding, gaining and maintaining the trust of a client is ÜBER important. It’s a plastic surgery kinda trust-especially since a company’s website and branding materials are exactly that-their face to the world. If you’re on my side of the pitch table, here are some key points you might contemplate (or employ) before your next prospective or retained client meeting.
Don’t let your competency raise eyebrows! You’ve heard the old cliché come with your “A” game. When you meet a client for the first time, I say come with as many letters between A to Z as possible! Don’t just dress for success but prep for it with research! Know specifics about their industry and who their competitors are. Know about that company’s trends and how it has grown and/or morphed. Know what’s out in worldwide media about them – the good or bad press. Don’t be comfortable telling them what they already know but wow them with something they should know. You’ll have a better chance at gaining their professional trust and ultimately add more In God We Trust’s into your wallet.
Engage your client into a dynamic conversation – one that requires Q & A from the BOTH of you. Questions FROM YOU TO your client conveys that their voice is important to you. Not like you don’t know anything but like you want to glean or learn something from them. For some, going in with a “wait till I show you what I can do for you” kind of arrogance can really be a turn off and leave prospective clients feeling less trustworthy of YOUR motivations with THEIR business. Likewise, this applies to repeat customers as well. It’s even more important to talk less and listen more for an ongoing, “worthy of their trust” relationship.
Plug into what’s up with the industry headliners! Who are your clients’ competitors? What are the industry trends
of similar/competitor clients and how do you one up them? Their trust of you and your abilities is not just tied to your portfolio of projects but also based on your ability to offer innovative solutions to move them ahead and become industry leaders as opposed to followers.
Say I Do & Mean It! When you give a client an expected date of completion or they’re the one giving you the deadline, MEET IT or DON’T COMMIT! Nothing is worse for a budding business relationship or repeat business than not making it to the finish line. Especially when it’s the first leg of the race! Give reasonable timetables and make sure that if there are hiccups along the way that alter the timeline, communicate with the client before they have to call you.
What’s your rep? Growing up my father continually emphasized that “what people think about you can hurt you”. This has far worse consequences in the working world than the hallways of high school. If you’ve proven to be unreliable, gave shoddy work for good payment or burned professional bridges {or in some other manner} with clients, you might be the butt of a blog instead of the author. Remember, word of mouth can be the best advertising or your worst adversary. What a client thinks of you affects not just your relationship with them today but your future with all others too.
Want better customer retention and loyalty? Start earning it by giving them your best, prove your competency and follow-through with all commitments to show them you value their business and the relationship.
Call to Action: Shoot me a line and tell me – How Do You Measure Up?
All Posts
Getting creative on websites can sometimes feel constrained due to traditional layouts and verbiage, and most certainly when it comes to navigation bar and menus. Many of us think that we need to have the standard, cookie-cutter menu navigation bars that have become the “norm” for almost all websites. You know the type:
~Home~ ~Our Services (or Our Products)~ ~About Us~ ~Contact Us~
Most are similar in wording and format. I’m not saying that there is anything WRONG with this per se but if you can, know that outside of conventional thinking and web design, you can get creative without compromising easy navigation of your site.
Websites are certainly your worldwide face but even the prettiest of girls can use a little makeup. Sometimes that’s demure or other times an unexpected shocking red lipstick drives home a certain affect. So can your website. Don’t be afraid to try and incorporate some artistic menu design ideas. I had a ball researching some pretty interesting and witty design elements for menu navigations.
I thought this was a great use of the industry-driven design even with the typical wording. Another idea would have been to use the bricks themselves as the navigation bar.
You don’t see many vertical layouts for navigation bars so this really stood out to me. I bet it does the same for the current and prospective clients too!
Most of us would enjoy seeing a fun and innovative menu layout. This one made me comment out loud when I saw it “oh, that’s different”!
Don’t be afraid to use representative artwork and images either with or in-lieu of typical or generic menu names. It gives a personalized look to customary naming conventions.
When to keep it standard vs. using Atypical menu choices
I would say this is probably governed by the industry you’re in. If you are let’s say a law firm, then maybe you wouldn’t use the layout above but creative wording can be your breakout of the blue suit moment. Don’t be afraid to use your thesaurus here as long as you don’t compromise the ease of use and appropriate industry jargon. Example: I’m a recent law school graduate looking to work at “JP Law Firm” and upon reviewing their website, I see a menu item titled “The Brief” (which is a legal term for a written document presented in court arguing why the party to the case should prevail). It would not be a tough leap to guess they were using that instead of “About Us”. It’s a witty play on words which can be a little amusing and personally, I’d be impressed by the break away. Not everything needs to be starched and buttoned up. So with this said:
What’s your menu
design du jour?
All Posts, Graphic Design, Web Design
TGIF! Time for some free stuff! Check out this collection of free web buttons, provided by Sketchdock.com. You can download the collection in .PSD format for easy editing in Adobe Photoshop. Enjoy!
Download the collection »
I found myself not able to color in anybody’s lines or muster up enough energy required to even stare at a blank page. So what else could I do to get the boost usually relegated to a high-priced cup of Starbucks coffee? I went outside. Yup in the lovely 70° weather, I listened to the sounds of a almost perfect May day in Connecticut. And before I knew it, several titles/concepts came to me which enabled me to write this blog AND birth 2-3 ideas for some other projects. Fantastic right! Sometimes a simple change of location can do wonders for inspiration. Being jailed at your desk is not worth it when you can get some fresh air and use the objects/sounds/feelings around you to motivate your imagination. Like an artist who can use a host of colors or materials to create their masterpiece, so can writers. And I’m not talking laptop vs. plume…I mean what you use to connect ideas/concepts/words together to tap into your linguistic intelligence and unlock the door to your next novella. 
