<?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>Maestra Web Design - Websites for performers and arts organizations</title>
	<atom:link href="http://maestrawebdesign.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://maestrawebdesign.com</link>
	<description>Web Design Solutions for Artists and Arts Organizations</description>
	<lastBuildDate>Wed, 14 Dec 2011 19:47:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>So you want to edit your own website? What you should know&#8230;</title>
		<link>http://maestrawebdesign.com/2011/11/editing-your-own-website/</link>
		<comments>http://maestrawebdesign.com/2011/11/editing-your-own-website/#comments</comments>
		<pubDate>Fri, 25 Nov 2011 19:53:48 +0000</pubDate>
		<dc:creator>Mary Bella</dc:creator>
				<category><![CDATA[PR Tips]]></category>
		<category><![CDATA[Website Planning]]></category>

		<guid isPermaLink="false">http://maestrawebdesign.com/?p=444</guid>
		<description><![CDATA[In the past couple of years I have expanded into offering sites run on both WordPress and LightCMS &#8211; both platforms which allow you, the client, to edit your own materials online by logging into a dashboard and navigating to the appropriate content area. I wanted to clarify the difference between the various options to [...]]]></description>
			<content:encoded><![CDATA[<p>In the past couple of years I have expanded into offering sites run on both WordPress and LightCMS &#8211; both platforms which allow you, the client, to edit your own materials online by logging into a dashboard and navigating to the appropriate content area. I wanted to clarify the difference between the various options to help prospective clients decide what type of system they want.</p>
<p>All of these involve a <strong>considerable learning curve</strong>, particularly for the tech-challenged. If you have trouble attaching things to your emails, or syncing to your MP3 player, then editing your own website is not for you. Better to save yourself the time and frustration and pay a professional to do it by the hour &#8211; honestly, it usually takes me an hour or two, a couple of times a year, and the results are more professional looking than what most people can do for themselves. You need to ask yourself &#8211; <strong>Is saving $100 a year really worth pulling your hair out for hours front of a computer monitor?</strong></p>
<p>Now, disclaimer aside, here are the options I offer for those who want to edit their own site:</p>
<h3>1. Dreamweaver site</h3>
<p><a href="http://maestrawebdesign.com/wp/wp-content/uploads/2011/11/dw.jpg" rel="lightbox[portfolio]"><img class="alignright size-medium wp-image-480" title="Dreamweaver screenshot" src="http://maestrawebdesign.com/wp/wp-content/uploads/2011/11/dw-300x223.jpg" alt="Dreamweaver screenshot" width="300" height="223" /></a>I use Adobe Dreamweaver to set up most of my non-blog sites &#8211; it is incredibly feature-rich web design software, but it has so many bells and whistles that it would be overwhelming, not to mention expensive at $400+, for most users who just want to edit the text on their site and change out a few photos. So, once the site is up and running,<strong> I recommend updating a Dreamweaver site using a simpler WSIWYG (what you see is what you get) html editor.</strong> There are a few free programs out there: <a href="http://kompozer.net/" target="_blank">Kompozer</a>, <a href="http://www.pagebreeze.com/" target="_blank">Pagebreeze</a>, <a href="http://www.coffeecup.com/free-editor/" target="_blank">Coffee Cup</a> to name a few &#8211; but you do have to be careful as these will allow you to edit Dreamweaver-created template areas, which can mess up the layout of your pages. If you&#8217;re willing to spend a few bucks to prevent that from happening, you can invest in a $200 program from Adobe (<a href="http://www.adobe.com/products/contribute.html" target="_blank">Contribute CS5</a>) which recognizes Dreamweaver templates and locks the areas outside the content area so you can&#8217;t edit them and change the overall layout of the pages.</p>
<p><strong>PROS:</strong> Dreamweaver sites are a bit<strong> more flexible</strong> in terms of design &#8211; it&#8217;s easier to have different banner images (created in Photoshop), or different background images on each page of the site, or to use a completely different layout on different pages. You are not as limited to the grid layout that is generally used in WordPress and LightCMS. But, to be honest,<strong> most sites work just fine with a grid layout</strong>, it keeps things neat and intuitive to navigate, and it&#8217;s what most users expect. You might think  you want something different and unique that blows the rules away, but your site has to be navigable and a somewhat predictable layout often makes things easier to find.  The setup is faster than with an online CMS, so<strong> the initial cost is less</strong>, for the same kind of look and number of pages.</p>
<p><strong>CONS: Updating a Dreamweaver site using an html editor can be tricky</strong> &#8211; you have to be aware of your file hierarchy and remember to post the files and images you&#8217;ve linked to into the proper folders with the proper names, or your links will break. You also have to make sure to save a copy of your original html files before editing, in case you make a mistake and need to start over, or post the old version.  Dreamweaver sites are more finicky to add pages and change menus then the online content options, because it requires uploading every page of your site to reflect a changed template.</p>
<p><strong>SUM IT UP:</strong> If you think your site will be growing soon, or a blog or purchase area will be added, you should likely consider one of the other options (below) that will make these features easier to incorporate. If you really want to update your own site but are are a little tech-challenged, then you should also look at WordPress and Light CMS. But on the whole, most solo artists are happy with a Dreamweaver site, and either have me update it or take the time to learn how to update themselves.</p>
<h3>2. WordPress</h3>
<p><a href="http://maestrawebdesign.com/wp/wp-content/uploads/2011/11/wp.jpg" rel="lightbox[portfolio]"><img class="alignright size-medium wp-image-487" title="Wordpress Dashboard" src="http://maestrawebdesign.com/wp/wp-content/uploads/2011/11/wp-300x263.jpg" alt="Wordpress Dashboard" width="300" height="263" /></a>WordPress is an open source (ie: free) blogging platform, and it has evolved into a very effective CMS (Content Management System) &#8211; you can edit both static &#8220;Pages&#8221; and blog &#8220;Posts&#8221; online by logging into the WordPress Dashboard.</p>
<p><strong>PROS: </strong> You can <strong>edit your site content online from any computer</strong> &#8211; no need for special software on your computer. You can also <strong>rearrange, re-name and add pages to menus</strong>, and have them change magically on every page of your site. In addition to editing text, the WordPress edit window allows you to <strong>insert images and links to other files by uploading them from your computer</strong>, and provides the appropriate link so you don&#8217;t have to worry about uploading all your related pages, files and images the way you do with an html editor. WordPress is great for people or organizations who frequently have lots of news and wisdom to share &#8211; it can all be posted in a News or Blog area, and stay archived and categorized so it&#8217;s still accessible and search-able over time. All those <strong>blog posts also open up a world of search terms</strong> for people to find your site &#8211; which is why blogging has become so popular of late as way to increase site traffic.</p>
<p>Another big plus is the wealth of free or inexpensive &#8220;<strong>Plugins</strong>&#8221; (scripts and programs) that can easily be added to your WordPress site &#8211; from Search windows, to Lightbox slideshows,  to Flash audio players, to comment spam blockers, to contact forms, to subscribe windows and social network widgets&#8230; well you name it, somebody has probably already written a script for it. This can <strong>open up the possibilities for features</strong> on your website and make them much<strong> less expensive to implement</strong> than if you were trying to install them individually into a Dreamweaver framework.</p>
<p><strong>CONS:</strong> If you have a<strong> slow or unreliable Internet connection or a slow computer, WordPress can be incredibly frustrating</strong>. If you lose your connection mid-Post, you can lose your changes. Inserting images takes some practice, and can look unprofessional if you try to insert too many for the amount of text you are adding, or if you use a size that pushes your text into a small area beside the image. Working with tables, like those often used for Resumes and Schedules, is a real pain with WordPress as those tools are not provided in the WordPress edit window &#8211; they have to be coded in html. It&#8217;s usually safer to create vertical lists rather than trying to create columns of data. Setting up the WordPress framework for a site takes a bit more time at the outset, so I do charge a premium for that. I generally use <a href="http://ithemes.com/" target="_blank">iThemes</a> to design WordPress sites, as it&#8217;s very flexible and customizable, allowing a good range of layout options within the basic grid framework.</p>
<p><strong>SUM IT UP:</strong> If you do intend to update your own site frequently, and/or post news/blog on a regular basis, that<strong> initial extra outlay for a WordPress site will pay for itself over a short time</strong>. If you know you want a blog, you&#8217;re going to have to pay the WordPress set up premium anyway, so you might as well run the whole site on WordPress and at least leave the option open to do your own updating.</p>
<p>I recommend a personal tutorial to get started, and maybe a brush up once you get going to fine tune your skills. WordPress also has a wealth of online tutorials and videos to get you started: a good place to start is <a title="Wordpress - Writing Posts" href="http://codex.wordpress.org/Writing_Posts" target="_blank">WordPress&#8217;s support articles on Writing Posts</a> and <a title="Wordpress - Editing Pages" href="http://codex.wordpress.org/Pages" target="_blank">Editing Pages</a>. I also found <a href="http://www.speedofcreativity.org/2010/02/05/getting-started-video-tutorials-with-wordpress/">this helpful blog post</a> which includes short video intros about the WordPress Dashboard and creating pages and posts. I suggest you set up a temporary blog at <a title="Visit WordPress.com to set up a temporary blog of your own" href="http://wordpress.com/" target="_blank">www.Wordpress.com</a> so you can test drive the blogging software and dashboard for yourself before you pay me to set up a customized, domain-linked, self-hosted version for you.</p>
<h3> 3. LightCMS</h3>
<p title="Youtube video about LightCMS"><a href="http://maestrawebdesign.com/wp/wp-content/uploads/2011/11/lightcms.jpg" rel="lightbox[portfolio]"><img class="alignright size-medium wp-image-489" title="Light CMS Screenshot" src="http://maestrawebdesign.com/wp/wp-content/uploads/2011/11/lightcms-300x221.jpg" alt="Light CMS Screenshot" width="300" height="221" /></a>LightCMS is another <strong>web based Content Management System</strong>, but it is <strong>not free</strong>. In exchange for a hosting/user fee of $19/month (for 10 pages), $29/month  (for 25 pages), or $49/mo (for 50 pages),  you get an even <strong>more user-friendly</strong> content management system that literally allows you to surf the site while logged in and click the areas you want to edit. There is a good variety of templates to choose from (you can browse them at <a title="View LightCMS themes" href="http://designs.lightcms.com/" target="_blank">designs.lightcms.com</a>), which I can customize with your colours, fonts, background and banner image. Or a brand new Dreamweaver-created template can be uploaded with content areas ready to be filled. There are several <a title="Visit LightCMS.com videos page" href="http://www.lightcms.com/videos" target="_blank">videos about LightCMS &amp; its features here</a>.</p>
<p><strong>PROS:</strong> LightCMS is <strong>very intuitive</strong> to use, and has some features that make it very enticing, especially for smaller sites. There is <strong>a fully integrated online store</strong> which makes it easy to add items, descriptions, prices with shipping and taxes, and link it all up to whatever online payment gateway you choose (PayPal, Google checkout, Payflow and/or Stripe). Once all the sales items are created it should be relatively easy for you to change and add to them. There are various other features (forms, photo gallery,  blog, calendar, search function etc) included that make inserting things like a slideshow and simple blog a snap, and like WordPress, adding a <strong>new page and menu item is quick and easy</strong> to apply to the whole site. There is a good variety of available templates, so if you are planning on a store, adapting an existing theme that has store views built in would be the easiest and cheapest way to go. LightCMS has a very extensive support  guide, a support forum as well as strong customer service team that I have found very helpful, responding to requests within 24 hours. For those who are less tech savvy but still want to update &#8220;in house&#8221; at regular intervals, LightCMS is good way to go.</p>
<p><strong>CONS: </strong> As with WordPress, updating online using the system depends on your having a <strong>relatively fast and reliable internet connection</strong>. Installing additional scripts (like the WordPress plugins) that are not pre-installed with the system is labour intensive, so if you anticipate needing features that LightCMS doesn&#8217;t already provide, consider looking at WordPress. <strong>The blog feature, for example, does not have the categorizing and menu features that WordPress does</strong>, so if blogging is a priority, WordPress would be a better choice. The <strong>cost, of course, is another con</strong> &#8211; compared with standard WordPress or Dreamweaver site hosting at around $6/mo, a plan that starts at $19/mo might be more than you want to spend. I add a premium to set up a custom site on LightCMS, but the cost is less if we modify an existing theme.</p>
<p><strong>SUM IT UP:</strong> For a relatively small (10 page) site, especially with an integrated store, you can&#8217;t do much better than LightCMS when you consider the cost of setting up such a thing from scratch elsewhere.</p>
<p>&nbsp;</p>
<h3>When making your decision about how you plan to run and update your site:</h3>
<ol>
<li>Consider:
<ul>
<li>how you plan to use the site (blog? update frequently?)</li>
<li>your technical prowess</li>
<li>your budget (both for the set up and monthly hosting fees)</li>
<li>how much time you have to spend updating</li>
</ul>
</li>
<li>Remember: Whether you are a professional company, ensemble or individual, both learning the process and actually updating <strong>take time</strong>. If you are paying someone &#8220;in house&#8221; to do it, you will still have to pay them those hour<strong>s</strong> &#8211; and if it&#8217;s not their area of expertise it could take them a whole lot longer than you think. Consider your skill set (or that of your staff).</li>
<li>If you ARE technically inclined and want to be able to adjust and fine tune your site whenever the mood strikes, fear not! There is lots of online support to get you started, especially with online platforms like WordPress and LightCMS. The HTML editors, while (some of them are) free, involve significantly more of a learning curve and potential for mishap, and less support. It may be worth the initial investment for a WordPress/CMS set up to avoid the hours you could spend messing around with a free HTML editing program.</li>
</ol>
<p>There you have it. Not brief, I&#8217;m afraid, but hopefully informative. Please comment below if you have any questions, or other topics you would like discussed! Next up in January, a WordPress Introductory Primer for getting started updating your new WordPress site.</p>
]]></content:encoded>
			<wfw:commentRss>http://maestrawebdesign.com/2011/11/editing-your-own-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>7 Helpful Tips for Polishing and Editing your Written Materials for Websites and Press kits</title>
		<link>http://maestrawebdesign.com/2011/11/7-helpful-tips-for-editing-your-written-materials/</link>
		<comments>http://maestrawebdesign.com/2011/11/7-helpful-tips-for-editing-your-written-materials/#comments</comments>
		<pubDate>Tue, 22 Nov 2011 17:46:37 +0000</pubDate>
		<dc:creator>Mary Bella</dc:creator>
				<category><![CDATA[PR Tips]]></category>
		<category><![CDATA[Website Planning]]></category>

		<guid isPermaLink="false">http://maestrawebdesign.com/?p=395</guid>
		<description><![CDATA[My blog posts will be answering many of the questions I get, and the helpful hints I&#8217;ve gathered from nearly 15 years promoting artists and arts organizations as a web designer. Artists are an interesting paradox (and I&#8217;m allowed to say this as both my husband and I are performing artists!) &#8211; we are creative [...]]]></description>
			<content:encoded><![CDATA[<p>My blog posts will be answering many of the questions I get, and the helpful hints I&#8217;ve gathered from nearly 15 years promoting artists and arts organizations as a web designer.</p>
<p>Artists are an interesting paradox (and I&#8217;m allowed to say this as both my husband and I are performing artists!) &#8211; we are creative and sometimes driven individuals, but we often lack the objective perspective to separate the wheat from the chaff when it comes to putting together a promotional package, press kit and website.</p>
<p>Here are my top 7 pointers for honing your promotional materials, particularly for websites:</p>
<h3>1) Keep it concise &#8211; Quality over Quantity</h3>
<p><img class="alignright size-medium wp-image-412" title="Quality over Quantity" src="http://maestrawebdesign.com/wp/wp-content/uploads/2011/11/qualityimage-300x219.jpg" alt="Quality over Quantity" width="192" height="140" />In general, it&#8217;s best to keep the most important (ie: impressive) information at the top, so people only have to read the first paragraph to know just how fabulous you are, and entice them to find out more. Try to keep your online bio and list of reviews to under a page (you can always have a downloadable long version if people want more).</p>
<p>Cutting hurts, but if you don&#8217;t do it, <strong>your best accomplishments will be lost in the torrent of excess verbiage</strong>. Figure out exactly how you can highlight the best of your work in 200 words or less. If you can&#8217;t do it, hire someone (again the name <a title="LIZPR.com" href="http://lizpr.com" target="_blank"><strong>Liz Parker</strong></a> leaps to mind) to do it for you!</p>
<h3>2) Keep it current</h3>
<p><img class="alignright size-full wp-image-415" title="Update your bio!!" src="http://maestrawebdesign.com/wp/wp-content/uploads/2011/11/update.jpg" alt="Update your bio!!" width="190" height="169" />Nix gigs from 10 years ago or more from your bio, unless a) they are very high profile (ie: The Met or Carnegie Hall), or b) you don&#8217;t have more recent work to highlight. If b&#8217;s the case, keep the gigs, but downplay the dates. If you are lucky enough to have a full schedule, then limit past performances to 5 years and major highlights.</p>
<h3>3) Keep your visitors on your site</h3>
<p>Nix the no-content landing page (ie: the extra wall between your fans and your content) and keep links out of your site to a minimum. When you link, always link to a new page (so your site stays open), or when possible embed external content into your pages.</p>
<p>Don&#8217;t leave pages blank or &#8220;Coming soon&#8221; &#8211; if your content isn&#8217;t ready for launch, do not include that page &#8211; add it later. Navigating to a blank page just annoys people browsing your site.</p>
<p>And, while we&#8217;re on the subject, let&#8217;s talk about FLASH. You know, the fancy animated stuff that takes forever to load, won&#8217;t display on certain devices, and will mostly annoy your public. Flash has it&#8217;s place (it&#8217;s handy for streaming audio/video for example), but if it distracts from your content or gets in the way, I say get rid of it. People are not browsing musicians&#8217; websites to see their web designer&#8217;s proficiency with FLASH &#8211; get to the content, people!! I know at least one &#8220;Flashy&#8221; singer site that shows a completely blank page when I browse to it with my iPhone&#8230; need I say more? (OK, rant completed).</p>
<h3>4) Organize and cull</h3>
<table style="margin: 5px 10px 20px 20px; border: none;" width="220" cellspacing="0" cellpadding="" align="right">
<tbody>
<tr>
<td class="testimonial">&#8220;Why include 25 reviews if they water down the impact of the 5 amazing ones?&#8221;</td>
</tr>
</tbody>
</table>
<p>I recommend cutting reviews down to the 10 very best and/or highest profile media for the press page &#8211; again you can have a separate archive if you really want to. Again &#8211; Quality trumps quantity &#8211; why include 25 reviews if they water down the impact of the 5 amazing ones?</p>
<p>In fact, an even better idea &#8211; take 5 &#8211; 10 words out of certain reviews and highlight those in large text boxes within the text body, as they do in Newspapers (see example at right), or perhaps highlight them in the banner of your site.</p>
<h3>5) Nix the resume</h3>
<p><img class="alignright size-full wp-image-416" title="No resume" src="http://maestrawebdesign.com/wp/wp-content/uploads/2011/11/no-resume.jpg" alt="No resume" width="125" height="141" />Online resumes are not really necessary for established artists. A list of your current season&#8217;s schedule and a link to a few past seasons is sufficient to establish your stature as a professional. A well organized Repertoire List, sorted by composer, combined perhaps with a list of the organizations or ensembles you have performed with, covers the bases for establishing your performing experience. If you have an extensive list of performance collaborations, consider cutting out some of the lower profile ones. You can always use words like &#8220;selected&#8221; and &#8220;including&#8221; to make sure people know it&#8217;s a shortlist.</p>
<h3>6) Make it scanable: bold or headings for key information</h3>
<p>Assume <strong>your public won&#8217;t read</strong> extensive text. Web browsers generally want &#8220;in a nutshell&#8221; &#8211; so give them your very best, and make it <strong>easy to scan</strong> with clear headers that sort information into digestable chunks. Allow them to <strong>click for more</strong> if they&#8217;re interested.</p>
<p>Use the &#8220;teaser&#8221; &#8211; for a full review or profile, take the very best 5 &#8211; 10 words, then a link to &#8220;Read full article&#8221;. And, in the full review, <strong>bold the best phrases so they stand out and can be scanned easily</strong>. I often do this for my clients &#8211; but if you want to have more control of the process (and I bet you do!) it&#8217;s best to do it before you send them to your designer.</p>
<div id="attachment_423" class="wp-caption alignright" style="width: 188px"><a href="http://maestrawebdesign.com/wp/wp-content/uploads/2011/11/scannedpaper1.jpg"><img class="size-medium wp-image-423  " title="No scanned newspapers!" src="http://maestrawebdesign.com/wp/wp-content/uploads/2011/11/scannedpaper1-279x300.jpg" alt="No scanned newspapers!" width="178" height="192" /></a><p class="wp-caption-text">Really, click on this and try to read it. It hurts my eyes!</p></div>
<p>NB: In my opinion there is<strong> no real benefit to posting a scanned paper copy of a newspaper article</strong> &#8211; they are hard to read, difficult to navigate, often unwieldy to download, and can&#8217;t be edited to bold certain phrases. Oh AND, search engines can&#8217;t read them to find any phrases or words that might lead people to your site! If anything, you are discouraging your public from reading it by posting this way.</p>
<p>You can usually copy the text body directly from the newspaper&#8217;s website &#8211; use that, edit out the relevant text (with some kind of a &#8220;&#8230; [disclaimer]&#8220;), add the newspaper&#8217;s logo, the reviewer&#8217;s name and the date at the top, and PDF it so it looks pretty. Or, better yet, ask the paper or magazine if you can have a PDF version of the pages you want.</p>
<h3>7) Sound clips</h3>
<p>Only post your very best, even if it&#8217;s just a couple of clips.  Less is more! If you have an extensive discography, chances are there are MP3 samples on iTunes or other websites selling your recordings, so you do not need to sample every track you&#8217;ve ever recorded. If your playing or singing has improved, make the effort to post something recent. Including 3 &#8211; 5 contrasting tracks is enough for most musician sites.</p>
<h2>The GIST:</h2>
<p>Remember: 1) Less is more, 2) Quality over quantity and 3) People don&#8217;t read.</p>
<p>If you have any comments or suggestions of other topics you&#8217;d like discussed here, please reply below! I&#8217;d love to hear from you (if only to know someone out there is reading this!)</p>
<p>- Mary (the Maestra)</p>
]]></content:encoded>
			<wfw:commentRss>http://maestrawebdesign.com/2011/11/7-helpful-tips-for-editing-your-written-materials/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>People Hear with their eyes – Planning Photos for your Website and Promo Materials</title>
		<link>http://maestrawebdesign.com/2011/11/people-hear-with-their-eyes/</link>
		<comments>http://maestrawebdesign.com/2011/11/people-hear-with-their-eyes/#comments</comments>
		<pubDate>Tue, 08 Nov 2011 15:53:09 +0000</pubDate>
		<dc:creator>Mary Bella</dc:creator>
				<category><![CDATA[PR Tips]]></category>
		<category><![CDATA[Website Planning]]></category>

		<guid isPermaLink="false">http://maestrawebdesign.com/?p=337</guid>
		<description><![CDATA[The internet is primarily a visual medium, which means the first impression people will get when they visit your site is what they SEE. Your clips sound great, I’m sure, but people LOOK first. Like it or not, they will intuitively judge your professional status based on your photos and the professional look of your [...]]]></description>
			<content:encoded><![CDATA[<p>The internet is primarily a visual medium, which means the first impression people will get when they visit your site is what they SEE. Your clips sound great, I’m sure, but people LOOK first. Like it or not, they will intuitively judge your professional status based on your photos and the professional look of your website.</p>
<p>Here are some top tips for planning promotional photos for your website and press kit:</p>
<h3>1. PAY</h3>
<div id="attachment_389" class="wp-caption alignright" style="width: 203px"><a title="Beverley Johnston looking gorgeous and polished, with the help of Ivy Lam, hair and makeup, Bo Huang, photographer, and Liz Parker (LIZPR) photo shoot stylist. " href="http://maestrawebdesign.com/wp/wp-content/uploads/2011/11/bevjohnston.jpg" rel="lightbox[portfolio]"><img class="size-medium wp-image-389 " title="Beverley Johnston" src="http://maestrawebdesign.com/wp/wp-content/uploads/2011/11/bevjohnston-241x300.jpg" alt="Beverley Johnston" width="193" height="240" /></a><p class="wp-caption-text">Beverley Johnston looking gorgeous and polished, with the help of Ivy Lam, hair and makeup, Bo Huang, photographer, and Liz Parker (LIZPR) photo shoot stylist.</p></div>Much as it pains you, INVEST in photos, and better yet, invest in a stylist as well to give you candid advice on what to wear, where to be, how to stand and sit for your shoot. And, spend a few more bucks for a pro to do your hair and makeup, just this once. It doesn’t have to look fake, just polished and bring out your natural good looks.</p>
<h3>2. PREPARE &amp; RESEARCH</h3>
<p>Be prepared with an idea of the type and style of photos you want, the colour scheme you’d like to see on your site, and what sort of backdrop might help forward those ideas.  Do your research, figure out what you like and why. Show your photographer, your stylist and your web designer other photos and websites that you like, and try to explain why. If you have a specific image you want to portray &#8211; be it fun and funky, serious and professional, modern and sophisticated, natural and youthful &#8211; plan your photos in a setting that compliments those ideas.</p>
<h3>3. ASK FOR ADVICE</h3>
<p>Even if you don’t get a stylist, get a friend who KNOWS and will be honest to tell you which clothes look best and show your &#8220;assets&#8221; to the best advantage. Bring someone along to your shoot (ask your photographer first) as a third (or rather, fifth and sixth) eye to straighten your collar, get that stray hair out of your face, powder your nose, tell you that your fist doesn’t look good butted up against your chin like that&#8230; you get the idea. Your photographer might be focussed on light and getting you with your eyes open, not necessarily on those little staging details.</p>
<h3>4. PLAN YOUR BACKGROUND</h3>
<p><div id="attachment_390" class="wp-caption alignright" style="width: 202px"><a title="Sinéad Sugrue's photos were beautifully atmospheric and very inspiring for website design. Photography by Tara McMullen, hair &amp; makeup by Ivy Lam, styled by Liz Parker (LIZPR.com)." href="http://maestrawebdesign.com/wp/wp-content/uploads/2011/11/SineadSugrue.jpg" rel="lightbox[portfolio]"><img class="size-medium wp-image-390   " title="Sinéad Sugrue, soprano - SineadSugrue.com" src="http://maestrawebdesign.com/wp/wp-content/uploads/2011/11/SineadSugrue-300x199.jpg" alt="Sinéad Sugrue, soprano - SineadSugrue.com" width="192" height="127" /></a><p class="wp-caption-text">Sinéad Sugrue&#39;s photos were beautifully atmospheric and very inspiring for website design. Click for photo credits.</p></div>If you are planning a photo for your banner, a big background area really helps, because your designer can superimpose text (your name and instrument, for example) over top.  Remember the banner image will (in general) be horizontal (landscape orientation) –  portrait shaped photos don’t work so well here, as then your designer might have to recreate/photoshop more background, do a fade out, or copy it from another image – which will cost you more money for their time.</p>
<p>Remember also that the background image and your clothing colours might well be the inspiration for the colour scheme for your site. Choose colours that you like and that look great with your skin tone! Natural textures like rock, wood, a garden, or brick, will usually make a far more interesting background than a flat white wall. On the other hand, if you and your designer have in mind a full page photo with text superimposed &#8211; a white or light grey background might work really well! Plan for the site and image you have in mind, or ask your web designer for suggestions.</p>
<h3>5. STUDIO SHOOTS</h3>
<p>This could be just me, but I personally think most people look better in studio shoots than outdoors, once they’re past a certain age (45 or 50?) – the lighting can be more controlled to downplay uneven skin tone and wrinkles.  Nothing wrong with wrinkles, but it’s nice to have them DOWNplayed rather than highlighted, no? Consider having both a studio and a setting shoot, so you can pick and choose which you prefer for both your promo headshots and website images.</p>
<p><div id="attachment_392" class="wp-caption alignright" style="width: 196px"><a title="This gorgeous studio shot of Susan Hoeppner, with it's rich purple velvet background, was the colour inspiration for a beautiful site SusanHoeppner.com. Photography by Taffi Rosen, styled by Liz Parker (LIZPR.com)." href="http://maestrawebdesign.com/wp/wp-content/uploads/2011/11/shoeppner2.jpg" rel="lightbox[portfolio]"><img class="size-medium wp-image-392  " title="Susan Hoeppner, flute" src="http://maestrawebdesign.com/wp/wp-content/uploads/2011/11/shoeppner2-233x300.jpg" alt="Susan Hoeppner, flute" width="186" height="240" /></a><p class="wp-caption-text">This gorgeous studio shot of flutist Susan Hoeppner, with it&#39;s rich purple velvet background, was the colour inspiration for her site SusanHoeppner.com. Click for photo credits.</p></div>
<h3>6. STUDIO BACKGROUND COLOURS</h3>
<p>Again, your background will most likely feature in some way on your website and/or promo materials. Try to stay away from mid-range greys or mid-range colours as it’s hard to superimpose text and make it clear and legible (neither white nor black, or coloured text will contrast well on a mid-range grey). Better to go with a shade on the darker or lighter end. If you’re not sure, imagine overlaying text over the image – would white or black be easy to read?</p>
<h3>7. FEATURE YOUR INSTRUMENT</h3>
<p>A website should make it&#8217;s subject clear on first glance, without your having to read the text body. So, if you are a pianist or a flutist, there should be a piano or flute in at least some of your promo shots. If you are a musician, the website is not just about you, it&#8217;s about you<strong>,</strong> your music and your instrument.</p>
<h3>8. ORDERING</h3>
<p>You don’t need your photographer to crop your image if you’re getting a digital copy.  For web, you want as much background as you can get, to start with. And, you don’t necessarily need 20 different shots to display on your site. If you are an istrumentalist your website is, fundamentally, about your music – too many photos can look a bit superficial. One shot on each page of your site should be more than enough.  Singers can do more because they are featured in staged productions and their bodies and facial expressions are intrinsic to their art. But even with singers, I would limit to one or two photos per page, a gallery of performance shots and a few promotional downloadables.</p>
<p>Finally, here are some local (Toronto) photographers  I can recommend :</p>
<ul>
<li>Tara McMullen &#8211; <a href="http://www.taramcmullen.com" target="_blank">www.taramcmullen.com</a></li>
<li>Bo Huang &#8211; <a href="http://www.bohuang.ca" target="_blank">www.bohuang.ca</a></li>
<li>Lindsay Lozon &#8211; <a href="http://www.lindsaylozon.com/" target="_blank">www.lindsaylozon.com</a></li>
<li>Helen Tansey &#8211; <a href="http://sundariphotography.com/" target="_blank">www.sundariphotography.com</a></li>
<li>Karen Reeves &#8211; <a href="http://dragonflyimagery.ca/" target="_blank">www.dragonflyimagery.ca</a></li>
</ul>
<p>And, consider Liz Parker (<a href="http://www.lizpr.com" target="_blank">www.lizpr.com</a>) to style your shoot &#8211; she does amazing work!</p>
<p>This is my first blog post about tips for website planning &#8211; If you have other suggestions about topics for discussion, questions or need advice about website planning, comment below to let me know!</p>
]]></content:encoded>
			<wfw:commentRss>http://maestrawebdesign.com/2011/11/people-hear-with-their-eyes/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Introducing Opera VMana!</title>
		<link>http://maestrawebdesign.com/2011/10/introducting-opera-v-mana/</link>
		<comments>http://maestrawebdesign.com/2011/10/introducting-opera-v-mana/#comments</comments>
		<pubDate>Fri, 21 Oct 2011 23:45:57 +0000</pubDate>
		<dc:creator>Mary Bella</dc:creator>
				<category><![CDATA[Latest Projects]]></category>

		<guid isPermaLink="false">http://maestrawebdesign.com/wp/?p=182</guid>
		<description><![CDATA[This exciting new Montreal based opera training program just launched on October 17th, and their website is ready just in time for auditions for their upcoming Professional and Summer programs! This WordPress driven site is based on the &#8220;Striking&#8221; Theme, with lots of clean white space, and punchy colour, and uses WPML (WordPress Multi-launguage Plugin) [...]]]></description>
			<content:encoded><![CDATA[<p>This exci<a href="http://maestrawebdesign.com/wp/wp-content/uploads/2011/10/vmana.jpg" rel="lightbox[portfolio]"><img class="alignleft size-medium wp-image-183" title="vmana" src="http://maestrawebdesign.com/wp/wp-content/uploads/2011/10/vmana-229x300.jpg" alt="" width="229" height="300" /></a>ting new Montreal based opera training program just launched on October 17th, and their website is ready just in time for auditions for their upcoming Professional and Summer programs!</p>
<p>This WordPress driven site is based on the &#8220;Striking&#8221; Theme, with lots of clean white space, and punchy colour, and uses WPML (WordPress Multi-launguage Plugin) so that everything is totally billingual!</p>
<p>Come check it out at <a title="Opera VMana" href="http://OperaVMana.com" target="_blank">OperaVMana.com</a>!</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://maestrawebdesign.com/2011/10/introducting-opera-v-mana/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Richard Frazier Music just launched!</title>
		<link>http://maestrawebdesign.com/2011/10/richard-frazier-music-just-launched/</link>
		<comments>http://maestrawebdesign.com/2011/10/richard-frazier-music-just-launched/#comments</comments>
		<pubDate>Wed, 19 Oct 2011 17:39:47 +0000</pubDate>
		<dc:creator>Mary Bella</dc:creator>
				<category><![CDATA[Latest Projects]]></category>

		<guid isPermaLink="false">http://maestrawebdesign.com/wp/?p=105</guid>
		<description><![CDATA[Announcing a brand new Maestra website for composer Richard Frazier of San Francisco. A first for Maestra &#8211; a full blown sales site, and for a US client! Using the LightCMS platform, this site should be easy to use and to update. Congratulations Richard!]]></description>
			<content:encoded><![CDATA[<p><a href="http://maestrawebdesign.com/wp/wp-content/uploads/2011/10/richardfrazier1.jpg" rel="lightbox[portfolio]"><img class="alignleft size-medium wp-image-186" title="Richard Frazier Music" src="http://maestrawebdesign.com/wp/wp-content/uploads/2011/10/richardfrazier1-300x290.jpg" alt="Richard Frazier Music" width="300" height="290" /></a>Announcing a brand new Maestra website for composer Richard Frazier of San Francisco. A first for Maestra &#8211; a full blown sales site, and for a US client! Using the LightCMS platform, this site should be easy to use and to update. Congratulations Richard!</p>
]]></content:encoded>
			<wfw:commentRss>http://maestrawebdesign.com/2011/10/richard-frazier-music-just-launched/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Beverley Johnston, percussion &#8211; BeverleyJohnston.com</title>
		<link>http://maestrawebdesign.com/2011/10/beverley-johnston-percussion-beverleyjohnston-com/</link>
		<comments>http://maestrawebdesign.com/2011/10/beverley-johnston-percussion-beverleyjohnston-com/#comments</comments>
		<pubDate>Thu, 13 Oct 2011 00:06:05 +0000</pubDate>
		<dc:creator>Mary Bella</dc:creator>
				<category><![CDATA[Latest Projects]]></category>

		<guid isPermaLink="false">http://maestrawebdesign.com/wp/?p=196</guid>
		<description><![CDATA[Another brand new site just launched by Maestra today! BeverleyJohnston.com &#8211; I love how gorgeous photos (by BoHuang.ca) take a website to a whole new level. Check it out at BeverleyJohnston.com!]]></description>
			<content:encoded><![CDATA[<p><a href="http://maestrawebdesign.com/wp/wp-content/uploads/2011/10/bevjohnston1.jpg" rel="lightbox[portfolio]"><img class="alignleft size-medium wp-image-197" title="Beverley Johnston, percussion" src="http://maestrawebdesign.com/wp/wp-content/uploads/2011/10/bevjohnston1-300x273.jpg" alt="Beverley Johnston, percussion" width="300" height="273" /></a>Another brand new site just launched by Maestra today! BeverleyJohnston.com &#8211; I love how gorgeous photos (by BoHuang.ca) take a website to a whole new level.</p>
<p>Check it out at <a title="Visit BeverleyJohnston.com" href="http://www.BeverleyJohnston.com" target="_blank">BeverleyJohnston.com</a>!</p>
]]></content:encoded>
			<wfw:commentRss>http://maestrawebdesign.com/2011/10/beverley-johnston-percussion-beverleyjohnston-com/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Sparklettes.ca &#8211; Check out The Sparklettes&#8217; new site!</title>
		<link>http://maestrawebdesign.com/2011/07/the-sparklettes-ca-check-out-vocal-trio-the-sparklettes-new-site/</link>
		<comments>http://maestrawebdesign.com/2011/07/the-sparklettes-ca-check-out-vocal-trio-the-sparklettes-new-site/#comments</comments>
		<pubDate>Wed, 20 Jul 2011 15:48:04 +0000</pubDate>
		<dc:creator>Mary Bella</dc:creator>
				<category><![CDATA[Latest Projects]]></category>

		<guid isPermaLink="false">http://maestrawebdesign.com/wp/?p=122</guid>
		<description><![CDATA[A retro blend of great legs, rockin tunes and perfect harmonies &#8211; the Sparklettes and Maestra Web Design have just launched this WordPress driven site to let the world in on this exciting vocal trio. Check out video, audio, photo gallery and blog! Like them on Facebook and Follow them on Twitter to keep tabs [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://maestrawebdesign.com/wp/wp-content/uploads/2011/10/sparklettes.jpg" rel="lightbox[portfolio]"><img class="alignleft size-medium wp-image-123" title="The Sparklettes' new site" src="http://maestrawebdesign.com/wp/wp-content/uploads/2011/10/sparklettes-300x219.jpg" alt="The Sparklettes' new site" width="300" height="219" /></a>A retro blend of great legs, rockin tunes and perfect harmonies &#8211; the Sparklettes and Maestra Web Design have just launched this WordPress driven site to let the world in on this exciting vocal trio. Check out video, audio, photo gallery and blog! Like them on Facebook and Follow them on Twitter to keep tabs on their latest activities.</p>
<p>Visit the new site at <a href="http://thesparklettes.ca/" target="_blank">TheSparklettes.ca</a>!</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://maestrawebdesign.com/2011/07/the-sparklettes-ca-check-out-vocal-trio-the-sparklettes-new-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dragonfly Imagery &#8211; Karen Reeves, Photographer</title>
		<link>http://maestrawebdesign.com/2011/06/dragonfly-imagery-karen-reeves-photographer/</link>
		<comments>http://maestrawebdesign.com/2011/06/dragonfly-imagery-karen-reeves-photographer/#comments</comments>
		<pubDate>Sat, 18 Jun 2011 18:58:27 +0000</pubDate>
		<dc:creator>Mary Bella</dc:creator>
				<category><![CDATA[Latest Projects]]></category>

		<guid isPermaLink="false">http://maestrawebdesign.com/?p=330</guid>
		<description><![CDATA[Karen Reeves is a neighbourhood friend and photographer who asked me to help her put this together. As a photographer, she ROCKS. As a person, she is funny, candid and really special. I can&#8217;t take credit for this design because it&#8217;s actually based on a template by Photobiz.com, which allows photographers to upload their own [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://maestrawebdesign.com/wp/wp-content/uploads/2011/11/dragonfly.jpg" rel="lightbox[portfolio]"><img class="size-medium wp-image-332 alignleft" title="Dragonfly Imagery" src="http://maestrawebdesign.com/wp/wp-content/uploads/2011/11/dragonfly-300x201.jpg" alt="Dragonfly Imagery - DragonflyImagery.ca" width="300" height="201" /></a></p>
<p>Karen Reeves is a neighbourhood friend and photographer who asked me to help her put this together. As a photographer, she ROCKS. As a person, she is funny, candid and really special.</p>
<p>I can&#8217;t take credit for this design because it&#8217;s actually based on a template by <a href="http://photobiz.com/" target="_blank">Photobiz.com</a>, which allows photographers to upload their own photos, change templates, choose background colours and even edit their own text content online. It&#8217;s a great service and has saved me lots of time, and her lots of money! So even though I just did the initial set up for her, I wanted to give her a plug here and say &#8211; if you&#8217;re looking for a local photographer &#8211; take a look at the site and give Karen a try!</p>
<p><a href="http://dragonflyimagery.ca/" target="_blank">DragonflyImagery.ca</a></p>
]]></content:encoded>
			<wfw:commentRss>http://maestrawebdesign.com/2011/06/dragonfly-imagery-karen-reeves-photographer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Esprit Orchestra unveils new website</title>
		<link>http://maestrawebdesign.com/2011/05/esprit-orchestra/</link>
		<comments>http://maestrawebdesign.com/2011/05/esprit-orchestra/#comments</comments>
		<pubDate>Sun, 15 May 2011 14:23:24 +0000</pubDate>
		<dc:creator>Mary Bella</dc:creator>
				<category><![CDATA[Latest Projects]]></category>

		<guid isPermaLink="false">http://maestrawebdesign.com/wp/?p=36</guid>
		<description><![CDATA[Another new site from Maestra Web Design! Visit EspritOrchestra.com to see the power of the web to revitalize your company image! This site has it all &#8211; gorgeous graphics by Matthew Hoffman and photos by Bo Huang, special features like social network sharing, a Search window and much more! Special thanks to Liz Parker for [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://maestrawebdesign.com/wp/wp-content/uploads/2011/05/esprit.jpg" rel="lightbox[portfolio]"><img class="alignleft size-medium wp-image-206" title="Esprit Orchestra - EspritOrchestra.com" src="http://maestrawebdesign.com/wp/wp-content/uploads/2011/05/esprit-300x252.jpg" alt="Esprit Orchestra - EspritOrchestra.com" width="300" height="252" /></a>Another new site from Maestra Web Design!</p>
<p>Visit <a href="http://www.espritorchestra.com/" rel="nofollow" target="_blank"><strong>EspritOrchestra.com</strong></a> to see the power of the web to revitalize your company image! This site has it all &#8211; gorgeous graphics by Matthew Hoffman and photos by Bo Huang, special features like social network sharing, a Search window and much more! Special thanks to <a href="http://www.lizpr.com" target="_blank">Liz Parker</a> for her sage advise and content contributions! Check it out!</p>
<p><a href="http://www.espritorchestra.com/" rel="nofollow" target="_blank"><strong>www.espritorchestra.com</strong></a></p>
]]></content:encoded>
			<wfw:commentRss>http://maestrawebdesign.com/2011/05/esprit-orchestra/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sinéad Sugrue, soprano</title>
		<link>http://maestrawebdesign.com/2011/01/sinead-sugrue-soprano/</link>
		<comments>http://maestrawebdesign.com/2011/01/sinead-sugrue-soprano/#comments</comments>
		<pubDate>Sat, 22 Jan 2011 02:26:25 +0000</pubDate>
		<dc:creator>Mary Bella</dc:creator>
				<category><![CDATA[Homepage Clients]]></category>

		<guid isPermaLink="false">http://maestrawebdesign.com/wp/?p=237</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[]]></content:encoded>
			<wfw:commentRss>http://maestrawebdesign.com/2011/01/sinead-sugrue-soprano/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

