Perspective, tips, and insight

Articles to help you improve your digital marketing

Web Design Case Study: CareerXroads

We launched a new website for CareerXroads today and it can be viewed at http://www.careerxroads.com/.

TBH Creative was hired by CareerXroads to conduct a site audit. We went page by page and provided a detailed report of suggestions with priority for upgrades and fixes. The suggestions presented led to many upgrades on various pages throughout the website including a revised and more intuitive sitemap.

The most notable change was a home page and template redesign. We added more interactivity on the homepage with custom built content sliders using JQuery technology. The footer is also interactive on the homepage and each interior page to highlight their social media without taking up a significant amount of page real estate.

In the recoding process for the new design, we removed all Flash elements and replaced with JQuery for a better mobile experience.

Before redesign:

CareerXroads' homepage prior to redesign.

After redesign:

CareerXroads' homepage. Visit their site.
CareerXroads' Service page. Visit their site.

About CareerXroads

Gerry Crispin and Mark Mehler are the personalities behind CareerXroads and the CareerXroads Colloquium. Mark and Gerry have worked for and with corporations of all sizes in career planning and placement, contract recruiting, executive search, recruitment advertising and human resource management. After years working on the front lines of recruiting, these two saw a new potential in the Internet and in 1994 came together to create CareerXroads.


Web Design Trends for 2012: HTML5 & CSS3

Our first prediction for web design trends in 2012 is HTML5 & CSS3. We are doing a series of 2012 web design trends.

HTML5

HTML5 is becoming more and more popular within web development. However, it is still in development, so it does not work in all browsers yet. I predict 2012 will bring many improvements and enhancements to what is available and supported.

Uses for HTML5
Currently, HTML 5 is mostly being used for videos, audio and animations. This is why several people are questioning if HTML5 will “kill” Flash. HTML5 is also great for placeholders, auto focusing and much more!

Examples
This is by far my favorite HTML5 website (as of right now). The Wilderness Downtown is an interactive website/music video for Arcade Fire’s song “We Used to Wait”. Users are asked to enter the address of childhood home. The site uses Google Maps and HTML5 to create a one of a kind personalized music video.

The Wilderness Downtown homepage uses HTML5. Visit the site.


There are several other great examples of HTML5 on the web. Agent 008 Ball uses HTML5’s canvas and allows users to play a game of Billiards.

Agent 008 Ball homepage uses HTML5. Visit the site.


Hungry for more HTML5 websites? HTML5 Gallery has several examples to look through!

CSS3

CSS3 has made styling much easier for web developers everywhere! CSS3 offers border-radius, embedded fonts, transparency, rotation, gradient backgrounds and more. Like HTML5, CSS3 is not compatible in all browsers just yet. For example, the radius corners do not work in IE, so corners are boxed.

The @font-face is probably my most favorite CSS3 style! Creativity is endless when it comes to fonts. You can use the Font Squirrel generator to create your own (or you can use the premade ones)! Mobilezr uses the @font-face CSS3 style with their website.

The Mobilezr homepage uses CSS3. Visit the site.

When will HTML5 & CSS3 be compatible with every browser?

HTML5 Readiness has a beautiful interactive graphic showing the progress with browser compatibility since 2008. Google Chrome is currently the only browser that is compatible with everything. When do you think every browser will be ready? One year? Two years?

Web Design Trends for 2012

Web Design Trends for 2012
Seeing as 2011 is starting to come to a close, I thought it would be a good idea to talk about what I see as being hot trends in web design for 2012. Last year, Shannon posted her predicted trends for 2011. There are several similarities between last year and this year’s predictions but some new ideas as well.

Web design graphics: Constructing an effective infographic

Web design graphics: Constructing an effective infographic
Infographics, or information graphics, have been all over the Internet lately. Infographics can be effective on your website to add appeal, uniqueness, professionalism and overall interest. What is an infographic, exactly? You've probably seen one before, but had no idea it was called an infographic.

Below is an example from Daily Infographic. This is a great example. They can be serious, or silly. Possibilities are endless, really. Be careful not to add too much information to the infographic. It is easy to make an infographic very cluttered and hard to read. Adding sources to your infographic is always a must. Users like to see where the statistics and information came from. The sources like to get credit for having their information on the infographic as well.

Receive articles in your inbox