<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Blog &#187; Clients</title>
	<atom:link href="http://www.williamswriting.com/blog/category/clients/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.williamswriting.com/blog</link>
	<description>occasional writings about editing &#038; design</description>
	<lastBuildDate>Tue, 20 Apr 2010 22:36:31 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Web site redesign: Golden Green Press</title>
		<link>http://www.williamswriting.com/blog/2007/golden-green-redesign/</link>
		<comments>http://www.williamswriting.com/blog/2007/golden-green-redesign/#comments</comments>
		<pubDate>Mon, 17 Dec 2007 21:33:06 +0000</pubDate>
		<dc:creator>Sandra K. Williams</dc:creator>
				<category><![CDATA[Clients]]></category>
		<category><![CDATA[Web Site Design]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.williamswriting.com/blog/2007/golden-green-redesign/</guid>
		<description><![CDATA[Loraine Holden, author of Don&#8217;t Get Thin, Get Healthy, wanted the ability to add articles on breaking health news to her Web site. Her previous webmaster set up a blog for her, but it wasn&#8217;t integrated into her site.
So Loraine asked me to add the blog link to her site.
Site before redesign

At first glance her [...]]]></description>
			<content:encoded><![CDATA[<p>Loraine Holden, author of <i>Don&#8217;t Get Thin, Get Healthy</i>, wanted the ability to add articles on breaking health news to her Web site. Her previous webmaster set up a blog for her, but it wasn&#8217;t integrated into her site.</p>
<p>So Loraine asked me to add the blog link to her site.<span id="more-14"></span></p>
<h3>Site before redesign</h3>
<p><img src="http://www.williamswriting.com/blog/wp-content/uploads/2007/12/golden-green-original.jpg" alt="Home page of the old Golden Green Press site" title="Golden Green Press, original site" width="475" height="530" class="aligncenter size-full wp-image-76" /></p>
<p>At first glance her site seemed pleasing, lots of white space and an attractive color and font for the main site heading. A closer look revealed problems:</p>
<ul>
<li>The header, Don&#8217;t Get Thin Get Healthy, was a graphic with no alt tag, making it invisible to screen readers and search engines</li>
<li>No headings at all were used (search engines use headings to help determine site content)</li>
<li>Neither book title nor author name were used in text (only in graphics), making them invisible to search engines</li>
<li>Using orange text on green buttons for the current page link may cause difficulty for visitors with certain types of color blindness</li>
<li>The use of three greens (header, link buttons, bold text) gave an uncoordinated, scattershot effect</li>
<li>The bird of paradise graphics appeared to have nothing to do with anything on the page, like they&#8217;d just been plopped in an empty space to look pretty</li>
<li>Having the menu buttons separated across the page width disrupted normal eye tracking</li>
</ul>
<p>In addition, the link buttons at the top of the page weren&#8217;t designed for expandability &#8212; the Home button and &#8220;by Loraine Holden&#8221; were one graphic. Adding a link for a blog would entail recreating the menu anyway, so I suggested that the entire site be redesigned.</p>
<p>Loraine agreed, and I started working up a new design. The bird of paradise graphic was important to Loraine, so I made it a key part of the design and not an afterthought. She also wanted site visitors to call her about speaking engagements, so her phone number is placed in a prominent position on most pages. She doesn&#8217;t have time to monitor blog comments for spam, so her blog doesn&#8217;t have a comments section. In fact, her blog isn&#8217;t called a blog at all &#8212; it&#8217;s an ezine.</p>
<h3>Redesigned site</h3>
<p><img src="http://www.williamswriting.com/blog/wp-content/uploads/2007/12/golden-green-makeover.gif" alt="Home page of redesigned Golden Green Press site" title="Golden Green Press, redesign" width="475" height="300" class="aligncenter size-full wp-image-77" /></p>
<p>I think her site redesign turned out well. Decide for yourself: <a href="http://dontgetthin-gethealthy.com/">dontgetthin-gethealthy.com</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.williamswriting.com/blog/2007/golden-green-redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>InfoNotes newsletter design</title>
		<link>http://www.williamswriting.com/blog/2007/infonotes-newsletter-design/</link>
		<comments>http://www.williamswriting.com/blog/2007/infonotes-newsletter-design/#comments</comments>
		<pubDate>Fri, 14 Dec 2007 03:26:16 +0000</pubDate>
		<dc:creator>Sandra K. Williams</dc:creator>
				<category><![CDATA[Clients]]></category>
		<category><![CDATA[Newsletter Design]]></category>
		<category><![CDATA[DOJ]]></category>
		<category><![CDATA[redesign]]></category>

		<guid isPermaLink="false">http://www.williamswriting.com/blog/2007/infonotes-newsletter-design/</guid>
		<description><![CDATA[Last year I got a call from a prospective client regarding a newsletter project. The client, a state agency with six offices throughout California, wanted to consolidate the individual newsletters created at each site into a single newsletter.
First step was a redesign while they searched for an editor. None of the offices had a dedicated [...]]]></description>
			<content:encoded><![CDATA[<p>Last year I got a call from a prospective client regarding a newsletter project. The client, a state agency with six offices throughout California, wanted to consolidate the individual newsletters created at each site into a single newsletter.</p>
<p>First step was a redesign while they searched for an editor. None of the offices had a dedicated editor; the job was assigned to individuals who shoehorned the newsletter work in between their regular duties, and the newsletters of the six offices lacked an overall agency design.<span id="more-10"></span></p>
<p>I got the design job. Details: A monthly newsletter of 6-10 pages in PDF, distributed through the intranet. The design was to be professional and friendly; the purpose was to share technical tips, need-to-know news, and job announcements; and to promote morale by recognizing employees, sharing promotion news, and highlighting the agency&#8217;s accomplishments. The newsletter should coordinate somewhat with the <a href="http://ag.ca.gov/">Department of Justice Web site</a>. Newsletter readers were attorneys and support staff including secretaries and legal assistants, and analysts, managers, technical staff, and other staff.</p>
<h3>Three mockups</h3>
<p>I provided three initial designs based on a palette of red, blue, and gold pulled from the Web site. Although the distribution method &#8212; on screen &#8212; permits full color, working with a few main colors gives a more cohesive look. Photos, of course, were used in full color.</p>
<p><img src="http://www.williamswriting.com/blog/wp-content/uploads/2007/12/infonotes-mockup-1.jpg" alt="Newsletter mockup #1" title="Newsletter mockup #1" width="150" height="194" class="alignleft size-full wp-image-87" /></p>
<p><img src="http://www.williamswriting.com/blog/wp-content/uploads/2007/12/infonotes-mockup-2.gif" alt="Newsletter mockup #2" title="Newsletter mockup #2" width="150" height="194" class="alignleft size-full wp-image-88" /></p>
<p><img src="http://www.williamswriting.com/blog/wp-content/uploads/2007/12/infonotes-mockup-3.jpg" alt="Newsletter mockup #3" title="Newsletter mockup #3" width="150" height="194" class="alignleft size-full wp-image-80" /></p>
<h3>The final design</h3>
<p>The client liked design #1 the best, and over the next six issues, while the process of hiring an editor continued, the design was refined. Green was added to the palette to highlight the new environmental column. The gold logo in the masthead was provided by a DOJ employee (see the second image). Some regular column names changed, and some columns were added. Folks from all six offices were recruited to send in articles and photos.</p>
<p>Feedback from readers was positive. People complimented the professional look and liked being able to pick out names with a quick scan (see the Accolades page, last image).</p>
<p><img src="http://www.williamswriting.com/blog/wp-content/uploads/2007/12/infonotes1.jpg" alt="Front page of final InfoNotes newsletter design" title="Front page of final InfoNotes newsletter design" width="235" height="305" class="alignleft size-full wp-image-81" /></p>
<p><img src="http://www.williamswriting.com/blog/wp-content/uploads/2007/12/infonotes2.jpg" alt="InfoNotes page with masthead" title="InfoNotes page with masthead" width="235" height="305" class="alignleft size-full wp-image-82" /></p>
<p>
<img src="http://www.williamswriting.com/blog/wp-content/uploads/2007/12/infonotes3.jpg" alt="InfoNotes page with article continued from front page" title="InfoNotes page with article continued from front page" width="235" height="305" class="alignleft size-full wp-image-83" /></p>
<p><img src="http://www.williamswriting.com/blog/wp-content/uploads/2007/12/infonotes4.jpg" alt="InfoNotes page with monthly department" title="InfoNotes page with monthly department" width="235" height="305" class="alignleft size-full wp-image-84" /></p>
<p>
<img src="http://www.williamswriting.com/blog/wp-content/uploads/2007/12/infonotes5.jpg" alt="InfoNotes page with first environmental article" title="InfoNotes page with first environmental article" width="235" height="305" class="alignleft size-full wp-image-85" /></p>
<p><img src="http://www.williamswriting.com/blog/wp-content/uploads/2007/12/infonotes6.jpg" alt="InfoNotes page with employee names highlighted" title="InfoNotes page with employee names highlighted" width="235" height="305" class="alignleft size-full wp-image-86" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.williamswriting.com/blog/2007/infonotes-newsletter-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Okei-san</title>
		<link>http://www.williamswriting.com/blog/2007/okei-san/</link>
		<comments>http://www.williamswriting.com/blog/2007/okei-san/#comments</comments>
		<pubDate>Sun, 14 Jan 2007 19:03:11 +0000</pubDate>
		<dc:creator>Sandra K. Williams</dc:creator>
				<category><![CDATA[Book Design]]></category>
		<category><![CDATA[Clients]]></category>
		<category><![CDATA[Barsotti Books]]></category>

		<guid isPermaLink="false">http://www.williamswriting.com/blog/2007/okei-san/</guid>
		<description><![CDATA[
One of my clients sent me a signed copy of her book. I love getting clients&#8217; books &#8212; it&#8217;s always a pleasure to see how the final printed book turned out.
I worked on the editing, not the design, but the combination of red and black is lovely, isn&#8217;t it? And the red with black is [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.barsottibooks.com/catalog/okei-san-the-girl-from-wakamatsu/"><img src="http://www.williamswriting.com/blog/wp-content/uploads/2007/01/okei-san-cover.jpg" alt="Okei-san book cover" title="Okei-san book cover" width="226" height="326" class="book alignleft size-full wp-image-90" /></a></p>
<p>One of my clients sent me a signed copy of her book. I love getting clients&#8217; books &#8212; it&#8217;s always a pleasure to see how the final printed <em>book</em> turned out.</p>
<p>I worked on the editing, not the design, but the combination of red and black is lovely, isn&#8217;t it? And the red with black is repeated in the interior illustrations, with the red and black overprinted to give a sepia brown tone.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.williamswriting.com/blog/2007/okei-san/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The poinsettia wilts for me</title>
		<link>http://www.williamswriting.com/blog/2006/poinsettia/</link>
		<comments>http://www.williamswriting.com/blog/2006/poinsettia/#comments</comments>
		<pubDate>Thu, 05 Jan 2006 21:55:33 +0000</pubDate>
		<dc:creator>Sandra K. Williams</dc:creator>
				<category><![CDATA[Book Design]]></category>
		<category><![CDATA[Clients]]></category>

		<guid isPermaLink="false">http://www.williamswriting.com/blog/2006/poinsettia/</guid>
		<description><![CDATA[
One of my clients gave me this poinsettia. I knew I should have taken a picture right away &#8212; after three weeks under my care, the poinsettia has lost some of its glow. It was an amazing plant when I first brought it home: the tallest poinsettia I&#8217;d ever seen, with brilliant red leaves hiding [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.williamswriting.com/blog/wp-content/uploads/2006/01/poinsettia.jpg" alt="The poinsettia" title="The poinsettia" width="242" height="260" class="alignleft size-full wp-image-102" /></p>
<p>One of my clients gave me this poinsettia. I knew I should have taken a picture right away &#8212; after three weeks under my care, the poinsettia has lost some of its glow. It was an amazing plant when I first brought it home: the tallest poinsettia I&#8217;d ever seen, with brilliant red leaves hiding the stems.</p>
<p>I waited before taking a photo so I could include my client&#8217;s book &#8212; <i>The Ivaldis Sail to America</i> by Sybil Ann Ivaldi &#8212; with it. Next time I won&#8217;t wait.</p>
<p>This photo doesn&#8217;t do justice to either the plant or the book. The book, by the way, was a real challenge: 393 photos and 6 graphics, printed in color.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.williamswriting.com/blog/2006/poinsettia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
