Website Redesign – Where to Start?

As the Web world continues to evolve every day, Astek moves right along with it. While we offer a wealth of services related to newer Web strategies and tools such as social media, good old fashioned websites are still alive and strong.

Sometimes it can be hard to know where to begin if you’ve been given the task of redesigning your company’s website. Having been through this process numerous times, I’ve shared some of my own thoughts and good articles I’ve read recently that can help you through the earliest stages of redesigning your website.

Write your Website Redesign RFP (Request for Proposal)

Like most shopping expeditions, you will find the best product or service for you if you know what you’re looking for ahead of time. This starts by drafting a document of your requirements, which are unique to you. This will help you define your objectives and come to the table with a clear roadmap.

I’ve sometimes found myself in the position of helping prospective clients write their RFPs, whether or not we get the work in the end. I’ve been on both sides of this, and find that working through the RFP with someone who has been through it before can help you immensely.

The most important thing your RFP should do is clearly outline all the parameters of the project to structure it for your vendors so that you can align the format of the proposals you receive. The more specific your requirements, the easier it will be for you to compare quotes. Comparing apples to apples will help ensure you’re picking the right vendor for the right reasons.

RFPs take on numerous forms, but the basics should include project overview, goals, services requested, key roles, expected formats, special requirements, technical requirements, existing integration points, submission details and timelines. For extra credit, you can also create a site map, which is a bullet list or flow chart of the expected pages on your website.

Read more about creating a Web RFP from MarketingProfs. (Free account required for full article)

Read Seven Tips for Improving Your Website from Entrepreneur.com’s Daily Dose.

web strategy 2012 01 31 11 51 Website Redesign   Where to Start?

Illustration by Matthias Pfluegner

Choose the Right Partner for You

Not all Web vendors are the same. They range from individuals to large agencies. With so many options, it’s less a distinction of good and bad and more a matter of alignment with your culture, goals, work style, capabilities, and budget. Some Web professionals focus purely on design. Others do design and development and perhaps hosting. As agencies grow larger they tend to offer more services such as strategic marketing and ongoing campaign development. Full-service boutique agencies like Astek are rarer.

Your RFP will help align the formats of the proposals you receive, which will make them easier to compare. If you didn’t get very far with your RFP, never fear. A good Web consulting firm will be able to guide you through the process. It just might take a little longer to get there. Most websites don’t tend to do a whole lot on their own, so you should consider how this will fold into your overall marketing strategy.

Like anything, you’re better off with a firm that is really good at a couple things than okay at a lot of things. Many Web firms have their own content management systems (CMS), like Webany, so you should specify if you want a proprietary or open source CMS. Mobile is becoming essential for websites, along with SEO and social media, where it can be difficult to determine the true level of experience being sold. Ideally you will find all these disciplines under one roof to reduce the amount of time you’ll spend managing multiple vendors.

Always be sure to ask for references with whom you can speak and examples of past work.

Read tips from Scott Robinson about choosing the right web developer.

Read about tips for keeping up with the digital revolution and getting unstuck.

If you have any more questions, don’t hesitate to drop us a line. Good luck!

My25 Videos Demonstrate New Approach to Software Prototyping and Fundraising

We’ve reached the end of a significant phase with eMainstay, a client with whom Astek has spent the last three years building the My25 web-based meal-planning software to improve health and reduce management costs for communities housing people with developmental disabilities.

In order to broaden the market for the software, which has proven highly successful in numerous USDA-funded studies, eMainstay approached Astek to develop a robust new My25 prototype for the software and online community development. We chose video as the form to convey our vision for the future of our software and a truly innovative approach to household-oriented meal planning.

The videos below say it better than words. Bon Appetit!

My25 Business Overview

My25 Online Toolkit Intro

Extra special thanks to Vin Design, Kathleen Ermitage, and Sedgwick Productions for their multiple contributions to the ongoing success of this project.

Is Your MySpace Back Door Open?

Remember MySpace? If you’re like most people, you were probably on it three or five years ago, but haven’t looked at it lately.

The thing is that Google still sees it, and therefore so can anyone searching for you. It’s also highly likely that back then you were a bit more liberal about what you posted to social networking sites, since they were shiny and new and you hadn’t gotten burned by those drunken party photos yet.

I’m also noticing that many old MySpace accounts seem to have little or no privacy on them, which means that nearly everything you posted will be available to prying eyes.

Do yourself a favor. Find your MySpace account or Google yourself to see where it comes up. Delete it or restrict access. Really, what are you going to use it for these days anyway?

Get the Most Leads from Your Website

This month we’re discussing Web analytics and how they can help you construct your website in the manner that will best enable you to reach your goal, whether it’s to generate leads, sell products, express thought leadership, or anything else. There are numerous design and strategic decisions involved in each of these. To help you get started, I’ve provided a simple outline of things to consider.

1. Establish your goals. You must know what you want to get from your website before you talk about how to design or build it.

2. Have a clear call to action. If you want people to buy something, don’t be afraid to make the “Buy Now” button prominent. If you want people to contact you for more information, put your phone number on the top of every page.

3. Study your analytics to figure out what kind of people are visiting your site. You’ll know from where they came, for what they searched to find you, and all kinds of other goodies.

4. Start with a wireframe storyboard to establish the strategy and hierarchy of your site before getting into the design and graphics of it. Using your goals established above, create a rough sketch of the most important elements on the page starting at the top. People still read left to right, top to bottom, so they will see everything “above the fold” before clicking or scrolling. And if they don’t see what they are looking for, they might not look any farther.

5. Design to build trust. Use trust icons such as affiliations, awards, memberships, ratings, partners, and certifications to create immediate recognition of brand value for the visitor.

6. Focus on benefits not features. Every successful company does many things well, and we often focus on listing our features. However, focusing on the actual benefits or value you bring to the table creates a much more compelling point of differentiation. (Thanks, Mr. Schmooze, for that one)

Using this process should help you establish your goals at any stage in the Web design process. The more information you have going into it, the better you’ll be able to communicate your goals with your Web consulting partner.

Here is an example of a landing page we designed for a client’s pay-per-click ad campaign in the data center business to give you some ideas:

LF LaunchEntirePage Get the Most Leads from Your Website

Navigating Trends in Mobile Web

If your business has a website, you want it to be accessible to the widest possible audience.  In terms of viewing it in a web browser on a standard desktop computer, this means testing it in a wide array of browser (IE, Firefox, Safari, etc) and operating system (Windows, Mac) combinations.  The site design then often needs some tweaking so that it functions as consistently as possible across those combinations.  This cross-browser testing is a standard part of the site creation process, and something that a company like Astek will handle without you having to worry about it much at all.

In order for a website to display in a way that is at all useful on many mobile phones, a wholly separate site design is needed.  See Katie Hawkey’s article in this ePiphany for more on the actual details of mobile website formatting. The decision as to whether a mobile format for your website is necessary requires some cost-benefit analysis.  Lets consider some statistics and trends.  The percentage of total web traffic over mobile phones was at 1.26% by the end of 2009, having doubled over that year (source).  I was unable to find any more recent numbers, but given the trend it would be reasonable to put it near 2% by now.  A more telling number is that 35% of US adults say they access the internet with their phones, up from 25% in 2009 (source).

Quantcastmobile1 Navigating Trends in Mobile Web

So, a really significant number of people are using phones to look at websites, although they probably still use their computers more often.  But if they check your website once and it comes out all jumbled on their phone, you have left a bad impression.  Another wrinkle is whether a visitor’s mobile browser even needs a separate mobile-formatted design.  Smartphones like those on the iPhone and Android platforms have web browsers which can view websites pretty much the same as desktop web browsers.  Other phones, including all current Blackberry models, have web browsers with a very limited way of presenting websites.

Read more »

Google Buzz

buzz logo1 Google Buzz

No, I’m not talking about Google being talked up in the news, blogosphere, or twittersphere.  Although I do think Google’s new Buzz concept is newsworthy.  I haven’t really caught any “little b“ buzz about it except within ”big B“ Buzz itself (although there are some news articles to be found about it).  Buzz is Google’s answer to Twitter and Facebook’s news feed.  I’m a longtime GMail user, so I saw it when it rolled out to most users yesterday.  I guess I did see one tweet and one GChat status about it when it apparently soft launched on Tuesday, which had me investigating in advance.

It was interesting yesterday to see people experimenting and wondering what it was all about, through the Buzz interface itself.  It’s apparently not totally intuitive for everyone.  I generally like it and get it though, and I’m not the only one.  There was a lot of people posing questions or concerns through Buzz status updates, and other folk responding back about how they thought things worked and made sense.

Read more »

Get to Know Astek – Medill Story

A few weeks ago I was interviewed about Astek by Alice Truong from Medill. She wanted to write a story focusing on how a small company like Astek gets through a tough recession. We’re very happy with the way it turned out, and encourage you to read on.

Medill logo Get to Know Astek   Medill Story

Meet Webany, Just Right CMS

The right CMS allows you to focus on your website content rather than the tools that run it. Numerous options meet the demands of countless websites. Astek designed Webany for you.

By now you should know why you need a CMS and how you can use a Content Management System to keep your website up to date. I wanted to share some tips about choosing the right CMS to make your Web life easier and more productive.

There are four basic types of CMS:

  1. Open source applications that require configuration from a Web professional
  2. Boxed desktop software that allow you to edit your website from one computer
  3. “Boxed” hosted software that requires configuration from a Web professional
  4. Hosted software as a service (SAAS) applications that relieve you from the burden of worrying about the backend

Here is some more info on each type of CMS to help you make the right decision:

1. Open source means that the code used to create the software is publicly available and takes advantage of a huge pool of resources (programmers) to develop. There are advantages and disadvantages to open source software. Since development is not regulated by a single entity, it also means that version-control isn’t 100% predictable or reliable. Typically this weighs on the side of advantage since there are a number of passionate, dedicated developers to fix problems that arise.

Open source developers create add-on modules or plug-ins to provide extended capabilities including forums, blog, wiki, web-stores, photo-galleries, contact-management, e-commerce, etc. It can be time-consuming to find the right plug-in, verify it works with your website and does what you need it to do, but chances are there is a solution out there for you. You will typically need to work with a developer to install, configure, and develop an open source CMS for you to use.

We like to use WordPress for blogs, which is an open source CMS for publishing. For blogs it’s nearly perfect, but we find that for creating more complex websites it has some limitations that inspired us to create Webany.

wordpress logo notext bg6 Meet Webany, Just Right CMS

2. You can purchase boxed CMS desktop software like you would a word processor and run it from your computer. Adobe Contribute is a fairly capable desktop-based CMS. Typically these are designed for one person to manage one or more websites from one computer. While they can sometimes handle multiple users, this gets expensive quickly since you have to purchase additional licenses of the software for each person.

Some boxed CMS products are far more expensive and do offer a greater array of features. These also require set-up from a knowledgeable professional and rarely work perfectly “out-of-the-box” as their packaging might suggest. Again, these products are usually not designed to handle highly complex websites like our solution.

3. There are a few “boxed” hosted solutions out there that are not open source, but may still offer a suitable range of options for your Web needs. These are “boxed” solutions in that they are purchased as a single license, but are not designed as do-it-yourself products. You will need the help of a Web developer to install and configure these products on your Web server, as well as train you to use them. Telerik’s Sitefinity is a good example.

4. That leaves us with SAAS or hosted Web CMS. These have a big advantage in saving you time and money with set-up since they are maintained by the company who provides the service, which means you don’t have to worry about it! Some hosted CMS’ have pre-made templates for you to use, and only a few allow you to use a custom design.

You may still need the skills of a Web professional, especially if you are custom-designing a website to match your brand and specific needs. Astek specializes in this type of development, but we were consistently disappointed with CMS solutions that sacrificed features for ease-of-use, or packed in so many features that that they became cumbersome to use. Rather than settle for another solution, we decided to make one that meets our ideal for a CMS.

Webany is just right. She offers more flexibility than you’re likely to need while maintaining an intuitive design that makes managing your website a snap. You can update anything from words to photos to movies to custom forms without any knowledge of HTML. Use a custom design from Astek or anyone else.

Most importantly, Webany makes sure that your updates won’t counteract the effort and money you put into creating a custom-tailored look and feel. Auto-archiving and user workflow ensure a painless approach to website maintenance.

If you’re interested in learning more, please contact us for a Webany demo.

Webany Logo sm6 Meet Webany, Just Right CMS

AstekArrow20 Meet Webany, Just Right CMS This post was featured in ePiphany, Astek’s Monthly Newsletter |  Other ePiphany Articles 

AstekArrow21 Meet Webany, Just Right CMS Haven’t experienced an ePiphany yet?  Sign up! 

Code Inspection Tools for all Major Browsers

If you do any kind of web development, and you’re a Firefox user, chances are you know about Firebug.  I began using it a couple years ago when I needed to do some serious Javascript debugging, but it has since become indispensable to me for more basic web design.  It allows you to inspect the HTML and CSS code behind web pages, letting you see exactly why any particular element of a page is displayed how it is.  See an example here of inspecting the Clients link at the bottom of our home page (click for larger):

Picture 5 Code Inspection Tools for all Major Browsers click for more about on the fly edit/preview, and tools for IE and Safari…

Helpful Tech Link Bouillabaise

bouillabaisse1 Helpful Tech Link Bouillabaise

I don’t have much to add to them, but I thought I’d put up some recent finds from around the web that have been really helpful in solving some of the many technical issues I encounter.

  • Get WordPress Permalinks Working with Windows, IIS, and ISAPI Rewrite Got WordPress running on a Windows server? Then you should have ISAPI Rewrite and the configuration described in this article to get your blog’s permalinks in a much more search engine (and human) friendly format. We also have ISAPI Rewrite working on our server to get pretty URLs working in Drupal.
  • “301” Permanent Redirects Another link in the search engine optimization domain, this guide will show you how to set up these redirects in many different types of server technologies. If you host a site and are making changes to it that make certain URLs obsolete (porting the site to a new CMS, say), then it is really worth your while to set these redirects up for the old pages. Otherwise your search engine ranking could suffer.
  • Preparing Your Website for Internet Explorer 8 IE8 came out at the beginning of this year and is gaining some traction. It is way more standards-compliant than previous versions of IE, which is great. However, most sites have IE-specific workarounds (read: hacks) which now pose problems for this new version. This concise guide breaks down everything you need to know about making your sites now work with IE8.

Next Page »