intelzon — 2013-07-15T11:00:56-04:00 — #1
Hello all, I'm a newbie here and am keen to get the communities opinion on a website I have built myself (its a Moonfruit HTML5 site).
The company is a consulting business that provides clients with research intelligence to support the corporate targets, employer branding and talent recruitment initiatives. The website is not finished from a content perspective and there will be a rolling slideshow on the home page in the 3x2 pane panel - this slideshow will include embedded messages explaining what the company does in short bullet-type format. However, hopefully, the general payout of the homepage and the content pages is finished.
Can you let me know your first impressions...
How intuitive are the large navigation boxes?
There are two logos - the full company name in the box at the top and a smaller logo in the site map box bottom right - thoughts?
Home page box pictures - not corporate but not too frivolous is the balance!
Honest opinions please and go easy on me - I am not a web designer!
molona — 2013-07-22T05:30:39-04:00 — #2
intelzon — 2013-07-22T07:31:51-04:00 — #3
It's had quite a few edits since I first asked for some peer reviews. The Home page is pretty much finished now (bar a scrolling slideshow in the big panel) and the about page is also finished - and that will be the template for all the other content pages.
Please let me have your thoughts.
Many thanks, Mark
molona — 2013-07-22T11:33:45-04:00 — #4
I like the idea in general although I would change the text to another color. I do understand that yellow-mustard color is the company's but it is hard to read. Probably a dark gray would be better. It is easier on the eyes and I think that the page has enough color as it is.
Not sure that I like the comments. I think they would look better if they were as organized as the top (that is, if they were properly aligned). While I appreciate the creativity of having them in a stair-like fashion, it simply doesn't work.
Coding wise, it is a mess but I assume that this is a draft and once you have it looking right then you'll clean the code (although I would do it asap if you know the looks you're after because it is far, far away from best practices, not even to mention responsive design)
intelzon — 2013-07-22T12:32:58-04:00 — #5
I am not writing code or even understand what code is! It is all done through the Moonfruit platform. What are the consequences of leaving the code 'in a mess' asuming the design looks ok?
molona — 2013-07-22T12:43:31-04:00 — #6
It is a disadvantages for SEO (search engines benefit clean code) as well as downloading times among others. Depending on the number of pictures and videos or other media that you may use, these disavantages per se may be small... or really large.
The major disadvantage that I see though this page is not reliable for mobile phones or tablet pcs and that's where the future of the web is already going. Every year the number of people that use mobile devices for accessing information is larger so they can't be ignored.
With a code like this, the sizes of the text and the pictures will not automatically adapt to the different screen sizes and resolutions.
intelzon — 2013-07-22T12:48:39-04:00 — #7
That is interesting as this site was originally built in Flash but Moonfruit rolled out an HTML5 conversion so I converted it to make it compliant with mobiles and tablets. It loads ok on the Android mobile and tablet that I own but I have not looked at it on any Apple devices yet. I am also constantly viewing it on different browsers on my PC - I am building it via Chrome and it looks fine on Firefox and Opera but on IE for XP it doesn't look very well rendered at all which is disappointing as many people still use IE (although God knows why!).
Ps. I have changed the comment icons so they are now lined up straight.
molona — 2013-07-22T15:00:30-04:00 — #8
It looks much better and with that yellow text even more so.
Regarding the view in tables and mobile phones, it may look good in smartphones but remember that not all smartphones behave the same not all the browsers have the same capabilities and not everybody has broadband in the smartphones.
The system they use is automated and the code it creates is not precisely the best (as many automated system). An example is the names of the CSS classes. Plus right now you have SASS and LESS (although these may not benefit to these site, it is not that big)
It also uses non-recommended practices such as adding styles attributes or at the top of the document instead of using an external file which should be link in the header.
It may look good in all browsers but cleaner code meand that it is easier to program, easier to display for the browsers (=more speed) and easier to maintain.
Even if the DOCTYPE is HTML5, this code looks from the 90's.
superman859 — 2013-07-22T15:06:49-04:00 — #9
Overall I like the design. The navigation on home page was different yet I found it fairly intuitive. (it may get more challenging if more things need to be linked, but currently seems ok). The only part that is a little confusing is sections that are "underneath" others? For example, I see 'about' but on home page there are also links to who we are, what we do, etc. Those were fine there, but on the 'about' page I saw them linked as well...not too bad but too a second to try and figure out if there is some hierarchy.
The part that I do not like is the content pages where it is fully surrounded by stuff. Extra links on right, header on top, quotes and stuff on left, etc. I would remove the boxes containing quotes unless absolutely needed, or reposition. It just feels crammed for the content.
intelzon — 2013-07-23T05:14:49-04:00 — #10
I only wanted 3 pages in the header links menu plus a permanent SiteMap link in a style box at the bottom - there will be other links embedded in content texts to other areas of the site apposite to a leading theme. The website is more like a brochure site than a site that will pick up new business on its won via google and SEO. Most people who will visit the site will be following a direct url or via a verbal referral. It is a difficult balance presenting information in a very concise, clear way whilst also presenting a clean professional image that potential clients find appealing - I also don't want to treat visitors like idiots!
molona — 2013-07-23T07:06:19-04:00 — #11
If it is a brochure with nothing else, SEO will be of not help for you since most of it is based on new, fresh content.
I agree with you that presenting is not easy at all but it is better to treat your visitor like idiots than not. At least, that's what statistics say
everlongdesign — 2013-07-29T16:31:36-04:00 — #12
It's a nice concept but I'm having a real hard time concentrating on things. I just get the feeling that it's all over the place and there's no order.
What I would do is try to make it more focused on the main content and make that stand out and make the rest more subtle, avoiding clutterness.
ethan12 — 2013-07-29T21:07:05-04:00 — #13
very interactive design but getting some cross browser issue on IE.It's divs width expands on internet explorer although overall your website is perfect and very colorful.
hamiltondist — 2013-07-30T01:05:57-04:00 — #14
You did a good choice in using HTML 5 for this. Fast to load and it takes 2 scrolls to view the entire page. Personally I don't like red text in page (people with color blindness may have problem but I don't know to what extent), I say it helps in highlighting important phrases there.
intelzon — 2013-07-30T11:55:04-04:00 — #15
Thank you for the feedback - The site is near to completion from an appearance point of view. The Home Page and About page are pretty much finished with content. The slideshow effect on the home page will have new images with text cues added as well. The About layout will form the basic design for all the content pages though some will dispense with the white square detail.
austinsp — 2013-07-30T15:48:45-04:00 — #16
I actually really liked the overall theme of the website. I tend to like the flat metro-esque look to websites. However, it seemed really cluttered, it was hard to identify what I needed to giving mt attention to. It also took a while to load and the coding looks horrible! I would have some go over it for you and clean it up. The text was readable, but I would add some line-height to some of the paragraphs to make it easier on peoples eyes. Overall though, youre heading in the right direction! Good luck!
zethos — 2013-08-05T19:18:10-04:00 — #17
I don't love it. Your "What we do", "Who we are" and "FAQ" need to be in the top navigation. Your sliders are distracting, while it looks slick, it is very cluttered as was already mentioned. I think you need to decide what is the primary goal of the website. What do you want your visitor to do.
intelzon — 2013-08-06T03:20:39-04:00 — #18
You don't actually say a 'why'? Why do you need navigation at the top for all the options?
zethos — 2013-08-06T07:54:18-04:00 — #19
The user is not going to be used to this type of navigation, making this a frustrating experience. Navigation is typically at the top or down the left side. You want to make it as easy as possible for your user to get to significant parts of your site. Since we read from left to right, the user is not going to easily find those links on the right side and the bottom. You need consistency with your navigation. You have Home, About and Contact at the top, which is great, I would add more navigation options to that. Your "about us" post it looks nice, but what is the point? It is cluttering your page. You should decide what the goal of your site is and make it easy for your user to get there. I know your dual slider looks slick, but I would consolidate it into one and then make your other links more prominent on the page.
laptopservis — 2013-08-06T11:56:04-04:00 — #20
Website looks impressive , at first glance may confuse visitors but after a longer review all comes together. Breaf description above logo can be moved to a more appropriate place might, and about us section has two links on the first page which seems to me unnecessary. Considering that you're not a professional web designer you've really made an effort to look well. More than anything, I love the design, photos that are connected like puzzle
next page →