National Civil War Museum Website Mockup multiple screens in a grid format
National Civil War Museum Website Mockup multiple screens in a grid format
National Civil War Museum Website Mockup multiple screens in a grid format

The National Civil War Museum.

Those who do not learn from history are doomed to repeat it. 2021, marked the 160th anniversary of the American Civil War. The conflict began on April 12, 1861 with the firing upon of the Union’s Fort Sumter by Confederate forces.This was a momentous occasion that tore our nation apart, and pitted brother against brother. Through combat hundreds of years of slavery and oppression were ended, along with the Union being restored. 

The National Civil War Museum is a nonprofit educational institution with a collection of 24,000 artifacts. In 2021 the museum was celebrating the 20th anniversary of its founding. The National Civil War Museum aspires to serve as a national center to inspire lifelong learning of the American Civil War through the preservation and balanced presentation of the American peoples struggles for survival and healing. The museum provides an unbiased look at the conflict itself, and also tells the stories of the men and women who took part in it. The National Civil War Museum aims to compile, and display artifacts of the Civil War in their physical location, and to educate visitors through their website. The National Civil War Museum aims to educate visitors to their website through educational videos and articles. The museum is located in Harrisburg, Pennsylvania. It was founded by former mayor of Harrisburg, Stephen R. Reed.

CLIENT

The National Civil War Museum

DELIVERABLES

  • 1 Primary logo design

  • 1 Prototyped Website (Mobile)

  • 1 Prototyped Website (Desktop)

  • 1 Self Mailer

  • Marketing Campaign (4 Posters)

Those who do not learn from history are doomed to repeat it. 2021, marked the 160th anniversary of the American Civil War. The conflict began on April 12, 1861 with the firing upon of the Union’s Fort Sumter by Confederate forces.This was a momentous occasion that tore our nation apart, and pitted brother against brother. Through combat hundreds of years of slavery and oppression were ended, along with the Union being restored. 

The National Civil War Museum is a nonprofit educational institution with a collection of 24,000 artifacts. In 2021 the museum was celebrating the 20th anniversary of its founding. The National Civil War Museum aspires to serve as a national center to inspire lifelong learning of the American Civil War through the preservation and balanced presentation of the American peoples struggles for survival and healing. The museum provides an unbiased look at the conflict itself, and also tells the stories of the men and women who took part in it. The National Civil War Museum aims to compile, and display artifacts of the Civil War in their physical location, and to educate visitors through their website. The National Civil War Museum aims to educate visitors to their website through educational videos and articles. The museum is located in Harrisburg, Pennsylvania. It was founded by former mayor of Harrisburg, Stephen R. Reed.

CLIENT

The National Civil War Museum

DELIVERABLES

  • 1 Primary logo design

  • 1 Prototyped Website (Mobile)

  • 1 Prototyped Website (Desktop)

  • 1 Self Mailer

  • Marketing Campaign (4 Posters)

Those who do not learn from history are doomed to repeat it. 2021, marked the 160th anniversary of the American Civil War. The conflict began on April 12, 1861 with the firing upon of the Union’s Fort Sumter by Confederate forces.This was a momentous occasion that tore our nation apart, and pitted brother against brother. Through combat hundreds of years of slavery and oppression were ended, along with the Union being restored. 

The National Civil War Museum is a nonprofit educational institution with a collection of 24,000 artifacts. In 2021 the museum was celebrating the 20th anniversary of its founding. The National Civil War Museum aspires to serve as a national center to inspire lifelong learning of the American Civil War through the preservation and balanced presentation of the American peoples struggles for survival and healing. The museum provides an unbiased look at the conflict itself, and also tells the stories of the men and women who took part in it. The National Civil War Museum aims to compile, and display artifacts of the Civil War in their physical location, and to educate visitors through their website. The National Civil War Museum aims to educate visitors to their website through educational videos and articles. The museum is located in Harrisburg, Pennsylvania. It was founded by former mayor of Harrisburg, Stephen R. Reed.

CLIENT

The National Civil War Museum

DELIVERABLES

  • 1 Primary logo design

  • 1 Prototyped Website (Mobile)

  • 1 Prototyped Website (Desktop)

  • 1 Self Mailer

  • Marketing Campaign (4 Posters)

Those who do not learn from history are doomed to repeat it. 2021, marked the 160th anniversary of the American Civil War. The conflict began on April 12, 1861 with the firing upon of the Union’s Fort Sumter by Confederate forces.This was a momentous occasion that tore our nation apart, and pitted brother against brother. Through combat hundreds of years of slavery and oppression were ended, along with the Union being restored. 

The National Civil War Museum is a nonprofit educational institution with a collection of 24,000 artifacts. In 2021 the museum was celebrating the 20th anniversary of its founding. The National Civil War Museum aspires to serve as a national center to inspire lifelong learning of the American Civil War through the preservation and balanced presentation of the American peoples struggles for survival and healing. The museum provides an unbiased look at the conflict itself, and also tells the stories of the men and women who took part in it. The National Civil War Museum aims to compile, and display artifacts of the Civil War in their physical location, and to educate visitors through their website. The National Civil War Museum aims to educate visitors to their website through educational videos and articles. The museum is located in Harrisburg, Pennsylvania. It was founded by former mayor of Harrisburg, Stephen R. Reed.

CLIENT

The National Civil War Museum

DELIVERABLES

  • 1 Primary logo design

  • 1 Prototyped Website (Mobile)

  • 1 Prototyped Website (Desktop)

  • 1 Self Mailer

  • Marketing Campaign (4 Posters)

National Civil War Museum Logo Sketch 1
National Civil War Museum Logo Sketch 1
National Civil War Museum Logo Sketch 1
National Civil War Museum Logo Sketch 1
National Civil War Museum Logo Sketch 2
National Civil War Museum Logo Sketch 2
National Civil War Museum Logo Sketch 2
National Civil War Museum Logo Sketch 2
National Civil War Museum Logo Sketch 3 Digital
National Civil War Museum Logo Sketch 3 Digital
National Civil War Museum Logo Sketch 3 Digital
National Civil War Museum Logo Sketch 3 Digital
National Civil War Museum Rough Logos Digital
National Civil War Museum Rough Logos Digital
National Civil War Museum Rough Logos Digital

LOGO

The new National Civil War Logo is intended to modernize the NCWM brand. The logo mark is representative of the human side of the Civil War, an emphasis of the institution. The mark is paired with a slab serif typeface, meant to connect back to the wood block posters of the era. The mark is shown primarily in black, to provide a serious, tone. This reflects the tragedy of the war itself. The main mark is shown with texture, to bring an aged aspect to the brand. Below are the final versions of the logo mark.

National Civil War Museum Rough Final Logo on textured background
National Civil War Museum Rough Final Logo on textured background
National Civil War Museum Rough Final Logo on textured background
National Civil War Museum Rough Final Logo White
National Civil War Museum Rough Final Logo White
National Civil War Museum Rough Final Logo White

SELF-MAILER

The self-mailer is used to market the museum, and its new website. The mailer combines the marketing phrase “Reflecting Our Past, Lessons For Our Future” with traditional Civil War portraits. The portraits show different people who took part in the war itself. In the background of the mailer you will find historic battle maps. As you view the mailer, you first see “reflecting on our past”, then as you open the piece, you are greeted with “lessons for our future”. This is paired with a Union soldier, Abraham Lincoln, and Fredrick Douglas. This is meant to convey the idea of race relations, and the lessons we should take from the Civil War of equality and freedom. The mailer contains a QR code, which once scanned would take you to the new NCWM website, allowing you to take the NCWM Reflecting Our Past Quiz. Which will tell you what you would’ve done during the Civil War.

National Civil War Museum Mailer Front Flat
National Civil War Museum Mailer Front Flat
National Civil War Museum Mailer Front Flat
National Civil War Museum Mailer Inside Flat
National Civil War Museum Mailer Inside Flat
National Civil War Museum Mailer Inside Flat

MARKETING POSTERS

The four marketing posters are intended to drive viewers to visit the museum, and to visit NCWM’s new website. The marketing posters utilize authentic Civil War portraits and color overlays to create an eye catching design. A texture overlay is also placed over the images, and the colors are matched, to create the illusion that they are a set of images. This is combined with the marketing phrase “Reflecting our past, lessons for our future.” The goal being to encourage a viewer to contemplate what choices they would’ve made if they were alive during the Civil War era.

National Civil War Museum Final Marketing Posters 18x24 inches
National Civil War Museum Final Marketing Posters 18x24 inches
National Civil War Museum Final Marketing Posters 18x24 inches
National Civil War Museum Poster Mockup on wall
National Civil War Museum Poster Mockup on wall
National Civil War Museum Poster Mockup on wall

DESKTOP SITE

The NCWM website is designed to have a elegant, easy to navigate layout, while also paying homage to the historical aspects of the Civil War. The site is created utilizing a grid system, allowing for an organized layout. The landing pages for the museum utilizes accurate historical maps of the country, and of battlefields placed over a textured background. This is paired with images of recognizable historical figures blended with imagery of common soldiers.

National CIvil War Desktop Website Mockup
National CIvil War Desktop Website Mockup
National CIvil War Desktop Website Mockup
National CIvil War Museum Website Mobile site map
National CIvil War Museum Website Mobile site map
National CIvil War Museum Website Mobile site map
National CIvil War Museum Website Mobile wireframe examples
National CIvil War Museum Website Mobile wireframe examples
National CIvil War Museum Website Mobile wireframe examples

Mobile SITE

The mobile site for the National Civil War Museum utilizes primarily a one column layout, with an occasional two column dispersed through. Columns were used frequently to allow for scaling between mobile and desktop.

National CIvil War Museum Website Mobile on phone
National CIvil War Museum Website Mobile on phone
National CIvil War Museum Website Mobile on phone