Website design elements that have impact

Well conceptualized infographic on the elements of website design that increase ROI. It’s definitely no surprise that sharing leads to more eyeballs on your site, but what design elements keep those viewers there long enough to produce sales? Click infographic to see original post and full infographic.

Earlier in the summer at the Front End Design Conference #frontendconf, the idea was presented that some of these impact elements are dead, specifically giant billboard rotators at the top of your site. I think that a better way to have put that would have been to say all of these mentioned elements from rotators to badges to hot spots to call-to-actions all should be dead. By that I mean if there are any elements on your site at all that are there “just cause they are neat and you are capable of coding them,” they should be removed. All rotators aren’t dead, only those with no purpose related to the site.

Be purposeful when designing, whether for the web or for any medium. No design elements have impact if they aren’t purpose driven.#ourwebsitesucks

Elements of webdesign that increase time spent on the site will lead to increased ROI

Elements of webdesign that increase time spent on the site will lead to increased ROI. Which do you think work best?

Don’t Overthink It Grids

Simple grids- how to code in CSS

The vast majority of websites out there use a grid. They may not explicitly have a grid system in place, but if they have a “main content area” floated to the left a “sidebar” floated to the right, it’s a simple grid.

If a more complex layout presents itself, people often reach for a grid framework. They assume grids are these super difficult things best left to super CSS nerds. That idea is perpetuated by the fact that a lot of the grid systems they reach for are very complicated. Continue…

ClemsonGC attends Front End Design Conference

With two seniors from the Clemson Graphic Communications  program, I attended Front End Design Conference & Workshop in St. Petersburg, Florida this week #frontendconf. Not only was it one of the most well developed (pun intended) conference I have ever attended, it also had the perfect mix of inspiration and information. My brain is saturated, but I now know where to head to sort out all the amazing ins and outs of Front End Design.

So what is “Front End Design?” Every job has to have a name describing it, right? In this case, front end becomes the go-to term for website design and development and includes a wide range of related specialties and careers. But before I get in to any of the technical info we absorbed, I want to share what I think emerged as the underlying theme throughout the conference- community.


Designing for a Responsive Web Means Starting with Type First

Type matters. How to use typography in responsive web design

Making responsiveness only about grids, responsive images and media queries is a disservice to customers and brands. It needs to be about providing readable content for any device, and that means starting with type.

The pervasiveness of mobile devices today means audiences want to consume content on whichever browser or device they prefer. As a result, web designers and publishers have rallied behind the idea of responsive design to reach the widest possible audience and promise the reader a great experience no matter what their screen size. But in our rush to make sites work well across a plethora of mobile devices, tablets and desktops, many of us have overlooked a crucial concept: we should be designing for the reader, not the device. Continue…

How to Make Your Site Look Half-Decent

How to make your website look good- tips and tricks

Programmers like me are often intimidated by design – but a little effort can give a huge return on investment. Here are one coder’s tips for making any site quickly look more professional.

I am a programmer. I am not a designer. I have a degree in computer science, and I don’t mind Comic Sans. (It looks cheerful. Move on.)

But although I am a programmer, I want to make my sites look attractive. This is partly out of vanity, and partly realism. Vanity because I want people to think my work is good, and realism because the research shows that people won’t think a site is credible unless it also looks attractive. Continue…

Beautiful website landing page examples

What makes a top website landing page? The graphics, typography, photos, white space? What about the organization, how a user is drawn through the content, how the design guides them to the call to action? And we’re only talking about full screen viewing right now, there is the whole other box of worms design-wise when you get in to mobile responsive and having a site that can be easily displayed and navigated from 320 pixels wide up to 1400+ pixels wide. But that’s another story.

Browse the PDF below for a collection of beautiful website landing page examples and get inspired!


Creative, colorful web designs

Creative, colorful web designs

Embedded Link

30 Creative, Colorful Web Designs – DesignFestival
I love color! In fact, one of the ways that a website entices me to hang around awhile is with a creatively colorful design. Some websites are brimming full of various contrasting colors, others have …

Google+: View post on Google+

Post imported by Google+Blog. Created By Daniel Treadwell.