Sandstorm Blog

Andrea Wood
Designing History: The OI Centennial Website

How do you tell the story of saving a 2,000-year-old language over 9 decades, using fragments of tablets and inscriptions on ancient winged bulls to reveal a 6,000-year-old culture? Or tell the story of 100 years of research exploring 10,000 years of history?

This was our charge when we took on the responsibility for creating the Oriental Institute’s centennial site. To tell the stories that are the beginning of us, our lives as humans, together.

Founded in 1919, The Oriental Institute (OI) at the University of Chicago is a leading research center and world-renowned museum devoted to studying the civilizations of the ancient Middle East. The OI Museum exhibits one of the largest collections resulting from archaeological fieldwork in the Middle East, including more than 350,000 artifacts with roughly 5,000 on display on the University of Chicago campus.

Originally funded by a handful of visionaries including James Henry Breasted and John D. Rockefeller Jr., the OI has been a groundbreaking institution for over a century.

The Challenge

With a centennial approaching and over 10,000 years of stories to tell, the OI had a new challenge: find an interactive storytelling way to share the wealth of information uncovered over the years as well as present new expeditions and discoveries going on today. The OI needed a partner to create a digital experience celebrating its Centennial year and showcasing its 100 years of connecting ancient places, people and issues. The OI selected Sandstorm to lead this effort.

The Solution

Sandstorm and the OI team underwent a thorough UX and creative UI process while leveraging the new branding that was being designed specifically for the Centennial and the rebranded identity for the OI itself. The primary goal was to deliver an interactive, high-touch, narrative experience while showcasing the incredible depth of research projects and overall work of the OI. 

In addition, a key goal was to drive users to engage with the OI: registering for the Centennial Gala, donating, becoming a member, visiting the museum, or even adopting a dig. Making sure these CTAs and conversions link back to the main OI site was key, while also elevating the Centennial as a major milestone for the organization. 

Sandstorm implemented a new Drupal 8 instance for the OI centennial site and configured the CMS for design flexibility in the future. Over the course of a few months, Sandstorm transformed key content related to the OI’s history, research projects, fieldwork, and museum collection into a well-curated, digital microsite experience.

“The OI needed a website that would display a wide range of media types with pictures and videos but we really wanted to focus on interactive elements as well and find the most engaging way to display their research to users,” said Jeff Umbricht, lead developer of the Centennial site. “With work all over the world, we decided to create an interactive map that presents a visual navigational tool to explore key discoveries.”

To encourage museum visits and membership, Sandstorm also included an easy to access events page for visitors to experience OI events throughout the year.

Key elements of the experience:

  • Emphasis on displaying a wide range of information in a concise, scannable way.
  • Extending Drupal modules and features for strong content editor control and flexibility.
  • Interactive map to display research efforts in key locations in the Middle East. The solution provides an ideal balance of performance and interactivity.
  • Mobile-first approach that ensures the user has the same level of interactivity and scannability from any device.
  • Built targeting WCAG 2.0AA accessibility standards

Results

With the website complete, the University of Chicago has begun promoting the Oriental Institute’s Centennial, which kicks off in September with a Centennial Gala followed by a public event and includes activities throughout the 2019–2020 academic year. 

Visit oi100.uchicago.edu to learn more and be sure to visit the museum in person on the University’s campus in Hyde Park Chicago.

“Sandstorm’s work creating a digital experience for our Centennial celebration is a key element of our year-long effort focused on sharing not just the legacy and historical impact of the OI in understanding, revealing, and protecting the earliest human civilizations, but also recognizing that through our ongoing research and public outreach we can offer new ways of thinking about what connects us and why.”

- Dr. Kiersten Neumann, Curator of the Oriental Institute Museum, and Research Associate and Communications Associate of the Oriental Institute

This blog was posted by Andrea Wood on September 26, 2019.
Andrea Wood

About the Author

Andrea Wood

Andrea is Sandstorm's Managing Director and leader of our marketing strategy team. Like Goldilocks, she found her "just right" spot at Sandstorm after working in various large international and smaller startup agencies. Andrea loves tackling all kinds of problems and sees them as opportunities to do more, better or differently.

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
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.

Amanda Heberg
OTA Drupal 8 website

The Orthopaedic Trauma Association (OTA) is the authoritative source for the treatment and prevention of musculoskeletal injury. So when they came to us with an underperforming website, we made sure they got the best treatment possible.

The Challenge
OTA’s website exhibited a lot of the traditional symptoms of an aging online presence: disorganized content, a lack of information architecture (IA), overall poor member experience, and outdated design and functionality. They were struggling to come up organically in search and it was critical that OTA engage a partner who could quickly get them where they should be in site rankings, and keep them there. OTA planned to rely upon their selected partner not only to redesign their site, but also to help them maintain their site moving forward in a manner that would promote SEO. 

The Solution
Based on OTA’s website goals, technical requirements, API integrations, SEO concerns and content authoring needs, we determined that Drupal 8 would be the recommended content management system (CMS) for the OTA team. With Drupal, we were easily able to implement single sign-on (SSO) through OTA’s association member platform—ACGI. And by utilizing Apache Solr Search, we were able to make the search more robust throughout the site – improving the overall user experience for members. 

To improve the overall usability of the site, and increase organic search rankings, we conducted keyword research and analysis to identify heavily searched terms applicable to their industry, and built the sitemap, navigation and information architecture around the research findings. We designed with user experience (UX) best practices while creating consistent branding throughout the site—expanding the color palette, identifying fonts the OTA brand could differentiate with, and utilized custom imagery. Altogether, this made content easier to find for users and easier to update for the association. 

The Results
Within the first month after launch, OTA’s new website experienced unprecedented results:

  • 986% increase in traffic from Google
  • 497% increase in organic search traffic
  • 54% increase in new users
  • 65% increase in pageviews
  • 22% decrease in bounce rate​
“Planning and implementing a website redesign can be a momentous undertaking, especially for a small staff association. Sandstorm could not have made the process easier for our team.

Their exceptional technical and creative talent, along with the high level of customer service provided throughout the project, made the process as seamless as a website redesign can be. And our new (and very much improved) website has been well received by the Orthopaedic Trauma Association (OTA) membership!”

– Kathleen Caswell, CAE, Executive Director

Visit the new site: https://ota.org/

This blog was posted by Amanda Heberg on January 2, 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.

World IA Day 2017

I attended World IA Day in Chicago a few weeks ago and was inspired by one of the speakers. In user experience, and particularly in information architecture, we often draw analogies to physical spaces and buildings. Extending the same analogy, one speaker shared a personal story about a seven-day excursion she took to build a mud hut.

Their team was cruising through the build, and what should have taken seven days was nearly complete in three. Unfortunately, just before they could put the doors on, the walls came tumbling down. They rushed the process, didn’t take the time to let the mud dry, and skipped steps that were fundamental to allowing the natural materials to take hold.

The lesson she learned was that, much like physical spaces, digital spaces can come crashing down if you rush the process. Whether you’re building a cathedral or a website, you start with a goal, work through the mess (information architecture, user research, usability testing) and draw up the plans (blueprints or wireframes) so you can create a concrete product users can easily move through.

Constructing Your Information Architecture (IA)

Information architecture not only makes information easy to find, it helps us create experiences that are intuitive and easy to navigate. IA provides the digital signposts and clues that help users remember where things are located and how to move through a design, system, or interface. IA helps prevent issues of findability and scalability while answering questions like:

  • How is this structure organized?
  • How is the content labelled?
  • How will it meet the needs of the organization?
  • How will it meet the needs of the people using it?

Listening to this story I couldn’t help but nod along and think of the clients I work with. I hear clients say customers can’t find products or they really want to simplify and condense the information. Clients often don’t realize they have an information architecture problem, but it really is key to completing a digital project.

The most important thing to remember is that the way an end user approaches a website can be vastly different than the way an employee approaches their company website—what may seem intuitive to someone within the business might not make sense to their clients or customers.

Without carefully thought-out IA we can’t expect products, apps, or websites that are easy to navigate. Even if websites look beautiful, without a strong structure they can create a disorienting user experience, and issues with findability and scalability will abound.

Have You Built the Right IA?

Ever hear employees, clients, and users say this about your website:

  • "We create new content but don’t know where to put it."
  • "It always takes me a while to find the right information."
  • "I can’t find the products I’m looking for."

Then it sounds like your information architecture could use some restructuring. We’re here to help you, from card sorting through to sitemaps and wireframes.

This blog was posted by on March 6, 2017.
Safina Lavji

About the Author

Safina Lavji

As a UX Architect, Safina actively empathizes with users to bridge the gap between user needs and what the client delivers. 

THIS FILE WAS POSTED UNDER: 
this file was posted under: 
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.

Dubai skyline, user experience, UX, IA, information architecture

I recently had the incredible opportunity to travel to Dubai. It’s a city of extremes: intense 120° F heat, malls with skiing and diving—with tiger sharks—and architectural feats beyond my wildest imagination. Out of all these wonders, what impressed me the most was the ever-evolving infrastructure of this bustling, technologically advanced city.

In Dubai, the roads change constantly to account for all of the new construction. In fact, they change so frequently that residents and taxi drivers say they often run into a dead end or end up trapped on a road that has changed overnight. GPS isn’t just used for convenience in Dubai, it’s used for survival.

A website’s information architecture is a lot like a city’s infrastructure: as you add new information, you need to create new navigation. If you’re constantly changing where you place information and how customers navigate your website, your users will be just as lost as drivers in Dubai.

A common method to improve the user experience (or UX) of a digital space is to mimic a real world pattern. For example, e-commerce mimics a grocery store: you typically have a shopping cart, you add to the shopping cart, and then you go through the checkout process.

The challenge comes when you start building and adding on to the original experience. While Dubai’s original city center is pretty easy to navigate, as the city grew at a rapid pace the new roads ignored the original conventions. Often—to accommodate new construction—roads had to be shifted and changed, causing friction and confusion among drivers. When designing your website, it’s imperative that you account for how it may evolve in the future and avoid foreseeable challenges as your company grows.

Sandstorm has a dedicated team of UX design specialists—including designers, architects and researchers—who help clients build websites that utilize information architecture best practices and provide cutting-edge user experiences. 

This blog was posted by on August 29, 2016.
Safina Lavji

About the Author

Safina Lavji

As a UX Architect, Safina actively empathizes with users to bridge the gap between user needs and what the client delivers. 

Janna
Sandstorm honors Massimo Vignelli

At Sandstorm, we wear black to honor the passing of the original Information Architect, Massimo Vignelli.

Massimo Vignelli on Black: "There is no other color that is better than black. There are many others that are appropriate and happy, but those colors belong on flowers. Black is a color that is man-made. It is really a projection of the brain. It is a mind color. It is intangible. It is practical. It works 24 hours a day. In the morning or afternoon, you can dress in tweed, but in the evening, you look like a professor who escaped from college. Everything else has connotations that are different, but black is good for everything.

To me, black is black and red is color. That’s it."

This blog was posted by Janna on May 29, 2014.
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.

Karen
Sandstorm Launches Community Drupal Web Site for PROmeasure

Standardization is a hot topic in the PRO (patient-reported outcomes) community. It’s hot enough that the amount of information out there can be difficult to filter through, and makes it impossible to get your voice heard. PROmeasure is taking on these challenges with the beta launch of their site PROmeasure.org.

The site aims to involve the PRO community of authors, medical practitioners and health care IT professionals in enhancing the use of PRO in clinical practice and research by standardizing its use of measures (questionnaires). Users can download an open-source data model for measure standardization, search through a database of measures and participate in discussions with the community.

The PROmeasure web site is built in Drupal and includes a PubMed integration, user dashboards, commenting and personalization features, community forums, and content-manageable rotating graphics on the homepage.

Learn more about the possibilities available with Drupal development.

This blog was posted by Karen on August 21, 2012.
Karen Boehl

About the Author

Karen Boehl

Karen does a little bit of everything – webmaster, social media manager and search engine optimizer. She can most often be found on Twitter, in the Usability Lab, or happily buried in the Drupal admin menu.

Karen

Sandstorm Design is thrilled to kick off the new year by launching a new web site and brand for Gregg Communications! What started with a web site has grown into a full on partnership to reinvent Gregg’s brand. And it has been so wonderful to have a client as enthusiastic about the process as we are! With a new website and identity, the Gregg brand is now aligned with the quality service and expertise of their staff. We are so proud to announce this launch and look forward to more growth with Gregg!

This blog was posted by Karen on January 18, 2011.
Karen Boehl

About the Author

Karen Boehl

Karen does a little bit of everything – webmaster, social media manager and search engine optimizer. She can most often be found on Twitter, in the Usability Lab, or happily buried in the Drupal admin menu.

Pages