Cameron Chapman

About The Author

Cameron Chapman Cameron Chapman is a professional Web and graphic designer with over 6 years of experience. She writes for a number of blogs, including her own, Cameron Chapman On Writing. She’s also the author of The Smashing Idea Book: From Inspiration to Application.

The Ugly Showcase of Military, Intelligence And Defense Websites

Members of military and intelligence forces around the world risk their lives daily to defend their countries and assist in peacekeeping and aid missions both at home and abroad. The men and women who make up the world's defense forces make sacrifices that most civilians wouldn't consider to serve their countries. So, with everything they do for us, shouldn't they be represented online...

Members of military and intelligence forces around the world risk their lives daily to defend their countries and assist in peacekeeping and aid missions both at home and abroad. The men and women who make up the world's defense forces make sacrifices that most civilians wouldn't consider to serve their countries.

So, with everything they do for us, shouldn't they be represented online by website designs that reflect the honor and responsibility they undertake every day? Unfortunately, that's not the case in many countries out there. Many military websites out there are some of the worst designs in any industry. Whether they're outdated, broken or designed by amateurs, some of the websites showcased below are bad enough to make you cringe.

There are some good ones, though. A number of countries have obviously dedicated the time and resources necessary to project a professional and polished Web presence for their members. A number of other websites have obviously put in some effort and are pretty close. If you know of examples of other great military or intelligence websites from around the world, please add them in the comments!

The Outdated

The websites featured here might have looked great 10 or more years ago (which was likely when they were created). But either their designs haven't been updated in a very long time or their designers are still borrowing conventions from the late ’90s.

Ministry of Defense of the Republic of Argentina
Everything from the color scheme to the header image to the skinny three-column layout dates this design.

Screenshot

Royal Bahamas Defence Force
This website wouldn't look quite so dated if it weren't for the drop-shadows behind the content blocks.

Screenshot

Bolivarian Republic of Venezuela
The overall layout of this website screams early-2000s.

Screenshot

Ministry of Defence of the Republic of Belarus
Very minimalistic website. Unfortunately, gradients, tiny links and many &nbsp-empty spaces make it look dated.

Screenshot

Colombian National Police
Here's another great example of a website that would have looked right at home in the late ’90s or early 2000s.

Screenshot

Hellenic Navy
The thing that dates this website the most is its width: it would look right at home on a screen with a resolution of 800x600.

Screenshot

Macedonian Ministry of Defence
The layout, the partially rounded corners and the drop-shadow against the background all date this website.

Screenshot

Pakistan Maritime Security Agency
Using an image like this one as a background was very popular in the ’90s.

Screenshot

Serbian Ministry of Defense
The layout here is almost grid-like, but it doesn't quite make it. The color scheme is the most outdated, though.

Screenshot

Slovenian Armed Forces
Another website that would have been current 8 to 10 years ago.

Screenshot

Spanish Armada
The rounded colors and glossy buttons would have looked great a few years ago, but now they just harken back to the earliest days of the Web 2.0 style.

Screenshot

The Russian Federation Ministry of Defence
The design has a striking resemblance to traditional Google AdSense blocks, and the line-height property for the content area certainly should be increased..

Screenshot

Sri Lanka Ministry of Defence
The color scheme and typography here are definitely reminiscent of Web design 5 to 10 years ago.

Screenshot

U.S. Federal Bureau of Investigation
The skinny layout, color scheme and overall look of this website feel at least 6 to 7 years old.

Screenshot

U.S. National Reconnaissance Office
This website screams late ’90s and early 2000s, especially the navigation and typography.

Screenshot

Uruguayan Air Force
This looks like it was based on a standard template from 5 to 10 years ago.

Screenshot

The Poorly Coded

These websites might not have been so bad if they were cross-browser compatible and adhered to Web standards even a little. But they are all so poorly coded that they don't render correctly in browsers such as Firefox or Safari.

Luckily, there aren't too many of them.

Brazilian Army
The coding on this website isn't noticeably horrible… except for all the thin white lines running through the backgrounds and borders of the content blocks.

Screenshot

Pakistan Navy
I don't even want to begin figuring out how they got the rounded-corner background to repeat like that in the main content area.

Screenshot

South African Army
This website wouldn't be so bad if it wasn't for the giant gray bar running down the main column, effectively blocking half the content.

Screenshot

United States Special Operations Command
The headers for all the content blocks here are fine, except the one for the news feeds, which prefers to be higher up on the page.

Screenshot

The Poorly Designed

These websites are just poorly designed. Some look like they were based on stock templates… bad ones. Others look like they were designed in programs aimed at hobbyists or those needing to set up personal websites (in any case, definitely not appropriate for government agencies).

Venezuelan Bolivarian Army
Between the color scheme, the header (which doesn't come close to spanning the whole design) and the broken icons, this website just doesn't look good at all.

Screenshot

Cuban National Defence
I'm not sure where to begin with this one…

Screenshot

Egyptian Armed Forces
It looks like they couldn't decide whether they wanted a minimalist website.

Screenshot

Republic of Fiji Military Forces
This looks like your classic template website, with minor modifications.

Screenshot

Ministry of Defence of Georgia
This wouldn't be so bad if the content areas weren't so disjointed.

Screenshot

Indian Air Force
This might have been salvageable, except for the horrible alignment.

Screenshot

Kenyan National Security Intelligence Service
The padding and margins in this website aren't adequate, and the alignment is off in places. The concept is sound; it just needs to be better executed.

Screenshot

Lebanese Army
This website might not have been so bad if the colors complemented the camouflage background, rather than clashed with it.

Screenshot

The Philippine Marine Corps
This is another one for which I'm not even sure where to start.

Screenshot

Polish Land Forces
Forget for a moment how amateurish this one looks. Notice how the text doesn't even match up with the navigation buttons.

Screenshot

Portuguese Army
From the header alone, it's not so bad. It's the lower area of this website that doesn't seem to have any aim.

Screenshot

Romanian Land Forces
I'm still trying to figure out if that white bar across the top of each column is supposed to be there. Beyond that, they should have paid more attention to how the header colors go with the rest of the color scheme.

Screenshot

Royal Thai Army
There's just way too much going on here, and no focal point to grab your attention.

Screenshot

Turkish Air Force
This almost made it into the "Not So Bad" category below, except that it doesn't have any focus, and the alignment of some elements is off.

Screenshot

Ministry of Defence of Ukraine
The ads on this website should be better integrated in the overall design. Other than that, the design looks very dated.

Screenshot

United Arab Emirates Ministry of Defence
Where's the content?

Screenshot

Zimbabwe Ministry of Defence
There's no color scheme here, and the entire thing looks like something a kid did in class.

Screenshot

The Not-So-Bad

The websites here aren't terrible. In most cases, only minor things hold them back. Most of them could be great with just a bit more work.

Ministry of Defence of The Republic of Armenia
Other than the width of this website (which is a bit narrow for even an 800 x 600 display), it's not a terrible design.

Screenshot

Australian Secret Intelligence Service
This design is just fine, other than being a bit boring. And the text could be slightly enlarged for easier reading.

Screenshot

Ministry of Defense of Bosnia and Herzegovina
If more attention was paid to the baseline or vertical rhythm, this would be a reasonably good design.

Screenshot

British Secret Intelligence Service
The angles in this design should either be better incorporated into the other elements or removed altogether. Other than that, it's not bad.

Screenshot

Bundeswehr
This is one of those websites that doesn't have anything particularly wrong with it. It's just underwhelming.

Screenshot

Ministry of National Defense of the People's Republic of China
The elements on this website don't quite have enough continuity, but the color scheme and overall layout are good.

Screenshot

Ministry of Defence of the Republic of Croatia
This website is also underwhelming. Nothing particularly "wrong" with it, but not impressive either.

Screenshot

Ecuadorian Army
The header here isn't that bad, but the rest of the website doesn't match up, and it feels a bit like a generic template.

Screenshot

Ecuadorian Navy
Parts of this website are great (the slidehow in the header, for instance) but other parts don't quite match up, particularly the buttons on the right-hand side and the off-center navigation elements.

Screenshot

Armed Forces of Honduras
This website isn't bad. But again, nothing makes it stand out.

Screenshot

Norwegian Ministry of Defense
Another example of a website that doesn't do anything to stand out.

Screenshot

Peruvian Air Force
The idea here is good, but the result isn't very interesting.

Screenshot

Portuguese Ministry of Defense
Another inoffensive yet unimpressive website.

Screenshot

Portuguese Navy
This would be great, but it has just a little too much going on. Some negative space would make a huge difference.

Screenshot

Saudi Arabian Ground Forces
This website is more interesting than some of the others here, but it doesn't quite pull it together.

Screenshot

Sri Lanka Navy
Here's another website that looks like a template. The use of white space could be better and makes everything look a bit disjointed.

Screenshot

Swiss Army
Another underwhelming, uninteresting design. At least it looks professional.

Screenshot

US Air Force
A professional yet boring design. But maybe that's how military websites should look?

Screenshot

US Central Intelligence Agency
This website is way too narrow, and overall it's just not eye-catching.

Screenshot

US Department of Defense
Too much is going on here, and the social media links (the icons especially) on the left look out of place.

Screenshot

US Navy
The icons and banners in the header don't really fit the rest of this design.

Screenshot

A Few Good Sites

The websites below are the stars of this post. They are well designed, easy to use, professional and worthy of representing the armed forces and intelligence services.

Austrian Armed Forces
This one's clean and well laid out, with plenty of white space and a great color scheme.

Screenshot

British Army
A professional-looking website, with a background that's more interesting than most.

Screenshot

British Royal Air Force
Another website with an interesting background and a clean overall design.

Screenshot

British Security Service MI5
The color scheme here is great, as is the overall aesthetic, which is a cross between minimalist and magazine-style.

Screenshot

Ministry of Defence of the Republic of Bulgaria
A clean, well thought out design that makes good use of textures and gradients.

Screenshot

Chilean Navy
The header here is fantastic, and the rest of the layout works well.

Screenshot

Ministry of Defence and Armed Forces of the Czech Republic
Another great header design: this one doubles as navigation. Each section of the website has a different color scheme, while maintaining the same basic look.

Screenshot

Defence Command Denmark
A minimalist layout that leaves plenty of white space.

Screenshot

The Finnish Defense Forces
A clean and organized design, with double-tabbed navigation bars.

Screenshot

Netherlands Ministry of Defence
The purple color scheme here is unexpected, but it works well and sets the website apart.

Screenshot

Polish Ministry of National Defense
This is one of the nicest designs in this post, especially because of the header.

Screenshot

Swedish Armed Forces
A good clean design with a minimalist aesthetic and great typography. The transparent titles over the images on the right really take it up a notch.

Screenshot

US National Security Agency
Professional, easy to use and coherent: everything an intelligence website should be.

Screenshot

US Army
The US Army website brings together a lot of content of various types while maintaining a usable and consistent user interface.

Screenshot

US Marine Corps
This website stands out mostly because of the grid used for the main content area and the ample white space everywhere else.

Screenshot

Smashing Editorial (al)

More Articles on

The Process Behind Good Illustration (Part 2)

by Natalie Sklobovskaya

In Part I we skimmed the surface on a few points regarding when an image becomes an illustration. But, of course, this knowledge isn't very useful if we don’t know how to apply it to our work when the pencil hits the paper! Or, stylus hits the tablet, whatever it is you do. In this second part of the article, I'd like to share some of these practices that have been invaluable to me as an...

Read more

100 Years Of Propaganda: The Good, The Bad and The Ugly

by Claire Stokoe

Propaganda is most well known in the form of war posters. But at its core, it is a mode of communication aimed at influencing the attitude of a community toward some cause or position, and that doesn't have to be a bad thing. Although propaganda is often used to manipulate human emotions by displaying facts selectively, it can also be very effective at conveying messages and hence can be used...

Read more

The Process Behind Good Illustration (Part 1)

by Natalie Sklobovskaya

“Art” is something philosophers have spent centuries trying to define, sadly with no satisfactory result (a debate that is far beyond the scope of this article). But illustration, while it covers a broad range of image-making, does have very distinct meanings, and it is very different from just artwork. In this two-part article, I’d like to share some tenets behind what I think good...

Read more