Sandstorm Blog

Janna
ACOEM's New Website Wins a dotCOMM Gold Award for It’s Intuitive UX and Enriched Member Experience Built In Kentico

About

American College of Occupational and Environmental Medicine (ACOEM) is the leading association of medical professionals who advocate and oversee the health of workers, the safety of workplaces and the overall quality of environments.

The Challenge

ACOEM’s website and several related microsites utilized an outdated technology, an ineffective user experience that did not reflect the mission of the association nor the user needs of the occupational and environmental medicine community. The content was extremely deep and relied on a poor search experience, which often led to users contacting the help desk, putting unnecessary strain on their staff, or abandoning the site.

Goals of the redesign included: ensuring the site informed users about occupational and environmental medicine (no tree-doctors need apply); Single sign-on for critical member benefits; reaching emerging professionals entering the workforce (career ops, connecting with peers, educational content); and offering special interest communities to connect and increase member engagement.

The Solution

The new site needed to be clean, intuitive, mobile-first with integrated faceted search, while delivering a robust administration experience for ongoing content management by ACOEM staff.

ACOEM wanted the new site to work from the existing marketing materials, but not be a slave to the printed brand. Sandstorm knew going straight to visual UI layouts would not give the teams the opportunity to work together—to “Yes, And”, which is one of Sandstorm’s guiding principles for our creative work. Because of this, Sandstorm began the UI process with brand/mood boards in order to gain alignment on the visual direction. Once a brand/mood board was selected, Sandstorm quickly transitioned into visual user interface designs with a mobile-first strategy.

We also identified the navigational structure was going to be broad and deep resulting in a dense navigational structure. ACOEM was extremely motivated to use a unique mobile-first drawer pattern for the navigation on all viewports. This innovative navigation resulted in a very clean experience that was user-friendly and unique within the association space.

Sandstorm’s UX and Kentico-certified development team worked collaboratively to build the page layouts using a form-based model instead of an open structure. This approach enabled the site to embody a consistent user experience while making site content and image updates intuitive and easy to manage for the ACOEM team. Knowing search was fundamental to the overall user experience, we leveraged Kentico’s tagging, categorization, Google sitemap, and Smart Search to significantly improve the relevancy and findability of key content; in addition to integrating with Fonteva’s AMS to deliver a personalized member experience.

The website was a critical part of ACOEM’s overall digital transformation journey led by our partner, .orgSource, as they helped modernize the technology landscape including new software for the AMS, finance and workflow analysis.

The Results

The dotCOMM Awards honored the American College of Occupational and Environmental Medicine and Sandstorm with a Gold award honoring excellence in web creativity and digital communications in the association space. Check out the new ACOEM site.

The 2019 dotCOMM Awards is administered and judged by the Association of Marketing and Communication Professionals (AMCP), one of the largest, oldest and most respected evaluators of creative work in the marketing and communication industry.

Since launch in January 2019, ACOEM has seen significant improvement, including:

  • User interactions (sessions) increased 32%
  • Return visitors increased 18%
  • New users (no prior sessions) increased 13%

Sandstorm continues a strong partnership with ACOEM and provides ongoing UX/UI improvements, development and AMS integration support and maintenance for the site, including data analytics in order to drive key insights for optimization. In addition, to further extend the Kentico platform, Sandstorm is underway with building much improved Member and Find a Provider searchable directories that leverage key user data stored in Salesforce (Fonteva), as these are highly visible (and highly utilized) features of the site.

This blog was posted by Janna on August 20, 2019.
Janna Fiester

About the Author

Janna Fiester

Sandstorm's VP of UX & Brand Innovation, Janna, is a design-thinker. Showcased in several design publications and exhibited at the Art Institute of Chicago, she is talented in taking nuggets of good ideas and nurturing them into solutions that are always strategic, engaging and visually delightful.

Amanda Heberg
Search-driven web experience for the National Business Institute

The National Business Institute is a professional association providing continuing legal education (CLE) for attorneys and paralegals for over 35 years and delivering over 18,000 in-person and on-demand resources.

The Challenge
While NBI’s live seminars and OnDemand resources lead the industry, their website and subscriber experience were trailing behind. NBI partnered with Sandstorm—to create a personalized, user-centric (and most importantly, revenue-driving) experience for existing subscribers, transactional customers, and prospects.

The Solution
Sandstorm began with user research that identified the motivations and expectations of each type of customer. Then, we crafted a myriad of user flows based on user groups, extensive site map, navigation, wireframes and creative to align each step in the purchase process with those expectations.

By conducting usability testing, we uncovered user needs, expectations, and insights, including:

  • The use of key statistical information vs. the use of customer testimonials on the homepage was much more impactful to key audiences.
  • Including specialty credit details in the search results, since this is a key identifier in the selection of a course and purchase process for users.
  • Users wanted stronger use of colors throughout the experience, but still honoring the blue that NBI was well-known for.

Because findability and conversion were primary goals, we needed to determine how to best integrate a robust search throughout the experience. The final site includes multiple layers of search exposed within the experience to ensure users can quickly and easily find desired courses and find them in the format they wish to consume them.

Personalization was also key. Sandstorm worked closely with NBI’s development team to build in targeted courses based on a users’ geolocation and schedule (recommended courses, happening soon, and best sellers).

As NBI was shifting its business model to more emphasis on a subscription model vs. one-off courses, the conversion path to becoming a subscriber needed to be clear and slightly varied experience from an individual visiting the site for the first time.

And, knowing the mobile experience was critical to these users, we crafted and deployed a fully responsive designed experience, including personalization based on returning users vs. new users to the site.

Finally, we extended the user experience and creative via front-end development and collaborated closely with NBI’s in-house development team to ensure the experience seamlessly integrated with NBI’s back-end CMS, technology and complex e-commerce systems.

The Results
The Hermes Creative Awards honored the National Business Institute and Sandstorm with a Gold award for the agency’s redesign of the NBI website.

The 2019 award winners were announced by the Association of Marketing and Communication Professionals (AMCP), which administers the annual Hermes Creative Awards international competition.

In addition, the website has experienced significant improvement, including:

  • Organic SEO positioning has increased by 20%
  • Conversion rates are up 12% year over year
  • Experienced higher search and filtering traffic that converts at a much higher rate than the prior site experience
  • Received extremely positive feedback from its subscription-based customers via the streamlined and much-improved checkout flow

 

“Thank you for your help. The site looks great and we couldn’t be happier with what you did for us.”

Jim Embke - Managing Director, National Business Institute

This blog was posted by Amanda Heberg on April 30, 2019.
Amanda Heberg

About the Author

Amanda Heberg

As the VP, Business Development, Amanda leads new business development, sales, partnerships and marketing strategy across Sandstorm. Amanda collaborates closely with new clients to build strong, long-lasting partnerships while aligning Sandstorm's capabilities to solve client business problems.

Amanda Heberg
The Society of Actuaries innovates with an Interactive Toolkit in Drupal 8

The Society of Actuaries (SOA) is the pre-eminent association for the actuarial profession. With over 30,000 actuaries as members, the SOA’s mission is to advance actuarial knowledge and the ability of actuaries to provide expert advice and solutions for financial, business and societal challenges.

The Challenge

In line with their mission, the SOA wanted to take the conceptual idea of an Actuarial Toolkit and bring that to life in Drupal 8 as a web application. The SOA's existing Glossary App needed to be redeveloped into a web app, in addition to incorporating data from multiple websites.

The SOA kickstarted the project internally with some baseline requirements and initial design mock-ups to support the reimagined Actuarial Toolkit. Sandstorm was able to quickly collaborate with the SOA and build upon the work completed, in order to begin transitioning into more detailed user experience and technical requirements. 

The Solution

The SOA partnered with Sandstorm in order to build an interactive web application that delivered a variety of online resources for actuarial candidates, actuaries, and actuarial analysts. We identified with the SOA that Drupal 8 would be the optimal platform that would offer a high level of flexibility and a scalable development framework to support the desired interactions along with a robust mobile experience.

With a Drupal-based solution and our proposed technical architecture, we were able to provide a scalable framework for the SOA to expand and grow to support the other SOA applications. The goal was to make it simple for the SOA to build out new solutions over time, without significant investment each time. The architecture also supports opportunities to transition to a headless Drupal solution (if desired in the future), which could be used to drive native mobile apps.

In addition, the Actuarial Toolkit supports the longer-term vision and consolidation of its online tools to support the Actuarial Profession.

The Actuarial Toolkit includes the following features:

  • Interactive Actuarial Glossary including over 500 peer-reviewed definitions, concepts and practice area terminology for those working with Actuarial Science
  • Bookmarking to save favorite pages in the toolkit
  • Flashcard function to display glossary terms saved for quick access and review
  • Main hub for practice areas, giving users access to pre-defined mathematical definitions and data templates used in the profession including curated live illustrations of actuarial and mathematical concepts using R
  • Integrated Single Sign-On experience with the SOA’s Association Management Software system and website so users can move seamlessly through the entire web experience

The Results

The SOA launched the new Actuarial Toolkit after working for many months curating the content and finalizing the industry definitions and terminology to ensure a highly usable, high-touch, personalized experience. Overall feedback has been incredibly positive from the SOA membership and community, not only offering an interactive suite of tools to advance learning in the profession but also giving the users even more personalized experiences that they can control.

https://actuarialtoolkit.soa.org/

This blog was posted by Amanda Heberg on April 22, 2019.
Amanda Heberg

About the Author

Amanda Heberg

As the VP, Business Development, Amanda leads new business development, sales, partnerships and marketing strategy across Sandstorm. Amanda collaborates closely with new clients to build strong, long-lasting partnerships while aligning Sandstorm's capabilities to solve client business problems.

John
Hermes Platinum Award

The Hermes Creative Awards has honored Sandstorm Design with a platinum award for the agency’s redesign of the CLR Brands® website. The 2018 award winners were announced by the Association of Marketing and Communication Professionals (AMCP), which administers the annual Hermes Creative Awards international competition.

Sandstorm’s reconstruction of the CLR Brands® website—which showcases CLR® and Tarn-X®, two of America’s favorite household cleaning products—delivered a clean, intuitive design and a significantly upgraded user experience. The site was built on the Kentico EMS platform, which enables enhanced integrated marketing automation, site searchability and personalization.

Kentico named the CLR Brands® website one of its top 10 sites for June 2018.

The Hermes Creative Awards recognize the messengers and creators of traditional and emerging media. The annual competition is judged by the AMCP, an international organization consisting of thousands of creative professionals. Entries are received from corporate marketing and communication departments, advertising agencies, PR firms, graphic design shops, production companies, and web and digital creators.

This blog was posted by John on June 19, 2018.
John Rausch

About the Author

John Rausch

Over his 25 years in the advertising industry, John has produced award-winning work for many B2C and B2B clients. He is a passionate believer in the power of the brand and brings a strategic approach to every piece of creative.

Emma Thompson
DCLI Site Launch Makes Waves in Transportation

Over the past several years, DCLI has transformed itself and the intermodal transportation industry. As the largest provider of chassis in the U.S., they’re renowned for their industry-leading technology and logistics expertise.

But DCLI’s web and marketing presence was hindering the company’s growth. That’s why they turned to Sandstorm®.

Engaging Tool Increases Revenue

DCLI first asked us to help them solve an interesting challenge: reduce the burden of high sales-call volume while increasing revenue among potential clients. We jumped at the opportunity.

Through intense collaboration, we were able to develop an automated quote tool that seamlessly integrated into DCLI’s website. The result? Within the first month of its launch, the quote tool generated 49% of all marketing-influenced revenue.

Confident in our ability to deliver proven results, DCLI shifted their focus to two even more ambitious initiatives:

  • Creating marketing campaigns where none had previously existed
  • Designing and developing a new website to showcase their revamped brand

Building Creative Campaigns From the Ground Up

DCLI came to us with aggressive marketing goals. To help them achieve their objectives, we held a marketing workshop with key members of the company. This allowed us to gain insights into their business, and collaborate on a value proposition and strategy statement that positioned DCLI as the most agile intermodal partner around.

Building on this strategic foundation, we created ad concepts, event collateral, infographic, and sell sheets that drove the DCLI brand forward. Most important for DCLI, we implemented tracking within creative so they can begin measuring return on ad spend.

But our most ambitious collaboration was completely redesigning and developing DCLI’s website.

Reimagining DCLI’s Digital Presence

Creating DCLI’s new website engaged nearly every aspect of our expertise. Our unique approach benefitted DCLI in several ways.

Better Targeting of Customer Verticals

DCLI needed their website to talk to five separate user groups—motor carriers, ocean carriers, non-vessel-owning common carriers, beneficial cargo owners, and domestic shippers. We designed every aspect of the new website with these users in mind, making it easy for them to self-identify and find the tools and information that matter most to them. We even traveled to one of the nation’s largest terminals so we could showcase the breadth and depth of DCLI’s expansive chassis fleet to potential customers.

Content Optimized for Search Engines

To enable DCLI to capture as much organic traffic as possible, we analyzed current traffic and performed competitive keyword analysis. This allowed us to optimize all content across the new website, which resulted in a 27% increase in organic traffic in the first two months of the launch.

Integrating Marketing Automation

To capture leads at key touch points, we needed to successfully integrate the Pardot CRM platform. That required setting up tracking codes, incorporating the Pardot plugin within the CMS, and styling a custom form template within the CRM. The solutions were a huge success for DCLI, and in the first day of launch, the integration resulted in 7 leads.

In the wake of the successful launch, we’re continuing to test and optimize, and collaborate with DCLI to identify new opportunities across sales and marketing that elevate their brand.

We’re thrilled to help DCLI spotlight all of the innovative ways they help their customers keep cargo moving. See the new DCLI website for yourself!

This blog was posted by Emma Thompson on March 20, 2018.
Emma Thompson

About the Author

Emma Thompson

As an Associate Digital Strategist, Emma has a background in ad sales and a desire to create strong brand identities.

Sandy
Just Launched: Kentico Website for Beloved Household Products, CLR® and Tarn-X®

Jelmar is most recognized for its broad range of cleaning products (CLR and Tarn-X) that have helped solve some of the toughest household cleaning problems... maybe you've seen their commercials to clean your showerhead?

The CLR Brands website was outdated and virtually unusable on a mobile device. There was also a great deal of confusion across the brands – parent company, Jelmar vs its flagship products (CLR and Tarn-X) and related products. The site did not provide a cohesive experience, nor was it intuitive for consumers visiting the site for more information or where to buy CLR or Tarn-X products. It also did not properly serve the needs of its distributors and retailers. Given the brand structure and Jelmar’s drastically different audiences, it was critical to have a modernized user experience that was cohesive while providing variations based on the two distinct user groups. Sandstorm was challenged with reinvigorating and personalizing the CLR brand experience integrating social, digital, marketing automation and the website; as well as utilizing technology to drive better business decisions – which is why the Kentico EMS content management system was ultimately selected.

Based on our in-depth user research, one of the primary goals for consumers was to identify where they could buy CLR products. Sandstorm completely overhauled the “Where to Buy” feature (formerly the Retailer Locator feature, which we renamed based on our usability study results). This tool incorporates a custom Product Search, including radius map in several key areas of the site to improve overall usability – check out the Where to Buy feature here. On the administrative side, Sandstorm developed a product management tool within Kentico, so Jelmar staff can easily manage updates to products in a single location, which propagates throughout the site. In addition, Sandstorm implemented Kentico’s Smart Search to drastically improve the findability of products, "How To" videos, FAQ spec sheets, blogs and news, etc.

Behind the scenes, Sandstorm utilized Kentico’s Staging and Synchronization features to manage development and testing in one environment, user acceptance and content editing in a second environment, and live production in a third, while ensuring that integration of code and content between the sites can always be easily managed and synchronized. From a content migration perspective, Sandstorm utilized Kentico’s import utility and custom scripts to map content into the new site, product details, images and related taxonomy. Sandstorm also leveraged Kentico’s features for tagging, categorization, Google sitemap generation, and other capabilities to improve SEO of the site.

The entire project included a complete redesign, in-depth user research, information architecture, usability testing, UX/UI development, Kentico install/configuration, Kentico web development, content migration, QA testing, analytics and launch. Additionally, upon launch, Sandstorm ran multiple email campaigns using Kentico’s Contact Management and Email Marketing features to deliver messages segmented for audiences interested in retail products separately from products for industrial/commercial uses.

End results? 380% increase in use with a 78% increase in site entrances directly to the new "Where to Buy" versus the previous "Retailer Locator". Overall 12% increase of pageviews, and an 11% reduction in bounce rate – within the first 30 days. Visit clrbrands.com.

This blog was posted by Sandy on January 23, 2018.
Sandy Marsico, Founder & CEO

About the Author

Sandy Marsico

Sandy Marsico is the founder & CEO of Sandstorm®, a digital brand experience agency that turns consumer insights into engaging user experiences through our unique blend of data science, brand strategy, UX and enterprise-level technology.

Michael
Answering the Eternal Question: To Hamburger Menu or Not?

Should you use a hamburger menu for your mobile navigation?

That’s a matter of ongoing debate here at Sandstorm®. It’s a debate we carry out in email chains linking to the latest articles, with subject lines like, “Hamburger menus were (bad/good).”

So I’m here to finally end the debate and offer a definitive answer on whether you should use hamburger menus by saying, “It depends.”

Because that’s the truth: Hamburger menus aren’t uniformly bad or good. It all depends on your audience, your goals, and how best to structure your information so that it serves your users and your needs.

The Myth of the Hidden Menu

In his article Why and How to Avoid Hamburger Menus, Louie Abreu lays out a thoughtful argument against the pattern of using sidebar menus. For him, the biggest issues are:

  1. Low Discoverability—the menu is out of sight and, therefore, out of mind.
  2. Reduced Efficiency—it creates navigation friction for the user.
  3. Navigation Clashing—it clutters up and overloads the navigation bar.
  4. Lack of Glanceability—information about specific items is harder to surface.

But I don’t quite buy the rest of his argument.

Since 2014, when the article was published, hamburger menus have become a common pattern for some of the most highly trafficked sites on the web, including Google and Facebook. And in countless usability studies, we’ve seen that most people don’t mind the ‘hidden’ menu on mobile devices.

The main issue we’ve seen in usability studies is some users don’t understand the three-horizontal-lines ‘hamburger’ icon. This is consistent with an A/B testing experiment conducted by Sites for Profit, which suggests that the three-horizontal-lines ‘hamburger’ icon is less effective than the ‘menu’ label. So there is definitely evidence that supports adding a menu label underneath the icon or simply using the word ‘menu’ instead of the icon.

What users really want is something that’s designed for them, whether it includes a hamburger menu or not—and I’d argue that most users don’t know that this is even a debate.

So how do you effectively use a hamburger menu without alienating users?

Considerations Before Using Hamburger Menus

1. If your navigation structure is small and simple, why not just show it?

Websites with a deep menu structure—like large enterprise software companies—can benefit from hamburger menus. But small websites, like those for a local business, have limited functionality and can display their full navigation. Or you could use one of these emerging patterns for mobile navigation.

2. Label your menu with the word menu.

Our own tests and others have shown that just adding the word ‘menu’ below the hamburger icon increases user engagement. Or ditch the icon and just use the ‘menu’ label.

3. If you have the screen width to display your menu, you should do it.

Avoid hiding your navigation on larger screens. If you don’t have to use a hamburger menu on tablet, then don’t.

4. Nesting can be a problem, if your menu structure is too deep, there’s probably something wrong with your architecture.

The hamburger/offscreen navigation pattern can get tricky if your menu structure is deep and wide. It’s probably not a good pattern to use if this is the case, but the first thing you should do is consider revising your site architecture so it’s less complex.

If you need help with your mobile navigation, Sandstorm can help. From usability testing to user experience design, we’ll help you find the solution that works best for your users.

This blog was posted by Michael on August 31, 2017.
Michael Hartman

About the Author

Michael Hartman

As Sandstorm's Technology and Usability Director, Michael leads our developers and usability researchers in creating web sites and applications—both desktop and mobile—that embody our favorite blend: intuitive user experience and dynamic Drupal development.

Emily Kodner
Association for Corporate Growth launches new, responsive website.

At Sandstorm®, we thrive on designing and developing exciting new websites. But we also know how important a great event can be. That’s why we couldn’t have asked for a better opportunity in creating a site for ACG.

The Association for Corporate Growth (ACG) is the global community for business leaders focused on driving middle market growth through mergers and acquisitions. As a chapter-led organization, ACG is heavily focused on events, holding over 1,200 around the world each year for industry professionals and the association’s 14,500 members to network.

In order to drive their own growth, ACG turned to us to design and develop a website platform that provided individual sites for the global organization as well as its 58 chapters. Each site not only needed to be mobile friendly and visually appealing, it needed to be user friendly and easy to manage for each chapter, an objective we were able to achieve as a result of several efforts:

  • Attending ACG’s annual event and conducting stakeholder interviews to hear directly from leaders and members what they needed from the new website
  • By integrating the Drupal 8 content management system (CMS) with the netFORUM association management system (AMS)
  • Conducting a usability study on the new design to ensure it was intuitive and easy to use
  • Building a collaborative space for chapters and committees to digitally communicate and share essential documentation

We’re honored to help ACG continue driving middle market growth around the world. Check out the new ACG website for yourself.

This blog was posted by Emily Kodner on June 20, 2017.
Emily Kodner

About the Author

Emily Kodner

Emily is our Senior Director of Client Delivery. She consults with clients, leads projects and works alongside our team of creatives and developers to provide solutions to complex business challenges.

Jason

For awhile there, in the land of web design, it seemed that sans serif fonts were taking over. Arial, Verdana, Geneva, and even san-serif itself. Google got in on the action too, ditching its long time faith in serif fonts for its new logo a few years back.


 

Serif fonts have come back into vogue. Errol Morris, filmmaker and author, ran an experiment in the New York Times in 2012. Readers thought they were merely reading an essay and deciding whether or not they agreed with a statement about security. This was, supposedly, to tell whether they were optimists or pessimists, however Morris was actually testing something else. He was testing fonts. He chose several serif and sans-serif fonts to see if readers showed a favoritism toward any type of font. Which font was more convincing? Baskerville, a serif font, won hands down.

I’m guessing one study from 4 years ago isn’t enough to get you back on the serif train. Well, just this year, another serif font Times New Roman, was voted “most trusted typeface” by UK company, solopress, following a survey of 1,000 people (Comic Sans came in second place, so no survey is perfect).
 

That’s not all, though. The US National Library of Medicine, the Centers for Disease Control, as well as others in the crossroads between government and medicine recommend a serif font: “Serif fonts are usually easier to read than sans-serif fonts. This is because the serif makes the individual letters more distinctive and easier for our brains to recognize quickly” (PDF).


A few google searches will show you that serif fonts have a reputation for readability, but also for conveying nostalgia and authority.

One of our recent clients, Vibrant (Formerly DHCU) came to us with a rebrand. For this client, we needed a way to merge the fun and friendly atmosphere of their business, while not undermining the trust and reliability you’d expect from a financial institution. Our solution was a mix of exciting and engaging color for their brand married with a serif font for their logo to keep their brand grounded in the financial world.

 

 

If your website could use a new look, or you're looking to build trust and confidence with your brand, Sandstorm can help.

 

Now get your serif on (go ‘head, be gone with it).

This blog was posted by Jason on January 27, 2017.
Jason Dabrowski

About the Author

Jason Dabrowski

Jason is one of Sandstorm’s designers and also helps keep the office running smoothly. As a veteran of the theatre—from acting to directing, lighting to set design—he knows the value of hard work and a positive attitude. Look for his unique voice on the blog.

Joshua
Alliance for Audited Media, AAM, Responsive Website, Web Design, Web Development, Content Audit

Here at Sandstorm we don’t simply “refresh” a website, we help businesses evolve their brand. Which is exactly what we did for Alliance for Audited Media (AAM) when they wanted their website to project a more modern feel with digital prowess. 

Our first move was a content audit to get our arms around the site and understand the complex mission of AAM (empowering media professionals with trusted verification and data). From there we created a set of information architecture (IA) guidelines that informed the responsive website design. Through our thoughtful research and strict IA guidelines we were able to deliver a new website, with approachable messaging, that spoke to their various audiences. 

This blog was posted by Joshua on October 28, 2016.
joshua sovell

About the Author

Joshua Sovell

As the Marketing Manager Joshua is in charge of crafting the Sandstorm narrative via compelling blog content and community engagement.

Pages