Hey CSS-Tricks forum!
I just uploaded my new website today at [http://sharikul.comyr.com](http://sharikul.comyr.com “sharikul.comyr.com”) and I would like to hear what you think of it.
The design is the result of MONTHS of testing new ideas. I’m not ashamed to admit that I’m not a designer by any means as I struggle to come up with a design that’s up to today’s standards.
I also enforced the use of Media Queries on this site too so that it can be viewed on mobile devices as well.
Any feedback, good or bad, would be highly appreciated.
It feels really crowded, maybe it’s because there is a lot of text, or because the lack of space around it (line height is really tight, only 1px more then font size). The blog posts from various blogs (3 of each) don’t align really well making it look messy. The twitter logo and text next to it on the bottom of the page seems clickable, but isn’t.
I have to admit I’m no designer either, but noticed those things anyway.
Thanks for your feedback, CrocoDillon.
Yeah, I struggled aligning the blog post boxes properly therefore I decided to make it look like a noticeboard, but I’ll try changing that if I can.
And I just realized that the default styling for the logos has `cursor: pointer` set to it. Gonna have to change that around. Thanks for the heads up!
Hi Sharikul, you a brave guy asking this crowd for some design critique! I basically agree with most of the comments. However design is a funny thing and a design might not be my cup of tea however other will just love it.
However you really do have too much text and I also agree with CrocoDillon (where do they get these forum names from?) that the design is also a bit messy.
I imagine this is going to be like cutting back the layers of rock to reveal the figure inside. I think the spacing is the number one issue – not just padding, but the text itself needs to have some line height added to it. So definitely do that first so you can see what you are dealing with under it.
From what we can see now is just a full frontal assault of text without much else. There isn’t much imagery, or change of formatting or even some kind of color separation to help your eye figure out what it’s looking for. The grayscale color scheme isn’t helping matters either because it all just kind of blends in. If you do keep it in a gray scale, try and create more contrast between the sections.
Based on the amount of content, I would probably separate that whole intro section on to another page where you just do a quick one sentence intro and then “learn more about me”. That might help someone do something useful without feeling like it was taunting wall of text.
Is it me or is the site really slow?
Because of the large amount of text, typography will be even more crucial. I would work on selecting more than just Lucida Grande. I’m also not a fan of the color choices here or the really really large icons at the top. I find it difficult to navigate your site or is this just a “one-pager” sort of thing?
The content text is way too wide on my screen, set some kind of max-width on it.
I like the responsive effects, though I have a feeling the rearranging transitions might be slowing it down some.
I will echo the “let things breathe” sentiment that has been thrown around some. More paddings, more margins, more lineheight…
There seems to be something slightly off with the way that the boxes align in your blogposts section. I’m not exactly sure how it would look better, but to ensure that box is once size you end up with having some almost random-seeming gaps, which is something that bothers me a bit. I do like that you’re pulling in the posts, though, makes it a lot livelier. Reading comments further up, if you’re wanting to make it more look like a “noticeboard”, I think some kind of effect to make it look _more_ thrown onto it. Right now it looks like unevenly spaced boxes.
You may also want to put some extra thought into what fonts you’re using. This comes as a result of me reading chrisburton’s post and getting a “wait, what, that’s not supposed to be Verdana?” feeling. I’m on Ubuntu, so I don’t have Lucinda Grande or the other fonts in your fontstack, until I get down to Verdana.
I don’t mind the colour scheme, as long as your intention was to look corporate and sober, since that’s the impression I’m getting from it. Very no-nonsense, strict, though perhaps a touch boring. Admittedly, I like my splashes of colour, so don’t take that criticism too seriously ;)
My final comment will be that you may want to give it a run through [the W3 validator](http://validator.w3.org/check?uri=http://sharikul.comyr.com/), since there’s some errors that probably should be fixed (and probably some errors that are a ‘why bother’, but I bet you’re experienced enough to know which ones are which =) Why is your entire content wrapped in an `hgroup`, and why are there `a`-tags wrapping `li`-tags? Fix the issues with your lack of valid HTML and I will enjoy your cheeky comment about how structured it is =)
Great. So if you don’t mind, I can suggest distributors for webfonts that I have used or do use.
* http://webtype.com (High quality for less than $2/mo – per style)
* http://typekit.com (see there pricing options)
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".