"This FIRST IN CLASS ship introduces major innovations in design: stealth profile, small crew size,wave-piercing tumblehome hull, state-of-the-art electric propulsion and the latest long-range gunand missile weaponry. The USS ZUMWALT is unlike any warship that has ever sailed the seas."
- USS Zumwalt Legacy Fund

The USS Zumwalt is a guided missile destroyer of the United States Navy and is the Navy's newest warship. The Navy League needed a website and CMS as part of the ship's commissioning ceremony and continued marketing efforts.

visit usszumwalt.org

USER INTERFACE

It was important to establish a consistent, cohesive UI kit for the website since the brand was pretty ambiguous. I chose to go with a bold color palette from the ship's badge, as well as rounded, friendly elements which felt modern and easy to navigate — much like the ship itself.

I worked as the UI Designer on this project alongside of a project manager who coordinating the outsourcing of the development of this project after I handed off mockups, wires and the UI kit. The Navy League did not have an established brand for the warship and was positively receptive to my interpretation of the brand in a digital platform.

swatches

buttons

text styling

h1 - Oswald 36 pt 400

h2 - Open Sans 24pt 600

h3 - Open Sans 22pt 400

h4 - Open Sans 18pt 600

h5 - Open Sans 14pt 700

This is an example of a paragraph set in 16pt Open Sans regular. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

homepage layout

After considering the audience of mainly older individuals, I chose to focus on a modern, easy-to-read format. The main request of The Navy League was to feature a continuously looping video of the ship powering through the ocean on the homepage as the background for the first section.

Considering the rich history of the USS Zumwalt's namesake, it was important to present information and photography of him and to speak to his accomplishments in the military social sphere.

Because the website was ultimately to operate as a CMS for The Navy League to use for their continued marketing efforts beyond the commissioning, I created a modular template with elements which could easily be swapped out for a refreshed look and feel without needing to consult the developers.

After considering the audience of mainly older individuals, I chose to focus on a modern, easy-to-read format. The main request of The Navy League was to feature a continuously looping video of the ship powering through the ocean on the homepage as the background for the first section.

Considering the rich history of the USS Zumwalt's namesake, it was important to present information and photography of him and to speak to his accomplishments in the military social sphere.

Because the website was ultimately to operate as a CMS for The Navy League to use for their continued marketing efforts beyond the commissioning, I created a modular template with elements which could easily be swapped out for a refreshed look and feel without needing to consult the developers.

The ship was commissioned on October 15th, 2016. The Port of Baltimore was the site of the Commissioning Ceremony for the most powerful, technologically-advanced, United States Destroyer in our history – USS ZUMWALT DDG 1000. The ship and crew are now in their homeport of San Diego, CA.

Visit USSZumwalt.org
email me at hello@annakateselby.com