 |
           |
|
|
|||
|
|
       |
 Pacific Northwest Eye Associates PROJECT: Web Site Design
Site Build Out We have completed the buildout of the working home page and one sub page. Please review these to ensure that everything is correct from your perspective. Some things have changed a bit - for instance, the frame around the green striped sidebar box on the home page will look different depending upon the browser. That's because the border is interpreted differently by the various browsers. No biggy - it just will look a little different than in the comps. The rollovers are all programmed. To see an interior page click on the Physicians & Staff button. As you can see, in this version we've dropped the sidebar and added photos of the staff. Obviously, these images are just placeholders. Finally, we haven't yet purchased two of the images along the top. We want to make sure they're good before we finalize the transation. As such, they still carry the watermark. We can now start integrating copy into the site since these are now dynamic as far as how type flows and scales, as opposed to the comps which required a lot of manual manipulation of lines and paragrapsh. _______________________________________________________________ We have revised Comp 3 to incorporate the changes we discussed, including revising the navigation structure, leaving the logo in the box and adding space for news/promotions. The logo is now deep red. To offset the intensity of the red, we changed the color of the vertical ruled spaces to a teal shade. The other colors in the palette are a dark gray and gold that are accents. The My Appointment feature has been combined and is accessible via a prominent button under the logo. The rest of the navigation appears below it. The rollover effect is visible on the LASIK Surgery link. Now, for the space for promotions. Comp 3A is the existing one with the changes to the colors, logo and navigation. Comp 3B changes the scale of the center window images and text to make room for a column on the far right. For the purposes of this review, we simply lifted the Choices, Choices header from Comp 1 and added some greek text there. It would be used primarily as a teaser with a link to more information. That should do it. Here are the links: _______________________________________________________________ We have completed three different directions for the site. Before we get into the creative notes, let's go over some of the commonalities and the whys and wherefores. First, in all three comps, you'll notice that we used the same family of images (with some exceptions) and a lot of greek text. We want you to concentrate of the navigation, the overall interface and the look and feel. We can massage the colors - they were based on the initial designs you gave us and the color of the red is approximated in RGB/Hex colors. They all may or may not need tweaking. Bear in mind that these are all static comps. Where there is movement or changes, we'll not them in the discussion about each direction. In this stage you'll looking for, well, a look. As such we want you to live with these a bit, share them, get feedback. Then we can do one of three things: 1. Build out the selected version you love. (this happens 40% of the time) Keep in mind that we're establishing a brand look at the same time as designing the site. So the process is a little more complex than working with an established one. :) Now, for the creative notes. COMP 1 This one allows you to do a lot of promotion and switch out copy. It is the most marketing oriented one of the three for this reason. The top space in the tan is for positioning and branding with a link into one of the areas... this could be used to drive visitors into a service, meet a new staff member, etc. The graphic on the right changes... there are three images actually, each one matches a concept that floats into the colored bar... for work... a home... at play. The bars change color as well. The lower left is a good place to put an article that creates need. In the example we tackle eye exams for children. On the right, we highlight selection at Allenmore Optical in a colored box. All these spaces are linked deeper into the site. The navigation bar is on the left side. Since the logo is in a colored box we opted not to get jiggy with any of the directions and reinforce the logo in form and color. So it appears at the top left. The Home button is highlighted to show how a rollover looks. That's it. Again. It will look much more dynamic built out as a working web space.
This site uses a more open style... it is a little more conservative in form and function. A sweeping arc on the left crosses over to the far right top. That is where the navigation is placed in three rows, arranged by content. The Preparing For Your Visit button shows what the rollover will look like. The photo spaces down the right side will change automatically at different intervals, showing people in eyewear. On the far left is a promotion space for anything you want - in this sample it is the retail outlet. There are additional entry points to knowledge tracks under the positioning/branding statement at the top. The arrows would be the links.
This is the only version that doesn't scale with the page. Instead, it stays centered on the screen, a concept used by a lot of sites lately. This one is a bolder variation of the positioning/branding concept in Comp 2. The navigation appears at the left under the logo again. The frame for the site is rounded on the top, with a series of photos of people in eyewear along the top. The navigation is split along two lines of thought. The left navigation bar covers the general areas - the one tucked under the photos along the top are related to an appointment, i.e., Making an Appointment, Preparing for your Visit and Paying for Treatment. A background image of an eye (actually there is a knocked back face there, but the eye is the prominent feature) appears in the background of the main content window. Copy and a headline go on the left. On the right is a photo of a child having his eye examined. This is a rotating photo again. It will either change on a per visit basis or change like a slide show with a delay between changes. Well, time for the moment of truth. Let's see where we lie and whether we fit into category 1, 2 or 3 above... ____________________________________________ _______________________________________________________________ |
 CommuniCreations(®) is a federally registered service mark of CommuniCreations, Inc. All protections afforded by federal trademark law apply to its use. All content on this site is protected by U.S. Copyright laws. So don't steal any of it. |