WYRM’s Gauntlet / Case Study

[vc_row full_width=”stretch_row” css=”.vc_custom_1432928006582{padding-top: 50px !important;padding-bottom: 50px !important;background-image: url(https://ironion.com/wp-content/uploads/2015/05/subtle_white_feathers.png?id=75223) !important;background-position: 0 0 !important;background-repeat: repeat !important;}”][vc_column][vc_single_image image=”75332″ img_size=”full” alignment=”center” css_animation=”top-to-bottom”][vc_raw_html]JTNDYSUyMGhyZWYlM0QlMjIlMjNjc3N0YXJ0JTIyJTNFJTNDZGl2JTIwY2xhc3MlM0QlMjJkb3duLWFycm93LWludmVyc2UlMjIlM0UlM0NpJTIwY2xhc3MlM0QlMjJmYSUyMGZhLWNoZXZyb24tY2lyY2xlLWRvd24lMjIlM0UlM0MlMkZpJTNFJTNDJTJGZGl2JTNFJTNDJTJGYSUzRQ==[/vc_raw_html][/vc_column][/vc_row][vc_row][vc_column][vc_raw_html]JTNDaDElMjBpZCUzRCUyMmNzc3RhcnQlMjIlM0UlM0MlMkZoMSUzRQ==[/vc_raw_html][vc_row_inner][vc_column_inner width=”2/3″][vc_column_text]

The Project

WYRM’s Gauntlet has worked with me before to launch their first site back in 2013. The Gauntlet is an annually held, independently-run writer’s competition that focuses on speculative fiction. Speculative fiction being described as a genre of writing that focuses on the supernatural, fantasy and science fiction. The contest’s original site from 2013 was not responsive which was restricting it from being viewable on as many difference devices as possible. There was also some reorganization that needed to occur to help contest entrants navigate the site in a more concise manner. This would allow entrants to focus on writing and reviewing great work while enjoying a simple and streamlined website experience.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/3″][vc_column_text]


  • Website Design
  • Responsive Design (Foundation Framework)
  • Information Architecture
  • Front-End Development
  • Buddypress Integration
  • Forum Integration
  • Design, Develop & Deploy

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1432928037829{padding-top: 50px !important;padding-bottom: 50px !important;background-image: url(https://ironion.com/wp-content/uploads/2015/05/subtle_white_feathers.png?id=75223) !important;background-position: 0 0 !important;background-repeat: repeat !important;}”][vc_column][vc_single_image image=”75333″ img_size=”full” alignment=”center” css_animation=”appear”][/vc_column][/vc_row][vc_row][vc_column][vc_row_inner][vc_column_inner width=”1/2″][vc_single_image image=”75438″ img_size=”full” alignment=”center” css_animation=”bottom-to-top”][/vc_column_inner][vc_column_inner width=”1/2″][vc_column_text]

Typography Focus

As with most writing websites, typography commanded the most attention as WYRM’s Gauntlet wasn’t image focused. We went with two subtle images on the homepage, both very abstract, and depended primarily on strong type to organize and carry the content for the rest of the pages. For the site’s structure, little changed aside from the addition of a responsive framework to allow the site to be responsive and a visual editor so the runners of the competition can easily update the site themselves.

[/vc_column_text][vc_single_image image=”75335″ img_size=”full” alignment=”center” onclick=”custom_link” css_animation=”bottom-to-top” link=”https://ironion.com/wp-content/uploads/2015/06/guantlet2_full.jpg”][vc_column_text]

Planning & Mockups

The initial colors were red and black and I felt like taking the site in a fresher direction with the colors would help give the design a more professional, but still approachable look. The blues are purposefully chosen to be a little on the subdued side to avoid the dreaded, “corporate blue” look. The layout focused on a simple two-column approach¬†to channel a literary magazine type of style. In addition to the refreshed look, the entire website is responsive and looks great on a tablet, phone or desktop.

The Gauntlet needed to stand out from its competition, which were other literary competitions–many of which have very outdated and often confusing websites.[/vc_column_text][vc_single_image image=”75337″ img_size=”full” alignment=”center” onclick=”custom_link” css_animation=”bottom-to-top” link=”https://ironion.com/wp-content/uploads/2015/06/gauntlet3_full.jpg”][vc_column_text]


The website for WYRM’s Gauntlet is live as of July 10, 2015. It features a visual composer for easy maintenance without having to know code, a WordPress backed CMS with Buddypress integration. Users can now set up profiles for themselves, private message each other, post status updates and easily sign up, compete and submit entries.

One of the best parts of this project is seeing the Gauntlet in full swing every autumn. If you’re into writing or like reading speculative fiction, I highly recommend checking it out.

Visit the Live Site[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_separator][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_single_image image=”231″ alignment=”center” style=”vc_box_border_circle_2″ css_animation=”bottom-to-top” css=”.vc_custom_1433136661800{padding-top: 20px !important;padding-right: 20px !important;padding-bottom: 20px !important;padding-left: 20px !important;}” el_class=”bottom-circles”][/vc_column][vc_column width=”3/4″][vc_column_text]

Want an Estimate or Get Started on a Project?

The case studies presented on this website are only a few examples of the work that I’ve done. I have many more live sites and case studies to share and of course, I’d love to work with you too!

Send Me a Message if you’d like to see more work or Read Another Case Study[/vc_column_text][/vc_column][/vc_row]


Leave a Reply