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.

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.

Emily Kodner
NICB Drupal 8 E-Commerce Site

At Sandstorm®, we take security seriously. For the not-for-profit National Insurance Crime Bureau (NICB), that means preventing insurance fraud and theft across the United States. NICB turned to Sandstorm to design and develop a brand-new website that could better help them advance their mission.

The launch of this site represents a significant shift for NICB. The previous website addressed two audiences: the general public and current members. By focusing on non-member audiences, NICB can more clearly convey their message and raise awareness with common consumers.

With an iterative, user-centered approach that utilized usability testing to refine navigation items and page layouts, we designed an intuitive user experience that we developed in Drupal 8. By building in the newest version of Drupal’s content management system, we were able to give NICB a robust e-commerce platform with an intuitive administrative interface.

We are honored to help NICB raise awareness of their mission and help combat insurance fraud and theft. Check out the new NICB website for yourself.

This blog was posted by Emily Kodner on November 21.
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
How to make your website more inclusive by design

If your website was a physical location, would you build it without access for people with disabilities?

Of course not. You’re not a heartless monster.

But a surprising number of websites forget about the needs of people with disabilities. Inclusive design seeks to change that.

The principle behind inclusive design is creating products and services that everyone can use. Not only does that provide accessibility to your website for people with disabilities, it creates a better experience for all of your users.

Color contrast is a big part of inclusive design and web accessibility. As one of the most important tools in our utility belt, color choice is a big part of a designer’s work. We use it for emotive and illustrative purposes. Red, for example, can be a great color to highlight importance and urgency. Contrasting it with white type can help draw the eye, and that color combination is great for getting users to address alerts.

So what happens when a user has difficulty seeing the color red?

Well, it turns out that white text on a red background is completely invisible to people with color blindness—something we discovered during one of our usability studies. In fact, there are a number of color combinations that cause problems for the visually impaired.

Luckily, there are organizations like World Wide Web Consortium (W3C) to create standards for accessibility issues like color contrast. In fact, W3C went so far as to establish extensive Web Content Accessibility Guidelines, and the web community responded by developing tools that help designers create more inclusive sites.

Some of those tools, like WebAIM and Colorable, focus specifically on color contrast. To meet WCAG, normal, non-bolded text should have a contrast ratio of at least 4.5:1; for large text it should be at least 3:1.

What else can you do to start making sure your website is more accessible and inclusive?

1. Add Alternative Text to Images

“Alt text” is essential to web accessibility. Assistive technology, such as screen readers, relies on alt text to turn images into braille or speech for the impaired.

Most content management systems, like Drupal or Kentico, include an alt tag field for images. Start with your company logo, then add descriptive alt text for each image on your site.

2. Use the Right Heading Structure

Correctly ordering the HTML headings on each page makes it much easier for screen readers and the visually impaired to navigate your site. While design considerations might require this order to shift, try to follow it where you can. At the very least, make your page title and h1 consistent—it’ll help the people using screen readers to make sense of the content.

3. Stop Using “Click Here”

For many reasons, please stop using “click here” as link text. Not only does it make content seem outdated, “click here” is a vague and confusing link description for people who use screen readers. Instead, use strong verbs that tell users what you want them to do and what they get in return:

  • Register for the event
  • Request more information
  • Download this report

4. Utilize Free Web Evaluation Tools

In addition to color contrast tools, enterprising developers have created lots of free tools that evaluate your website’s accessibility.

WAVE, for example, provides a breakdown of errors, alerts, and features in a list form and a visual overlay so you can identify opportunities to improve your site.

Web accessibility isn’t a cut-and-dried, check-it-off-the-list process. But when you design with all of your users in mind, you make your website a more inclusive place to be. And who doesn’t want to be a part of that?

This blog was posted by Jason on August 2, 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.

THIS FILE WAS POSTED UNDER: 
this file was posted under: 
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
Ensono, branding, tech, mainframe, brand strategy, content strategy, marketing strategy, web development

Machines possessing hopes and dreams is a classic theme explored in science fiction. Sandstorm® explored this theme when Acxiom IT restructured their organization and needed a rebrand to reflect their new position as a tech company that dreams of the future.

Acxiom IT recently became a standalone infrastructure management services business, which required a new name and brand strategy to set them apart from their former parent company. Sandstorm® was hired to guide the 46-year-old business as they developed a new corporate identity. The result: the Ensono brand and a vision for the future.

Sandstorm®'s first step was diligent research. We examined the client's history, needs, behaviors and desires to understand where they've been and devised a marketing strategy to help them reach where they wanted to go. In speaking with their senior leadership, it became clear that they wanted to position themselves as a solution that meets the needs of the present and the future. Although they offered industry-leading mainframe solutions, Ensono needed help representing themselves as a company that develops and innovates for the future.

With renewed focus on addressing current client needs while engineering solutions for the demands of tomorrow, we turned to creating a new name. Sandstorm® went international while exploring the concepts of progress and dreaming: "enso" is a Zen concept that refers to strength and creativity, and "in sogno" is an Italian expression meaning "in dreams." By merging these words and concepts together, Ensono, or the company that dreams, was created. This idea of inventive and adaptable thinking followed through the positioning statement, key messages, content marketing tactics, and digital marketing strategies.

Sandstorm® assisted Ensono with their brand launch and website development and has continued to partner with them on many projects including: collateral materials, promotional video, product campaigns, corporate signage, and assisting with the interior design of their new office space.

If you are dreaming of a new marketing strategy, Sandstorm can make it a reality.  

 

This blog was posted by Joshua on August 4, 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.

Joshua
Hydrology responsive website.  beautiful bathroom picture

The Paris runways are not a normal inspiration source for home decorating projects. But that is exactly what inspired Sandstorm® when Hydrology came to us for a new website. Hydrology, a high-end purveyor of kitchen and bath furnishings in Chicago, wanted an online user experience that mimicked their sleek & luxurious products. To capture that opulence, Sandstorm® tapped into the ambition and extravagance of the fashion world.

 

The home furnishing industry standard is nearly the opposite of runway glamour. It features flat and transactional product images that focus on product details while ignoring the bigger task of a completed room. This limited industry representation was an opportunity to set Hydrology apart. Pulling inspiration from fashion designers like Burberry, Sandstorm® crafted the new online experience to feel less like a product website and more like an editorial spread of your dream house.

 

The photography-focused site presents an aspirational goal, while highlighting individual products. We utilized Masonry, a JavaScript gird layout library, to allow the photos to speak for themselves. The navigation is subtle so as not to distract from the quality products or the end goal of an exquisite environment.

Check out the new Hydrology site here

This blog was posted by Joshua on June 2, 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.

THIS FILE WAS POSTED UNDER: 
this file was posted under: 
Michael
Chicago Web Development Firm Attends Drupal MidCamp

Sandstorm is proud to once again be involved in Drupal MidCamp. MidCamp (also known as the Midwest Drupal Camp) is an annual event held in Chicago that brings together people who use, develop, design, and support Drupal. This year’s MidCamp will be March 19-22, 2015 at the UIC Student Center East.

Sandstorm is a bronze sponsor this year, and we’ve got web developers, strategists, and web designers attending. Last year, I had the pleasure of speaking about user research techniques, which was a blast. This year I'm looking forward to mingling with regional Drupal developers and attending sessions on Drupal 8, "headless" Drupal, and automated testing.We're also on the look out for another solid Front End Developer here at Sandstorm. If that's you, get in touch.

You don't have to be a developer to get something out of MidCamp. There are plenty of promising sessions for people new to Drupal and project managers working with the CMS. We hope to see you there, and have some fun!

This blog was posted by Michael on March 13, 2015.
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.

Andrew
A Friendlier Drupal Admin

At Sandstorm, we put a lot of care into ensuring our front end website interfaces look PERFECT. We match the designs to pixel perfection from IE8 to iOS8. But we don't stop there. I wanted to take a moment to highlight some of the unsung successes in the user administration side from the past year for our Drupal web development projects.

Drupal admins can be a little overwhelming to site administrators, so we've been flexing our muscles to pare down and improve the interface for our clients. Here are three things I thought worthy of giving you a little peek under the covers!

Slimmer Admin Menus

A standard Drupal admin menu:
Our sleek pared down menu for client admins:

 

The Editable Fields Module

We value efficiency, and when data needs to be fixed across multiple nodes we are usually able to solve such problems with things like Views Bulk Operations. But sometimes there's no way around the need to touch every node. Sometimes a human mind has to make a decision about every one of a specific content type. Sad, but true. So when that happens, the Editable Fields module is our friend.

Here's a custom Drupal Admin view that lets our content administrators quickly and easily edit multiple nodes without navigating from page to page:

 

Highly Configurable Blocks

Sometimes there is a user experience design pattern on a site that justifies something really special. The designs for CNS.org called for highly configurable blocks.

Here are some examples of the many variations of this design pattern on just one page:

And here you can see the controls used to create these variations.

Site administrators are able to edit these blocks in real-time, clicking checkboxes on the left and watch the block preview update on the right! This is a very large site, so this UX design pattern had to be flexible enough to do different jobs on hundreds of different pages.

We wanted to strike a balance between flexibility, efficiency, and consistency. This was a lot of fun, and would obviously be overkill for many situations, but when it's called for, it's very rewarding for the Drupal web developers and content admins.

One Final Tip

Sometimes it makes sense to theme Drupal's administration pages, and sometimes it just makes infinitely more business sense to use one of the default themes like Seven for the admin. One compromise we recommend is developing your own version of your favorite default theme and use that as a starting point. Don't feel like you have to brand it like the rest of the site. The Administration pages need no decoration, but it is important to use your own version so that you at least have stylesheets that you can jump in and edit where need be. This preserves the efficiency of a default theme while providing the flexibility to make customizations.

This blog was posted by Andrew on December 19, 2014.
Andrew Jarvis

About the Author

Andrew Jarvis

Andrew lives in Bucktown with his wife and three cats in various states of hairlessness. When he's not at Sandstorm doing front-end development he is passionate about creating 3D art.

this file was posted under: 
Kellye
Our “Yes, and” Philosophy with Responsive Web Design Concepts

I am extremely proud of the caliber of designs our team created in 2014.

One project in particular stands out to me. The client has been really fantastic about giving us a lot of freedom with creative. Freedom is great, because it lets you try new things and really think outside the box. However, opportunity to explore always comes with a little risk. If we’re too far out of the box, will the client be disappointed?

We met to present responsive web design concepts. Embracing Sandstorm’s “Yes, and” philosophy, we had one web design concept that was polished and on strategy. The other web design concept pushed the creative.

We unveiled the first concept to a lot of head nods, but when they saw the user experience design from the second, their eyes lit up and they leaned in. The client turned to us and said “I don’t know what I expected, but I didn’t think you’d knock it out of the park, and you did.”

So this year, I’m proud to be working with a team that pushes the envelope and tries new things, and to get to work with clients who are willing to think a little differently, too.

This blog was posted by Kellye on December 18, 2014.
Kellye Blosser

About the Author

Kellye Blosser

Kellye’s unique approach involves a delicate balance of left and right-brained thinking. She most recently hailed from the corporate video world. Here at Sandstorm, she’s excited to bring strategic, innovative thinking to every project.

Pages