New Site, Feedback?

Your "About" Page seems to break -

6weGwDI.png


To fix the stray bullet (see bullet for the "Reframing" point) -

Find
HTML: 
<ul>
<li>Reframing</li>
<li>Story Telling</li>
<li>Subversive Marketing</li>
<li>Organic SEO</li>
<li>Compelling Content</li>
</ul>

and change it
HTML: 
<ul style="clear: left;">
<li>Reframing</li>
<li>Story Telling</li>
<li>Subversive Marketing</li>
<li>Organic SEO</li>
<li>Compelling Content</li>
</ul>

--- To fix the mis-alignments of the div, open your styles.css

Find

Code: 
.benefitsbox {
  background-image: url('images/box.png');
  background-repeat: no-repeat;
  width: 300px;
  height: 350px;
  float: right; 
  padding-left: 40px;
  padding-right:40px;
}

And change to

Code: 
.benefitsbox {
  background-image: url('images/box.png');
  background-repeat: no-repeat;
  width: 300px;
  height: 350px;
  float: right; 
  padding-left: 20px;
  padding-right:20px;
}

It should now look like this -

HJrjJZN.png


*Flies Away*
 
  • Like
Reactions: Enigmabomb


Lime green was painful, but I liked the bones of the site and overall feel. The other thing that bothered me for some stupid reason... why did you choose a serif font over san serif? I'm genuinely curious.
 
the body of text needs some subheadings or something to help break it up. I'd take an almost infographic style approach to the layout of that content to make it skimmable, nobody reads shit anymore.
 
BlogHue said:
Your "About" Page seems to break -

6weGwDI.png


To fix the stray bullet (see bullet for the "Reframing" point) -

Find
HTML: 
<ul>
<li>Reframing</li>
<li>Story Telling</li>
<li>Subversive Marketing</li>
<li>Organic SEO</li>
<li>Compelling Content</li>
</ul>

and change it
HTML: 
<ul style="clear: left;">
<li>Reframing</li>
<li>Story Telling</li>
<li>Subversive Marketing</li>
<li>Organic SEO</li>
<li>Compelling Content</li>
</ul>

--- To fix the mis-alignments of the div, open your styles.css

Find

Code: 
.benefitsbox {
  background-image: url('images/box.png');
  background-repeat: no-repeat;
  width: 300px;
  height: 350px;
  float: right; 
  padding-left: 40px;
  padding-right:40px;
}

And change to

Code: 
.benefitsbox {
  background-image: url('images/box.png');
  background-repeat: no-repeat;
  width: 300px;
  height: 350px;
  float: right; 
  padding-left: 20px;
  padding-right:20px;
}

It should now look like this -

HJrjJZN.png


*Flies Away*
Click to expand...

And bottom part also on About page
 
Thanks for all the input everyone. Much appreciated. I've doled out rep where it was due. I owe Dreamache one but it says too much rep in the last 24. So, Dreamache, +Rep, what has been seen...


I'll start wrapping in some changes. The short attention span of the internet pisses me off.
 
Dwight Schrute said:
The font size was too big for my eyes. I was overwhelmed by how wide the posts were and didn't bother to read them.
Click to expand...

Normally people would say the opposite; big fonts being easier to read and all that. Type online is generally getting bigger and I rarely use less than 18px and 1.5 line height for body copy now. A List Apart: For People Who Make Websites and Jeffrey Zeldman's site are good examples of this trend... Jeffrey Zeldman Presents The Daily Report

I think the problem with legibility might be because the font chosen is a bit light weight.
 
Fatbat said:
Normally people would say the opposite; big fonts being easier to read and all that. Type online is generally getting bigger and I rarely use less than 18px and 1.5 line height for body copy now. A List Apart: For People Who Make Websites and Jeffrey Zeldman's site are good examples of this trend... Jeffrey Zeldman Presents The Daily Report
Click to expand...

Couldn't agree more. I've started to notice that as pixel densities grow, so do the zoom levels that people have to keep on their browsers in order to be able to read the text. The logical solution here is to use a slightly larger font with proper kerning and line spacing.

I have a 1920 x 1080 screen on my Samsung Ativ Pro (11.6" display size) which leaves me zooming in on a lot of websites. A good example is a site like http://theverge.com - still using 14pt font but with a 23px line height. This creates a lot of wasted white space that could be occupied with a slightly bigger font.

Sorry I'm not much help to you Josh - this shit is all over the place and it seems to be largely personal opinion of "what looks good". I think your site looks fine outside of the color scheme - the lime is blinding to me but I largely prefer a darker palette for web designs. Good job and I'll sub to read whatever shit you place up there.
 
You must log in or register to reply here.
Top Bottom