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 Link
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.
The thing that dates this website the most is its width: it would look right at home on a screen with a resolution of 800×600.
Macedonian Ministry of Defence
The layout, the partially rounded corners and the drop-shadow against the background all date this website.
Pakistan Maritime Security Agency
Using an image like this one as a background was very popular in the ’90s.
The design has a striking resemblance to traditional Google AdSense blocks, and the line-height property for the content area certainly should be increased..
The Poorly Coded Link
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.
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.
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.
The Poorly Designed Link
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).
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.
The Philippine Marine Corps
This is another one for which I’m not even sure where to start.
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.
Romanian Land Forces45
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.
Royal Thai Army
There’s just way too much going on here, and no focal point to grab your attention.
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.
United Arab Emirates Ministry of Defence
Where’s the content?
Zimbabwe Ministry of Defence
There’s no color scheme here, and the entire thing looks like something a kid did in class.
The Not-So-Bad Link
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 Defense of Bosnia and Herzegovina
If more attention was paid to the baseline or vertical rhythm, this would be a reasonably good design.
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.
Ministry of National Defense of the People’s Republic of China55
The elements on this website don’t quite have enough continuity, but the color scheme and overall layout are good.
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.
Armed Forces of Honduras
This website isn’t bad. But again, nothing makes it stand out.
Saudi Arabian Ground Forces
This website is more interesting than some of the others here, but it doesn’t quite pull it together.
A Few Good Sites Link
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.
The color scheme here is great, as is the overall aesthetic, which is a cross between minimalist and magazine-style.
Ministry of Defence of the Republic of Bulgaria
A clean, well thought out design that makes good use of textures and gradients.
The header here is fantastic, and the rest of the layout works well.
Ministry of Defence and Armed Forces of the Czech Republic89
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.
Defence Command Denmark
A minimalist layout that leaves plenty of white space.
The Finnish Defense Forces
A clean and organized design, with double-tabbed navigation bars.
Polish Ministry of National Defense
This is one of the nicest designs in this post, especially because of the header.
- 1 http://www.mindef.gov.ar/
- 2 http://www.mindef.gov.ar/
- 3 http://www.rbdfmil.com/
- 4 http://www.rbdfmil.com/
- 5 http://www.mindefensa.gov.ve/
- 6 http://www.mindefensa.gov.ve/
- 7 http://www.mod.mil.by/news_eng.html
- 8 http://www.mod.mil.by/news_eng.html
- 9 http://www.policia.gov.co/portal/page/portal/HOME/Home/operatividad
- 10 http://www.policia.gov.co/portal/page/portal/HOME/Home/operatividad
- 11 http://www.mod.gov.rs/
- 12 http://www.mod.gov.rs/
- 13 http://www.slovenskavojska.si/en/
- 14 http://www.slovenskavojska.si/en/
- 15 http://www.armada.mde.es/ArmadaPortal/page/Portal/ArmadaEspannola/_inicio_home/
- 16 http://www.armada.mde.es/ArmadaPortal/page/Portal/ArmadaEspannola/_inicio_home/
- 17 http://www.defence.lk/english.asp
- 18 http://www.defence.lk/english.asp
- 19 http://www.fbi.gov/
- 20 http://www.fbi.gov/
- 21 http://www.nro.gov/
- 22 http://www.nro.gov/
- 23 http://www.fau.com.uy/
- 24 http://www.fau.com.uy/
- 25 http://www.paknavy.gov.pk/
- 26 http://www.paknavy.gov.pk/
- 27 http://www.army.mil.za/
- 28 http://www.army.mil.za/
- 29 http://www.ejercito.mil.ve/index.php
- 30 http://www.ejercito.mil.ve/index.php
- 31 http://www.cubagob.cu/otras_info/minfar/default.htm
- 32 http://www.cubagob.cu/otras_info/minfar/default.htm
- 33 http://www.mmc.gov.eg/
- 34 http://www.mmc.gov.eg/
- 35 http://www.rfmf.mil.fj/
- 36 http://www.rfmf.mil.fj/
- 37 http://www.mod.gov.ge/?l=E&m=5&sm=5
- 38 http://www.mod.gov.ge/?l=E&m=5&sm=5
- 39 http://indianairforce.nic.in/
- 40 http://indianairforce.nic.in/
- 41 http://www.lebarmy.gov.lb/?ln=en
- 42 http://www.lebarmy.gov.lb/?ln=en
- 43 http://www.army.mil.pl/
- 44 http://www.army.mil.pl/
- 45 http://www.en.forter.ro/en/
- 46 http://www.en.forter.ro/en/
- 47 http://www.mil.gov.ua/index.php?lang=en
- 48 http://www.mil.gov.ua/index.php?lang=en
- 49 http://www.mil.am/eng/index.php
- 50 http://www.mil.am/eng/index.php
- 51 http://www.asis.gov.au/index.html
- 52 http://www.asis.gov.au/index.html
- 53 http://www.bundeswehr.de/portal/a/bwde
- 54 http://www.bundeswehr.de/portal/a/bwde
- 55 http://eng.mod.gov.cn/
- 56 http://eng.mod.gov.cn/
- 57 http://www.morh.hr/
- 58 http://www.morh.hr/
- 59 http://www.ejercitodelecuador.mil.ec/
- 60 http://www.ejercitodelecuador.mil.ec/
- 61 http://www.armada.mil.ec/
- 62 http://www.armada.mil.ec/
- 63 http://www.regjeringen.no/en/dep/fd.html?id=380
- 64 http://www.regjeringen.no/en/dep/fd.html?id=380
- 65 http://www.fap.mil.pe/
- 66 http://www.fap.mil.pe/
- 67 http://www.mdn.gov.pt/mdn/pt/
- 68 http://www.mdn.gov.pt/mdn/pt/
- 69 http://www.marinha.pt/PT/Pages/homepage.aspx
- 70 http://www.marinha.pt/PT/Pages/homepage.aspx
- 71 http://www.navy.lk/
- 72 http://www.navy.lk/
- 73 http://www.vtg.admin.ch/internet/vtg/de/home.html
- 74 http://www.vtg.admin.ch/internet/vtg/de/home.html
- 75 http://www.af.mil/
- 76 http://www.af.mil/
- 77 https://www.cia.gov/
- 78 https://www.cia.gov/
- 79 http://www.defense.gov/
- 80 http://www.defense.gov/
- 81 http://www.navy.mil/swf/index.asp
- 82 http://www.navy.mil/swf/index.asp
- 83 http://www.bmlv.gv.at/english/index.shtml
- 84 http://www.bmlv.gv.at/english/index.shtml
- 85 http://www.army.mod.uk/
- 86 http://www.army.mod.uk/
- 87 http://www.raf.mod.uk/
- 88 http://www.raf.mod.uk/
- 89 http://www.army.cz/
- 90 http://www.army.cz/
- 91 http://www.defensie.nl/
- 92 http://www.defensie.nl/
- 93 http://www.forsvarsmakten.se/en/
- 94 http://www.forsvarsmakten.se/en/
- 95 http://www.nsa.gov/
- 96 http://www.nsa.gov/
- 97 http://www.army.mil/
- 98 http://www.army.mil/
- 99 http://www.marines.mil/Pages/Default.aspx
- 100 http://www.marines.mil/Pages/Default.aspx
Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.