Strathcona High School

Mobile-Friendly Site Drives Recruitment

Stand-out sites support school’s historic brand and engage students (and their parents!)

Screenshot of Strathcona High School project

Strathcona High School’s previous site was so cookie-cutter, visitors couldn’t discern the site from other schools at the time. Navigation was a mess, the design was poor, and it was difficult for administrators to maintain. They turned to Bright Umbrella to transform their site into an effective recruitment tool for prospective students, as well as a learning community resource for current students, faculty and parents.


  1. Jan 2011

    Stabilized site with upgrade to ExpressionEngine 2

  2. May 2012

    Launched major site redesign, the base of which is still in use today!

  3. March 2014

    Retrofit site for mobile, saving $ over a redesign

  4. March 2016

    Installed a comprehensive, cost-effective backup solution for maximum peace of mind

Results Delivered

  • Increased attendance at open houses

    • The new, more engaging design of the site makes it stand out from others in the district, attracting more parents to annual open house events
    • We retrofitted the original desktop-only design for Strathcona’s main school site with budget-friendly and mobile-optimized enhancements
  • 26% increase in traffic, 26% drop in bounce rate

    • A year after the mobile retrofit, Strathcona saw a 26% increase in users with 9% increase in pageviews and a 15% increase in sessions. Translation: more visitors clicking on more pages and actually sticking around on the site!
    • The mobile retrofit also increased session duration by 12% over the previous year — visitors stayed longer on each page!
    • Comparing the last three years vs. the first three years we began working with Strathcona, more people linger on their site: their bounce rate went from a bad 67% to a good 41% rate
  • Stronger brand recognition and better consistency across sites

    • New engaging, student-friendly design embraces Strathcona’s brand and sets it apart from other schools in the district
    • Brand and core design elements carry through all three Strathcona sites, demonstrating their relationship but highlighting unique content and audience priorities
  • Fewer headaches for staff entering content

    • Site admins can add content to all three sites from a single control panel, increasing efficiency. Content can even be shared between the sites, reducing maintenance and potential errors
    • Staff has full control over site navigation, including secondary dropdown levels
    • Staff can easily change homepage slideshow, promoting current news and events as needed
    • Staff was fully trained in new CMS workflows and has a customized user manual at their fingertips
  • Better security and stability, less administrative maintenance

    • As part of our ongoing maintenance of their CMS, we make sure they always have the latest, stable version — including add-ons — to support site security and stability
    • We also implemented version control systems for more efficient and secure maintenance, including software updates
    • When staff wanted more control over their hosting, we advised on server capacity and hosting options to give them more ownership and stability

Services Provided

  • ExpressionEngine CMS Development
  • Content Strategy
  • Information Architecture
  • User Experience Design
  • Interface Design
  • Responsive Design & Development
  • Data Imports
  • Maintenance & Support
  • Hosting & Server Consultation
  • Data Import from EE v1

Engaging Design Appeals to Students and Their Parents

Strathcona’s site design started with a focus on students and their parents. During our discovery process, we gained a deep understanding of their recruitment goals, as well as their brand and audience. This led to a teen-friendly design carefully balanced with the historic school brand. The site also engages with students through SchoolTube videos, Twitter and Facebook. Another strong recruitment tool is the student portal, which reflects the same brand but in a unique format where students can post their own photos and videos.

Parents love the site too! As Department Head of Technology Kelly Reierson notes: “parents were saying that it was our site that made them want to attend our school open house.”

Goodbye Boring Template! Hello Custom, Brand-focused Design!

Screenshot of Screenshots that show the Strathcona site before and after their redesign

New Design Reinforces Historic School Brand

Screenshot of Screenshot of Strathcona's brand guidelines for logo usage, alongside a screenshot of the logo rules applied to the website

Student Portal Strengthens Recruitment

To further engage with students, Bright Umbrella also created a student recruitment tool, My Scona, where students can share their own photos and videos — moderated by school administrators before posting to the live site. The student site reflects elements from the main site, but with a more teen-focused design. We also developed a Library site with easy-to-find academic and course resources, to discourage students from “just Googling” and not developing critical research skills. All three sites are interlinked, making it easy for students (and parents and faculty) to navigate among them.

Interactive Student Portal Appeals to Teens, Showcases School Spirit

Screenshot of Screenshots of different elements of Strathcona's student portal, including moderated comment wall, video gallery and student-submitted media

Library Site Provides Resources So Students Don’t “Just Google It”

Screenshot of Collage of screenshots from Strathcona's library site, highlighting the abundance of student resources

No More Content Entry Headaches

As unusable as Strathcona’s original site was for visitors, so was their content management system (CMS) for staff. We developed a custom ExpressionEngine CMS that administrators with very little technical knowledge can use — easily. Staff can add news, add a homepage promo, change the navigation and upload videos from SchoolTube. Even more, staff can do all of this for all three of Strathcona’s sites — their main site, their library site and their student recruitment site — from a single control panel.

One Login, Three Sites, Shared Content

Screenshot of Collage of screenshots that showcase how Strathcona can share content, like videos, across multiple sites

Budget-Friendly Mobile Design

When we started with Strathcona in 2009, mobile was just a glimmer on the horizon and our redesign was for desktops. Today, tech-savvy students use mobile for the web almost exclusively. To help Strathcona get mobile-friendly, while at the same time leveraging their original investment, we did a responsive retrofit. Rather than redesigning their site again — which would’ve been cost and resource prohibitive — we applied mobile-friendly enhancements to the existing design (and code base).

Users no longer have to zoom to read text on their phone. The navigation works great on touchscreens. And content is focused for a mobile experience, emphasizing the information most relevant to mobile visitors such as phone numbers, addresses and news. Since prioritizing mobile, we’ve seen a 26% increase in users and a 12% increase in session duration. Translation: more site visitors who stay longer on the site!

Phones, Desktops & Everything In Between

Screenshot of Collage of images that show Strathcona's main site on a MacBook, iPad and iPhone

Upgrades, Support and Maintenance for Security and Stability

As Strathcona’s technology partner for over 7 years, we provide ongoing support and maintenance for their entire site’s needs — from the server configuration to the CMS that runs the site. Previously, their older system left them open to security exploits — one of which occurred during the holiday season! Since upgrading the CMS and moving to a better server, there have been zero security exploits. Regular CMS upgrades, including add-ons, boost the security and stability of all Strathcona sites. It also allows them to save  time and money by streamlining the process for future updates.

Carefully Managed Upgrade Process

Screenshot of Screenshots of the project management tools Bright Umbrella uses to manage Strathcona's CMS upgrade process

Peace of Mind with System Backups

It’s inevitable: someone can accidentally delete or overwrite site content by accident. Bright Umbrella helps Strathcona protect their investment with a comprehensive disaster recovery plan, including backup solutions. We implemented a plan that gives staff the most control while minimizing ongoing costs. Now, recovering part (or all) of the site is much easier, letting Strathcona admins get back to business ASAP.

Screenshot of Screenshots from Strathcona's ExpressionEngine backup solution, Backup Pro

Want a Site that Gets Results?

We can help! Let's start a conversation.