Heideldesign: Movable Type Consultants

Follow us on Facebook, Google+, LinkedIn, Flickr, Twitter or RSS

Current Blog Posts View archives Subscribe

Your Hosts

The Heideldesign Blog.

Movable Type tips, video tutorials, behind the scenes of our latest projects and more.

Looking Back... Data South Systems

Lee Heidel

Posted by Lee Heidel in Movable Type on Apr 30, 2012 | No Comments

We've had the privilege of working with Hinesville, GA based Data South Systems for the last nine years. During that time, we've produced videos, designed print collaterals and even made on-site visits to their client locations across the country. However, what we've done the most of is web design and development.

Below you can see a "through the years" look back at Data South Systems' website designs from 2002 through the latest iteration, launched last month.

Click "Read More" below to view the images.

Read More Leave a Comment

Designing a Recruitment Portal

Lee Heidel

Posted by Lee Heidel in Movable Type on Apr 20, 2012 | No Comments

joindba

Heideldesign was recently tasked with designing a recruitment portal for Dallas-based consulting firm DeWolff Boberg & Associates. The result is JoinDBA.com.

The website serves two purposes. The first is to educate perspective employees about the job requirements of being a member of the DB&A team including their unique corporate culture. The second is to create an easy application process and workflow for both the applicant and the human resources staff. 

The application form is comprised of a few dozen text input, select and radio fields along with a resume upload function. Error messages alert the applicant to missing or incomplete items. Once the form is successfully submitted, DB&A staff members are alerted by email. They can then log in to the site to review the application, add notes and assign an interview date. They can also export their applicant data to Excel or PDF with a single click. Ease of use was our primary objective and with more than two hundred submitted applications in the first month, the site has exceeded our expectations.

The JoinDBA website uses device detection to serve a special stylesheet to mobile devices like iPhones and Android phones. The re-organized content flow makes it easy to interact with the site and even watch videos while using a small screen.

In today's job market there are more applicants than ever. While there's no shortage of available, qualified individuals looking for work, it's still important to promote your business as a preferred career environment. That goal is achieved by creating a website that clearly explains your company's mission as well as the positions that need to be filled. Every company has a personality and JoinDBA.com positions this consulting firm as a premier employer.

Leave a Comment

"Collections" for Cool Mom Picks

Lee Heidel

Posted by Lee Heidel in Movable Type on Apr 13, 2012 | No Comments

CollectionsUsing Movable Type, we fashioned an easy system for creating "collections" of items from the awesome writers that run the ever-growing shopping resource for parents, Cool Mom Picks.

During the typical workflow of creating new entries, post authors have the ability to add "tags" to their posts. A cross between keywords and categories, this field allows you to informally group like items without regard to your formal site's hierarchy. For example, you may have posts in major categories like Toys and Clothing that all also deal with a holiday, like Easter. That's where tags come in. Tags let you group items by less-important, but often very specific key words.

With "Collections", Cool Mom Picks editors can now create a Collections page in Movable Type and signify a related tag to group existing content. Movable Type template tags and javascript work together to create a slideshow carousel of the grouped content. Voila! Mini shopping guides grouped together by theme, generated in a matter of minutes from their vast database of over 6,000 entries spanning the last six years.


Need to hack Movable Type to do something cool? Or, are you looking to create your own shopping portal or Mom blog? Let's talk.

Leave a Comment

Responsive Web Design: Dawson Architects

Lee Heidel

Posted by Lee Heidel in Mobile Web & Apps on Apr 05, 2012 | No Comments

Dawson Architects

Dawson Architects (Photo credit: heideldesign)


We feel very lucky to work with the many talented individuals, teams and corporations on our client roster. One of our three (!) site launches this week is for Savannah architect Neil Dawson and his firm, Dawson Architects.

Neil and his team do amazing design work with a focus on restoration, preservation and eco-friendly building choices. From HGTV Dream Homes to the new SCAD Museum of Art, they have done it all.

For Dawson Architects' new website, we chose to create a simple design that places focus squarely on the photography, showcasing this amazing work. In combination, we used the Skeleton framework to make the site easy to access on mobile devices. The site responsively re-aligns and re-sizes images and text elements to best match your browsing device: Monitor, tablet or smart phone. We used Movable Type Open Source for content management.

You can visit them online at DawsonArch.com.

Leave a Comment

Make Your Website Social with Facebook Comments

Lee Heidel

Posted by Lee Heidel in Blogging on Dec 01, 2011 | No Comments

Owners of blogs and other websites that thrive on social interaction have faced a dilemma since the beginning of the format: How can I best receive feedback from readers? The historical answer has been an embedded comments form, powered by the underlying content management system (like Movable Type or Wordpress) or a similar 3rd party solution (like Disqus or Intense Debate). 

With the launch of the Facebook Comments plugin, several roadblocks associated with traditional commenting methods are remedied. 

1) Users are verified
When someone posts on your website using the Facebook Comments plugin, their real name, occupation and profile photo are displayed alongside their comment. If they are there to troll or be obnoxious, they will not be anonymous. SPAM comments are a thing of the past.

2) Moderation is scalable
You can tie your comments to a Facebook Application. That way, you can assign as many moderators (users able to delete or edit comments) as you'd like without having to give them access to your underlying CMS.

3) Comments are searchable
Google is now indexing embedded Facebook comments, so no worries about losing valuable search engine text by using a 3rd party system.

4) Comments are social
This is the biggest one. When a user leaves a comment on your website using the Facebook Comments plugin, the comment (and a link) are automatically published into that user's activity stream. This allows your content to virally spread to that user's sphere of friends without any extra effort.

htr-comment.jpg
Example of embedded Facebook comments at HomeTheaterReview.com

However, there are some drawbacks as well. The big one is the loss of ownership of your comments. If you're worried about preserving these comments for posterity, you can export them using Facebook's developer tools. For most users, the value of moderation, verification and social sharing will outweigh that inconvenience.

If you'd like to learn how Facebook Comments can add value to your website, Let's Talk.



Leave a Comment

Are You LinkedIn?

Lee Heidel

Posted by Lee Heidel in Social Networking on Oct 07, 2011 | No Comments

Image representing LinkedIn as depicted in Cru...

Image via CrunchBase

I had the chance to talk to online men's magazine Man of the House about the benefits of LinkedIn, the social network for professionals.

You can read the whole article here. My quotes appear on page two.

In my conversation with Josh, I talked about how Heideldesign uses LinkedIn as a direct line of communication with our existing clients. We do that by funneling our Twitter posts through the service as well as reaching out directly to individuals and companies we've worked with in the past. We find that the return on investment is high with LinkedIn because we're focusing our efforts on those we have existing relationships with in a business-centric environment. 


Are you on LinkedIn? If so, how are you using the service? Head over to the article and weigh in.

Leave a Comment

The Scoop on Google+

Ginger

Posted by Ginger in Social Networking on Sep 09, 2011 | No Comments

This guest-post was written by Mary Walker. Mary is a junior at the University of Georgia. She is studying public relations and consumer-journalism, with the intention of attending graduate school for corporate communications. Mary was recently an intern at Heideldesign. Contact her at mkwalker22@gmail.com.

You've heard about Google+, and if you're already one of the millions of people using Facebook, you may be asking, "Another social network? But why?"

It's true that Google+ and Facebook have many things in common, but there are also distinct differences. We'll outline some of them for you here.

When Facebook was created, it used exclusivity as its promotional technique. However, Google+ is using discretion. Google+ allows you to share different information with different people to simulate the variety of relationships you have in real life. For example, you wouldn't tell your best friend the same things you'd tell your boss. Why should your online profile be any different?

Now, let's break down some of the unique features of Google+, like Circles, Hangouts, Sparks and Huddle.

Circles
Googlecircles2.jpgCircles may be the most significant feature of Google+. Circles allow users to put their friends into as many different groups as they want. By separating your contacts into groups, you can control what your friends see. For example you can have separate circles for a Ski Trip group, high school friends, co-workers and family.

The creators of Google+ are betting on the fact that not all users want to share everything with everyone. As multiple generations become heavy users of social networking, it is becoming more important to give users greater control over who can access their information.

Google+ also allows users to specify what kind of information they want to see from their other contacts. Unlike Facebook, updates are not all pooled into one location such as "Most Recent." Updates are confined to that person's circle, making it less overwhelming for users as they accumulate friends.

Friends
Google+ seems to have taken its inspiration from Twitter when it comes to "friending" people. On Google+, information sharing between contacts does not have to be mutual. Unlike Facebook, a user can follow anyone who accepts them, and yet not allow them to see any of their personal information.

Hangouts
Google wanted to bring unplanned meet-ups to the web, and thus "Hangouts" were created. Hangouts are the online equivalent of walking into a coffee shop and seeing different people you know.

hangout.jpgHangouts are a feature of Google+ that allows people to see who is online a have a quick face-to-face chat. Before Facebook released its video chat, this was a unique feature to Google+. But it is still very different in that Hangouts allow multiple people to be in the same room at the same time. Users can create a group chat of up to 10 people.

Sparks
sparks.jpgGoogle+ Sparks is a feature that has no Facebook equivalent. Sparks allows users to tell the website the types of things they are interested in such as "sports" or "cooking" and it will bring up cool new videos or information about the topic.

Google+ combines social networking with the search engine tools already in place. Facebook allows users to share information for which they've already searched, but Sparks allows the search engine to find interesting stuff for you to post to your friends.

Streams
Streams and Statuses are interchangeable. The creators of Google+ recognized peoples' desire to know what their friends are doing and thinking. The status feature is an integral part of Facebook that needed to be converted to Google+.

Huddle
Huddle is a feature that allows you to have a Google+ chat on your phone. This allows you to text your plans with a group on your phone. It allows up to 10 people to be in the chat at one time to make organizing group activities easier. The whole conversation will show up on your phone.

huddle.jpg
Google+ was released to select users at the end of June, and is currently an "invite-only" program for people over the age of 18. Google+ attracted 5 million users within two weeks of opening.

Leave a Comment

Heideldesign "Jiggles" From Virginia Earthquake

Lee Heidel

Posted by Lee Heidel in Heideldesign on Aug 24, 2011 | No Comments

Savannahnow.com's story on the Great Earthquake Shake of 2011 featured quotes from Heideldesign CEO Lee Heidel. The Virginia-based quake scored a 5.8 on the Richter Scale and we felt our fifth floor downtown-Savannah office sway as the vibrations made their way down the coastline. Relevant bits are excerpted below; but you can read the entire article here at Savannahnow: Earthquake Jiggles Savannah

Just around the corner on Johnson Square, Lee Heidel started to feel nauseous as he stared at his computer screen.

"I couldn't tell if I was moving or the screen was moving or a little bit of both," said Heidel, a Web developer who was working on coding just before 2 p.m.

He asked his wife and co-worker at Heideldesign, Ginger, if she felt anything.

"I didn't preface it with anything so as to not influence her, but she said, 'Yeah, something's weird,'" he said.

After Ginger noticed the blinds slowly shaking they joked it was an earthquake, but attributed it more to construction on nearby Ellis Square. It wasn't until he opened Twitter a half hour later and saw a flood of earthquake-related posts that they realized it was no joke.


Leave a Comment

Google and Author Attribution

Lee Heidel

Posted by Lee Heidel in Search Engine Optimization on Aug 12, 2011 | No Comments

Google's love for microdata is expanding to recognizing and displaying author attribution for individual web pages. Here's their original announcement from June, stating their case for extrapolating the author of an individual blog post or article: Authorship Markup and Web Search.

In the long run, this should help Google weed out content aggregators or page-scrapers and penalize sites that may be re-broadcasting the content without permission. It will also allow more traffic to go to the source of the article and limit the number of pages returned in search results, making the article easier to find.

At the most basic level, you can achieve compliance by doing the following:

1) Make sure your author's name is given on the page. Example:
By: John Smith

2) Add an anchor tag to the author's name that links to the author's bio page or a Google+ profile with the rel="author" attribute added. Example:
By: <a href="http://johnsmithsbio.com" rel="author">John Smith</a>

If linking to a non-Google profile page, you will then link your on-site bio page to your Google+ profile and likewise, link your Google+ profile back to your author bio page. That completes the authentication loop.

Another Google incentive for adding the author attribution is enhancing search engine displays, like this one (nice photo, Paul!): 
nyt-author.png

If you have any questions about author attribution or would like to have your Movable Type or Wordpress site updated to take advantage of this technology, we'd love to hear from you. Let's Talk.


Leave a Comment

Mobile CSS vs. Unique Mobile Templates

Lee Heidel

Posted by Lee Heidel in Mobile Web & Apps on Aug 01, 2011 | No Comments

When planning for a mobile website, there are two ways that you can approach your project. The first method would utilize your existing site design, but optimize it for viewing on mobile devices. The second method would provide a separate, completely custom mobile layout and interface for mobile devices. Each method has its benefits and drawbacks. Let's investigate!

Home Theater Review Mobile

HomeTheaterReview.com uses mobile stylesheets (CSS) for its handheld device strategy.
 

Mobile CSS

Flow: With mobile CSS, a visitor enters your website URL or follows a link to a page on your website. The website detects if the user is on a specified mobile device (like an iPhone, Android phone or Blackberry). If so, a stylesheet loads that adapts the existing page structure and serves that style to the phone browser.

Benefits: This is the simplest mobile adaptation method. It involves loading a few lines of code to your website's header, linking to a detection script (to target devices) and a custom stylesheet. You only have to maintain one set of content and there is only one document to edit to make style changes going forward.

Drawbacks: You are limited in terms of graphic design flexibility and customizations. This method uses your existing HTML code base and simply adds a new style layer. So, if your HTML is structured in this order: Logo, Navigation, Article, Sidebar, Footer, you can expect a similar structure when viewing your site on a mobile device. If you want to display custom mobile ad units or other content not in your original HTML file, we will have to invoke additional javascript or other methods which defeats the simplistic purpose and benefits of mobile CSS.

SMF Mobile vs Web

The Savannah Music Festival uses a custom Mobile Template set to target iPhones.

Mobile Templates

Flow: With mobile templates, a visitor enters your website URL or follows a link to a page on your website. Then the website detects if the user is on a specified mobile device. Instead of serving a mobile stylesheet, it redirects the URL to a mobile-optimized version. This mobile-optimized version has a unique URL, separate from the "default" desktop browser URL. It has its own unique HTML base and associated javascript and CSS. 

Benefits: With unique Mobile Templates, you have complete control of your layout and site behavior in mobile devices and are not limited by your original website's HTML code. You can make the website look and behave like a native iPhone or Android app for example. You can also take advantage of code optimized for touch input and compressed for optimal mobile speed.

Drawbacks: When using Mobile Templates, you need to maintain an additional set of HTML files for your mobile site. In many ways, you are running two completely separate websites. Content Management Systems like Movable Type and Wordpress make that chore much easier. But, for future maintenance and code changes, you are doubling the amount of work that may be involved.

Which is right for you?

Ultimately, you need to weigh the benefits of each option carefully. For many websites, their budget and time constraints may lean toward the simplicity of Mobile CSS. If you expect to rely heavily on your mobile presence to process e-commerce transactions or provide pertinent on-the-go information, you may need the ultimate flexibility of a Mobile Template. If you'd like to discuss your options with Heideldesign, Let's Talk.

Leave a Comment

Recent Tweets

Follow Us

  • Heideldesign: Today we're taking a look back at work performed for one of our longest-running clients: http://t.co/ntxAIztE #webdesign #savannah permalink
  • Heideldesign: @4SqSupport - Can a venue owner delete unrelated photos posted to their venue? If not, is there an expedited way to get them removed? permalink
  • Heideldesign: @scislaghi Were you able to get the help you needed with #movabletype? If not, let us know! http://t.co/zbiSYTP6 permalink

Recent Images

Flickr Stream

Blog Search

About This Blog

The Heideldesign blog is a repository of Movable Type tips and tricks as well as information about the Heideldesign web design and development firm, located in Savannah GA.

Find recent content on the main index or look in the archives to find all content.