Beat it up (Portafire.net)

pcmedicplus's picture

He has: 49 posts

Joined: Mar 2006

Didn't want to do this cause I do not take criticism well, but, Hear goes. I redesign this site. portafire.net and I am still awaiting better pics for products, and I am also waiting for pics, description and prices for Accessories they are wanting. They demanded they have the Accessories page up even know they have no clue what they want there. I'm also waiting for a pile of Testimonials they have. They also have Manuals that are being redone to add to the downloads page. The main page is projected to move from a PR2 to a PR4. Most of the rest of the pages are PR4 with the exception of Contact us page which was changed to a image verification form, due to "Email Header Injection" and the Testimonials page which was just added. I wish you could see the site before I got a hold of it. It was never registered with DMOZ and had a page rank of 0. Navigation was at top of page so that’s all the spiders were seeing. I started a link program and read a ton of material on SEO. It has come along way but I’m still thinking I’m missing something, Other than what I’m waiting for listed above. All pages validate with W3C except the contacts page, which I’m still currently working on.

O.K. Beat it up and let me know. Thanks

pcmedicplus's picture

He has: 49 posts

Joined: Mar 2006

Megan I want your thoughts on this.

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Hey, I'm supposed to be working Wink Found time to review some other sites though so I'll go over this one quickly too.

The design, um, needs some work. First of all, lose the bevel effects. That's a little bit outdated and creates sort of an amateurish look. When in doubt, always reduce or eliminate special effects altogether.

Secondly, keep the font size close to the default (bigger is not better!) and add some more padding around it so it's easier to read.

Make it easy for people to understand what the site is offering by providng a clear, short blurb and a photo *above the fold*. Above the fold means the part of the screen that people can see when the page first loads. I didn't know what this site was about until I saw the photo. Portable fire pit/ What's that? Ooooh, the photo explains it.

The colour scheme is generally good but I think it could use a little improvement. I'd like to see less colour and a little more white. So maybe the page content area could be white instead of that pale green colour. That would create more contrast and it wouldn't be so monochromatic.

Remember that people aren't going to read a lot. they're going to skim to grab the most important points. there's a lot of stuff scattered around on the front pge - try to keep that short and clean so people can clearly see what the product does. The list of bullets at the bottom is good, but it's at the bottom Sad

At first I was going to say something about the lack of a logo, but there is one! It's just underneath those two other headlines. That's a pretty good logo and for branding purposes it should be more prominent on the site. There's a reason why almost all sites have a logo in the top-left corner of every page on the site. In fact, it might be a good idea to change the colour scheme of the site to match the logo instead of going in a different direction.

That's all for now, gotta get some actual work done today Smiling

pcmedicplus's picture

He has: 49 posts

Joined: Mar 2006

I agree with the bevel effect on the buttons. I am in dire need of new buttons and yes the text does not fit correctly on them.

Not sure what text you’re talking about on your second point. SEO rules like Headers, Bold text, and Italic text and color text and Hyper linked text. Is the only thing I was really going for?

All colors were from the original site. That I'm afraid I cannot get them around that. I used the colors in a different way then the existing site but they were set about using the same Forest type colors. The content area is yellow not pale green so not sure what your saying there.

The reason for the logo being where it is, if you would continue on to the products page, You would see the logo change for each product, Portafire, PortafireII, PatioFire, and Permafire. That's why I opted to put the logo where it is. As far as the bullets they are a really good tool for SEO. and yes they are at the bottom but the spiders still see them and provide me with plenty of keywords. I see your point though, We can not look at it as how will it be spidered and the Search engines seeing it and leave at the acutely Users point of view. And Or Vise Versa.

I had the picture in the top fold but it was changed and I totally agree with you on that one.

Give me some more. I Love what you have posted so far.

Brooke's picture

She has: 681 posts

Joined: Feb 1999

I understand why you didn't want to have a critique - sometimes it can feel harsh. Just know that people just really want to help.

With that being said I will give you my critique:

1. I agree about the bevel effects.
2. I think she is referring to the bolded text - it seems a point or two too big.
3. I understand about your point about the logos...but it seems to me that you have one of the products on the home page - shouldn't it just be a generic company logo - and then have all of the products link from the home page? That way you can keep the home page short and succinct. [the home page is too long in my opinion]
4. Color scheme is good. But I totally agree with Megan - that light green center [yellow center] needs to lighten. White would be ideal!
5. The fonts - most of them are times or something - make them all sans serifed.
6. The nav moving on the left side - handy but annoying

That's it for now!

Brooke

pcmedicplus's picture

He has: 49 posts

Joined: Mar 2006

hello just curious this page is not to long http://www.cataluna.com/cataluna/webportfolio.html

They have: 112 posts

Joined: Aug 2001

Mostly agreeing with points already made. Bevels are old and I don't know about everyone else but I think you must change the fonts to sans serif, and maybe take the bold of the main text on the home page. The floating menu I kinda like but I suspect not everyone will, so 50/50 on that one. A product photo up the top of the page would be good so we can see what it is. When I got half way down the page and saw the photo I thought 'hey that's cool' so don't hide it way down there. And there is way too much material on the home page for me - by the time I get down the bottom I forgot what's at the top. I think the background colours are fine; very forresty, and I agree with Megan the logo could be more prominent.

I prefer a website to be centred than aligned left but maybe that's just me. Nice forrest image up the top although I would remove the bevelling from that too.

Hope that helps.

Blue

pcmedicplus's picture

He has: 49 posts

Joined: Mar 2006

Thnx Everyone. Looks Like I have some work to do. Will post back when I have results. Again Thanx.

Brooke's picture

She has: 681 posts

Joined: Feb 1999

I was referrring to the home page being too long - not other pages.

pcmedicplus's picture

He has: 49 posts

Joined: Mar 2006

Thanks Brooke's. That's what I thought you were saying, but I was thinking my other pages were a little long as well. Just to keep you all up to date. I'm trying to implement some of the idea's that I received at this post and if you want you can watch my progress at http://www.spoogenet.com/public_html/index.html, copy of the original and http://www.spoogenet.com/public_html/index2.html working on a remake. Thanks again all. I had no idea what I was seeing as a yellow body on my laptop looked so screwed up and pee green on a CRT. Nice catch all. Trying to move to some CSS to lower the code and get the feal of it.Smiling

pcmedicplus's picture

He has: 49 posts

Joined: Mar 2006

O.K. Here's what I got

I put all embedded java script to scripts and I’m calling them via the html i.e.:

<script src="noframe.js" language="javascript" type="text/javascript"></script>

I created a .css and got rid of all tags

Which both of those alone have increased my code to content about on average 25% to 35% per page.
http://www.seochat.com/?go=1&option=com_seotools&tool=16&url=http%3A%2F%2Fwww.portafire.net&toolsubmit=Check+Ratio

which is a good deal for S.E.O.

Changed buttons from bevel to just text with a mouse over color change.

Also Changed banner, Not permanent but you can view here.

Original found out portafire.net

Proposed new one found at http://www.spoogenet.com/public_html/index.html

And other changes as well.

Let me know what you think. Thanks

pcmedicplus's picture

He has: 49 posts

Joined: Mar 2006

I received no response so I made the banner permanent. I agree taking the bevels out and redoing the white letters, “which was driving me nuts”, made a world of difference. Also changed the 468x60 banner located on the links page to match but still need to change the banners in the download section of the PDF's.Laughing out loud

They have: 12 posts

Joined: Aug 2006

Personally, I like the site. I think it looks professional and easy to navigate. Great Job

Kim

They have: 63 posts

Joined: Sep 2006

Homepage: It's a very niche subject for a website, but from the outset the text makes it obvious what you are promoting or specialising in.

Colour scheme is inviting.

The photo is very clear too and re-enforces the idea you are trying to sell us. Shame it is not above the fold though.

The list of benefits at the bottom of the homepage are nicely laid out, but shouldnt be out of sight like that.

The use of red for the key text works too, and the text in Chinese, wow that is hitting a massive market.

You have made it easy for people to bookmark, which is good for those who are undoubtedly browsing for ideas or product comparisons.

On the downside, I think the Portafire title text at the top is superfluous and because the Portafire graphic further down is very strong (and should be the title!) it makes your eye go up and down at the start, instead of naturally going down through the page. Unless of course the idea is to create a double-take, in which case, brilliant!

The 2 column layout for the 30" stove is a bit lost. The 2 text fonts are too similar. I would put in a border and maybe change the background a bit darker, seeing as you are trying to feature it.

The last image seems superfluous, or should be after the benefits list.

In conclusion, I have learnt about the product and I would go back to check it out.

Products page: Overall first impressions good, neat layout, informative. If you have no image, i would not include that item, but perhaps make a separate list of those products without images underneath the neat display.

Accessories page: Very sharp. I prefer the self contained one screen pages rather than scrolling for miles.

Technology Page. I didnt read all the info, but I would if I was going to buy it. Layout is neat and is easy to scan

Downloads page: i would rename Info & Specs, and when they get to the page tell the user they have to download the files

Testimonials are great, but the presentation is a bit naff, it doesnt reflect the fact that these people took the trouble to contact you and say what a worthy product you have.

Privacy is fine, nice layout. Who reads that stuff though!

I wish i had your links page. Great.

Site map is well thought out as a feature, but the presentation is a bit heavy fonted.

Contact is a big thing for users. You have the phone number at the top, which btw would benefit I think from a phone icon, also I think the contact link should be there at the top too, and be visible on every page.

Not sure about the navigation though. We are creatures of habit and I bet you will find most people arent internet savvy and expect certain things, ie nav bars at the top of a page. It is also inefficient to scroll down to move through a site.

Overall impression though is it is a good and useful site. Lots of work from you and the site works, because I now know about a product I had never heard of ten minutes ago.

pcmedicplus's picture

He has: 49 posts

Joined: Mar 2006

Thanks pisstaker for the extensive review and your review as well mercesgirl and everyone’s for that matter. We had a bunch of changes implemented via the CEO's request, mainly on the home page. Added a bunch more Testimonials, Also converted download pdf’s to Html pages, due to image quality loss. Not all the Chinese is converted yet with the new changes. We are also working on new pictures for Individual products to show on mouse over 3 different pictures side by side. Example http://www.portafire.net/portafire.html

P.S. Forgot to say a new Banner as well and incorporated the logo on the right side of the banner and removed from pages except for the product pages where it changes via the product.

He has: 12 posts

Joined: Oct 2006

Cant find any mistakes but background color is the ugliest you can find

They have: 15 posts

Joined: Oct 2006

The only thing that really stands out here is that i'm not too crazy about the scrolling menu on the right. It might just be me, but I am a little annoyed by it. While I'm reading your main content, I scroll down to see what else it says, and I am immediately distracted by the menu scrolling down. In fact, I lost my place I while I was reading. Wink

You do have an interesting product, however, and you do present it well.

Relevancy is key! Get the most out of your keywords: http://www.olcore.com

pcmedicplus's picture

He has: 49 posts

Joined: Mar 2006

Quote: Cant find any mistakes but background color is the ugliest you can find

Can't help the colors, they are from the original site. If you read the entire post, you will see I was able to lighten the body, without them noticing.

Quote: The only thing that really stands out here is that I’m not too crazy about the scrolling menu on the right

Yes, I’m finding a 50/50 split on that. Suggestions on how to make it easy with long pages without annoying people?

Thank you both for your input.

They have: 13 posts

Joined: Oct 2006

Firstly, STOP USING JPEGS FOR NORMAL CONTENT!!! They make your site look awful. To solve this, either get the base image (without the text) and then create another image which gets overlayed via tables, for example:

<table>
<tr>
<td background="http://blah.com/blah.jpg">
<img src="http://blah.com/blah.gif">
</td>
<tr>
<td>
The quick brown fox jumped over the lazy dog
</td>
</tr>
</table>
'

Or, use text.

Now, the good points.

It's good you provide information for your products that don't have images, however they are also "coming soon". Do note that visitors do not like seeing "coming soon" on your website too often.

However, I've just noticed a spelling mistake. You spelt Coming Soon as Comming Soon. Be sure to correct it.

OK, as I browse through... wow, your links page is huge, in terms of image size added.

And here's a suggestion: move the translate option to the top right or left corner or bottom, as these are the locations users are most used to when looking for a language translation.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.