IE Derby Divas

Project
IE Derby Divas
Challenge/Opportunity

In 2016, the IE Derby Divas capitalized on an opportunity to update their league website. From a technology standpoint, the website needed to be brought up to speed to comply with current industry standards. From a communications standpoint, the information needed to be updated to more effectively meet the league’s communications goals.

A long-time partner in managing the IEDD’s online presence, we undertook the re-design project with the following communications goals in mind:

  • Develop an online presence that showcases the league's athletes, coaches and support staff.
  • Inform target markets about the league’s competitive game schedule
  • Support the growth of women’s flat track roller derby
  • Recruit new athletes and support staff
  • Rouse support from other local businesses (buzz-building, fundraising, sponsorships, donations)
  • Build and manage reputation as a competitive, local sports league
Scope of Project

The scope of this project was the re-design and development of the full IE Derby Divas website. We continue to provide hosting and routine maintenance and support services for the website.

Solution

In developing our approach to the website re-design for the IE Derby Divas, we conducted a partial targeted communications analysis to inform the strategic decisions that would go into the design. The documents included:

  • a business model canvas, which presents a high-level overview of the league’s business model;
  • target market profiles, identifying who the league’s target audiences are on an individual level, and what their needs and interests are with respect to the league;
  • a site map, outlining the pages and information hierarchy of the website;
  • and page definitions, specifying what copy and assets go into each page of the website.

This process qualified several improvements that could be made to the website from a communications level, such as adding prominent buttons to the league’s social media channels, and developing a more robust Media section.

We came up with a design that would put the brand and the hard-hitting action of roller derby in focus right from the homepage. The “star” theme incorporated into the header, navigation bar and footer represents both the brand and the iconic Jammer position, the sport’s designated point-scorer. The color scheme matches the overarching brand color scheme – red, black and white (with grey navigation bar and accents) – and is representative of the strength, boldness and intensity of the sport.

The homepage rotator features striking moments of actual athletes in action. Visitors can find a current schedule for upcoming games as well the archive of game scores for the current and past competitive seasons so that they can follow the league’s progress each year. The Our Team section features league photos as well as individual photos and profiles for athletes, coaches and support staff. Recruitment is one of the league’s primary activities, making both the Roller Derby 101 and Become a Diva sections key informational pages for “fresh meat” (new skaters). The league’s sponsors and supporters are also key partners in its success, which is why the logos can be found displayed prominently on the Sponsors page.

The website was built on our proprietary Blue Core CMS™, which greatly simplifies and streamlines the process for performing routine maintenance and updates to the game schedule, game score archive and member profiles. We are proud to provide continuing service to the IE Derby Divas with their online presence and to watch the league continue to grow each competitive season.

Built-in Website Features
  • Responsive Design
  • Sticky Navigation
  • Informational Pages
  • Rotators
  • Forms
  • Catalogs
  • Lists
Technology
  • Blue Core CMS™
  • jQuery 2.x
  • Bootstrap 3.x
  • HTML 5
  • CSS 3
  • JavaScript
Tools
  • Adobe Photoshop CC
  • Adobe Illustrator CC

Built-In Website Features


Responsive Design

All websites hosted on Blue Core CMS™ are cross-device and cross-browser compatible. Each website is integrated with jQuery 2.x, Bootstrap 3.x and supplemental JavaScript and CSS libraries. These open source libraries provide a useful balance between support for modern mobile-friendly website features and backwards compatibility with older browsers.  

Sticky Menus

Sticky menus remain in their default position as the page is scrolled - but only until they reach the top of the screen (viewport); at which point they remain in place (i.e., stuck to the top of the screen) as the page continues to scroll behind. This behavior provides an easier navigation experience on longer long pages; and is a basic feature of most single-page websites.

Informational Pages

Informational pages house static content on the website that may be permanent or routinely updated. The self-service administrative features on Blue Core CMS™ make it easy to safely perform these updates yourself. Alternatively, our support team can perform updates for you, and typically at no additional cost.

Rotators

A rotator can contain images, announcements or any other content relevant to your audience. The moving elements keep content fresh and engaging and also highlight key messages or value propositions about your business.

A specialized editor in Blue Core CMS™ makes it easy to add, remove and arrange slides in rotators. You can also schedule slides to appear and disappear on predetermined dates.

Forms

Choose anything from a basic contact form to a full custom application form that can be submitted online.

The forms delivered via Blue Core CMS™ are easily customized. Each form is backed by a database where the data provided by your website visitors is stored permanently. When visitors submit a form, the data is automatically written to the database, then sent to you and/or others in your organization as an email message.  

Advanced security features built into our Forms component prevent automated form spam from being submitted through our system.

Catalogs

Catalogs can be used to maintain a product inventory, membership base, or any other collection of items presented in an organized manner to the audience. Blue Core CMS™ makes it easy to add, remove and update items in a catalog. The drag-and-drop interface makes it even easier to organize them.

In the example shown, the catalog feature is used to showcase the competitive athletes on a sports team. Clicking on the profile of an athlete opens up a biography for that athlete.

Lists

A list can be utilized anywhere on a website where a table layout is required. The drag-and-drop interface in Blue Core CMS™ makes it easy to add, remove, update, organize and re-organize entries as you deem necessary.

Other Deliverables


We provide all website management and support services.