Smallarmsoftheworld.com (SAW) is the sister pay-site of Small Arms Review magazine. Frustrated by a lack of subscribers a year after the site’s launch in 2012, SAW’s management decided that a re-branding and total site redesign were in order. I was brought in to oversee this process.
After establishing SAW’s new visual identity, I began work on a completely hand-coded, functional demo site that I could present to the management team. Their one request was that the site-wide grid of boxes that could be swapped out or re-ordered to feature whatever content was required (a holdover from the original site, a screenshot of which is below) would remain.
My demo (link opens in new tab) reigned in the visual frenzy of the previous site with a unified color scheme of black, anthracite gray and a bold, nearly-neon green. I also added a top-level quick-access menu whose visual heft mirrored SAW’s new branding, and splashed a jQuery image slider across the index page for featured articles or other content.
Article pages feature a site-wide lead image intended to mimic a physical magazine spread, and article images are handled by a sidebar gallery that links to a captioned lightbox. Store placeholder pages (the store itself is nonfunctional in my demo) feature a store-specific sidebar menu, and the subscription section features its own unique design to draw attention to the store’s magazine offerings.
My involvement with the new SAW site ended with the submission and approval of my demo site. SAW’s IT department handled the actual implementation, which is based heavily on my code. However, I had nothing to do with the implementation of the final site. Screenshots and links on this page all reflect my original demo site.
MY SMALLARMSOFTHEWORLD.COM DEMO SITE (link opens in new tab)
Screenshot of my smallarmsoftheworld.com demo site.
The *original* smallarmsoftheworld.com (the site I was asked to redesign and re-brand).