Redesign vs. Realign

It’s been nearly five years now since the redesign vs. realign debate began.

Many designers are still approaching website changes as redesigns, with little thought to whether they should be redesigning or realigning the site for their clients.

In fact, many designers are still a bit confused about which one is appropriate for which projects, or even what the difference really is.

Understanding the difference between redesigning and realigning can result in happier clients who are better reaching their website goals.

There are times when redesigns are appropriate, and there are other times when realignments are appropriate. It all depends on how the client’s current site is working for them, and what their goals are.

Read on to find out more about the differences between redesigning and realigning, and how to determine which one fits your current and future projects.

 

What’s the Difference?

The difference between redesigning a website and realigning a website isn’t always 100% clear cut. But the main thing that sets them apart is that redesigns are primarily focused on aesthetic changes: color schemes, graphics, typography, etc.; whereas realignments are more focused on purpose and function.

The White House’s website underwent a major realignment when President Obama took office. Screenshots from iterasiarchive and whitehouse.gov.

A realignment will look at what parts of a site are working and what parts aren’t, and will then work around those strengths and weaknesses. A redesign, on the other hand, will focus more on design trends and how the site looks.

Many designers think that every website revision should be a realignment rather than a redesign, but the truth is that both have their place. Below we’ll cover the strengths and weaknesses of both redesigns and realignments, and how to decide which one is appropriate for your projects.

 

Redesigning

As already mentioned, redesigning focuses on the aesthetics of the site. A redesign will likely consist of changing the graphics, color scheme, and other visual elements of the site’s design. Little or no attention is usually paid to the structure and functionality of the site. Content usually stays the same, too.

When is a Redesign Appropriate?
Sometimes the structure of your site is just the way you want it. Your users are happy, your site is achieving what you want it to achieve. The only problem is that your site has been completely the same for the past five years. While it’s perfectly functional and does what it needs to do, it looks like a throwback and you’re worried it might be costing you new business.

This is a case where a redesign is perfect. You don’t need to change the functionality, content, or structure of your site. You just need to give it a facelift to make it appear fresh and new.

Things to Remember When Redesigning
When you’re redesigning, you shouldn’t be doing much with the structure or function of the site. Look only at the visual elements and how they can be updated or otherwise improved upon.

Most redesigned sites will bear a heavy resemblance to the original design, at least in terms of the way it works and the general content. You might move things around, but with an eye toward working better visually. The new design will leave the structure of the site much the same as it was prior to the redesign.

Redesigns are generally much faster to complete than realignments. If the original site was built on a CMS, it’s just creating a new theme or template. One thing you might want to consider if the site wasn’t built on a CMS is to switch it over to one during a redesign. While this might be closer to a realignment, it’s worth the time and effort if the client will be updating their site’s design on a regular basis.

Make sure your clients are prepared for the impact a redesign can have on their site visitors. They will almost inevitably get some long-time visitors who will complain about the new design, and (hopefully) a lot of visitors who love the new design. A client who’s never been through a redesign may be surprised when a visitor complains about the new site if they’re not prepared for that eventuality.

Remember that redesigns are often instinct-driven and rely more on your intuition as a designer than on hard data. Because functionality is left intact, you can proceed more on gut instinct than you can with a realignment.

Screenshots from Archive.org and HighriseHQ.com.


 

Realigning

Realignment, as compared to redesign, has a much greater focus on user experience and usability. With a realignment, you’re addressing specific issues with the structure or functionality of the site, in addition to design changes.

You’ll need to spend a lot more time on the fact-finding portion of a realignment. Figuring out what’s working on the site and what isn’t is as important (or even more important) than nailing down what the final site will look like and what features need to be added.

In many cases, a realignment will include a redesign portion. The client may want to update how the site looks if they’re spending money to update the way it works. Realize that many clients may focus more on the visual aspects of the site than the functional ones, but it’s your job as the designer to get an idea from them of what non-design elements are and aren’t working in their current website.

When is a Realignment Appropriate?
If there are fundamental problems with the way a website is working, whether it’s actual issues with the code or just a poor implementation, then a redesign isn’t going to do much for your client. This is when a realignment is necessary.

A realignment may also be necessary if a client is embarking on a new business venture. If they’re adding an online store, for example, they’ll likely need to do more than just install some shopping cart software. Changes to their home page and other areas of the site to entice visitors to purchase online will probably be needed, and other areas of the site may need to be de-emphasized or removed all together.

As far as exactly when a client should realign their site, the answer is as often as necessary. It should become a regular habit to review what’s working on their site and what isn’t, and to make adjustments as necessary. If goals aren’t being met, continuous tweaks to the functions, structure, content, and design of the site can move your clients closer to them. Stress to your clients that realignments to the site should be part of regular maintenance, not just something that’s done every few years.

Because functionality is often changed in a realignment, ideally it should be done during the client’s slow season. The last thing you want to happen is for a bug to crop up during the holiday shopping season (or whatever is the busiest time of year for your client’s business). It’s almost inevitable that there will be some bugs in the new site, and while you can hope that pre-launch testing will reveal them all, sometimes they don’t present themselves until well after the site has launched. If a client wants to embark on a realignment during their peak season, attempt to convince them they should put it off until after their peak season is over. If they refuse, reconsider accepting the project.

The Realignment Process
Realignment should start with a pretty in-depth discovery phase. You need to talk to the client about what they perceive as working and what isn’t, as well as taking some time to explore the site yourself to get your own idea of what should be kept and what should be replaced.

One of the main things you should find out during the discovery phase is the purpose of the realignment. The client should have clear goals for making changes to their site, and a concrete idea of what they hope to achieve when the site is complete. Keep asking your client questions until you find out what their main objective is.

The process of realignment falls somewhere between a completely new website and a redesign. You’ll be creating some elements of the site from scratch and reusing other parts. How much of each is done will be largely dependent on the individual project.

A/B testing is something that should be more heavily used in a realignment. Test not only new options, but also the new options against the existing feature. You need to be sure that what you’re doing is actually a functional improvement over the existing site, and not just a prettier design.

Things to Remember When Realigning
Just like with a redesign, there are a number of things you need to keep in mind when embarking on a realignment project. First of all, be sure you have a clear set of objectives in mind before you get started with the actual changes. Without this, you’ll have no focus in the project, and it will run the risk of just becoming a redesign.

Not all realignments are huge projects. In some cases, you may only be making minor changes to the way the site works and looks. In other cases, though, you may be basically starting from the ground up. With a realignment, make sure you aren’t doing unnecessary work. The point is to keep what works and change what doesn’t. If 90% of the current site works well as-is, then make sure you’re only changing the 10% that doesn’t.

You’ll want to be sure that the site you’re realigning has a solid foundation to build on. This means making sure the code is well-structured and standards-compliant, as well as making sure it’s built on a suitable CMS that can handle the site’s size and traffic. If any of these things are lacking, take advantage of the realignment process to remedy the back-end issues that may be present. It will pay off in the future with reduced costs in future redesigns and realignments.

Remember, too, that realignments are done based on hard data about what works on the current site and what doesn’t. While your gut instincts on certain aspects of the realignment will be important, so will be established usability patterns and information the client has collected about what’s working on their site and what isn’t. Don’t lose sight of that.

 

Final Considerations

During the discovery portion of a project, you, as the designer, need to determine whether the client is looking for a redesign or a realignment.

The client will often be unfamiliar with the term “realignment”, and in all honesty, there’s no reason to educate them about it. But you need to know in your head which type of project you’re embarking on.

If major changes to functionality, structure or content are necessary, then you’re looking at a realignment. On the other hand, if all the client wants is an updated look, then it’s probably a redesign. Again, it’s your job as the designer to determine which type of project the client needs.

Remember, whether you’re doing a redesign or a realignment, make sure you back up the original site as well as make regular backups throughout the project so you can rollback if necessary.

 

Further Resources


Written exclusively for WDD by Cameron Chapman.

When do you use redesign vs realign on your sites? How do the two compare?

0 shares
  • http://edwardcalugtong.com Edward Calugtong

    Great Article! Thanks!

    Now I know what to tell whether what a client wants for a site update and revamp.

  • http://www.pbwebdev.com.au/blog Peter

    oh very good post!

  • Chylene Wong

    Very helpful! Thanks!!

  • http://www.tarifarak.com TARIFA RAK

    This is more than a simple post, this is an extra lesson in web design. Very nice post. Thank you.

  • http://aext.net Lam Nguyen

    Interesting post! That would be better if you can write more in the process sections of both of them and also putting some examples for a better identification which one is redesign and which one is realignment. As you said: “… what the difference really is.”, so that’s really important for readers. Anyway, thanks for such an informative article.

  • http://radj.blushama.com radj

    Thanks! Never thought of differentiating them until reading this.

    But question: it is still possible to have both at the same time, right?

  • http://mintfactory.co.uk Anna

    Nice post – thank you. I believe that fair amount of research & planning is always crucial. It’s better to communicate with a client intensively at the beginning than have to make hundreds of amendments later on. It’s always tricky when redesigning or realigning a website. I bet that most web designers prefer to start everything from scratches :)

  • http://www.twitter.com/markjames19 Mark James

    Very true. Many web designers only offer a ‘redesign’ service rather than taking on more of a ‘realignment’ project. It’s all about your research

  • http://www.vinceleste.com brVince

    Re-align… is the reason why I started to make my blog design speak about its purpose. It is not totally about re-designing it but it goes with it. to Re-align is to re-design. I appreciate this blog entry; nice one!

  • http://www.keithmountifield.com Keith Mountifield

    I would suggest that in most cases, certainly with smaller businesses, there is likely to be an element of realignment in the vast majority of ‘redesign’ projects. Therefore, the question is not ‘does my client want a redesign or realignment’ but how much of yhis project is realignment requiring functionality, analysis and user testing, and how much is a simple aesthetic change. Both will be working very closely together, each driving the other forward.

  • http://iamzaks.com DIego

    I don’t agree with what you say, I believe “Web Design” includes all aspects of a website, it cannot be tagged as just “the aesthetics” of the site. Designing is all about considering aspects such as usability, experience and function amongst others. In Design, form follow function and function follows form, two concepts that cannot be separated.

  • http://www.crimsonskygraphics.com Sarah K

    Some great tips here, thanks. I never really looked at there being a difference before, but it makes a lot of sense.

  • http://laira.pathseek.info/ Laira

    Brilliant article.. Thanks for sharing…

  • Adam

    Very Informative, interesting perspective.

  • Eduardas

    Its like saying architects dont care about fuctionality only about how building looks… and functionality only enginiers job… Its worng. Redesign is realign too if it serves the purpose.
    what i want to say is that realign is part of designing.

    Sorry for bad english

  • http://www.jordanwalker.net Jordan Walker

    Great article and the differences and similarities of redesign and realignment on websites.

  • http://www.michellewatersonline.com Michelle Waters

    I think you can compare the different between a redesign and a realignment of a website to your home. A realignment in your home is like adding a second story or gutting the interior and redoing the layout of the home. In one case, a major exterior redesign goes along with the realignment and in the second case, no changes are needed on the outside. Both projects require major structural and functional changes.

    On the other hand, a redesign would be like painting the interior and exterior of the house, or replacing the carpet or landscaping the yard. Everything is cosmetic and no major structural changes were made.

  • http://www.webgambas.com Markus

    Great post, I have a similar but slightly different view:

    Web site owners usually have a goal that they want to achieve with their site. Like customer relations, provide information, sell stuff. To design an web site and therefore help the web site owner to reach his goal, you need to create a site that looks great and that visitors use the way you want.

    These to things require a completely different skill set and techniques to master. To make your site look great, creative, attractive, etc. you need artistic and creative design skill, good photoshop and css knowledge. To make a site work functionally, you need to understand how visitors are using the site, you need to be good with analytics and stuff.

    When a web site owner comes to you and says “my site isn’t working, do something about it”, its either because the site look dull or doesn’t work structurally. Depending on which is the case, you need to redesign or realign. If the site fails on both subjects, I would call it rebuilding (=redesigning+realigning).

  • http://www.webdesignerideas.com Adie

    Nice article.

    I have to say that too often it’s us as designers and the clients that we work for that decide when we redesign a site. Often we don’t gain enough feedback into what our visitors actually want. Sometimes if we see our stats fall or they aren’t where we want them to be we redesign when in reality it could just be that the structure and positioning of certain elements may not be in the most benificial places.

  • http://p163.sg Angelee

    I guess the overall mix concept would be great if its 70% realignment and 30% redesigning.

  • http://www.fxmemo.com/ memo

    I like the realign part cause it’s more easier to do.