Sandstorm Blog

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, 2017.
Emily Kodner

About the Author

Emily Kodner

Emily is our Web Strategy Director. 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: 
Reilly
Jesse Lankford Promoted to Interaction Designer

Business is booming over here at Sandstorm, and we have been fortunate to grow the talents of our staff to meet the rising demand.

Jesse Lankford, a longtime Sandstormer, is enjoying the latest of a long line of promotions we have been celebrating. Jesse now holds the title Interaction Designer, putting him on the front lines of innovation in the realm of user experience.

In his new role, Jesse is responsible for the design of any interaction between a user and the client. As a result, he will be heavily involved in our web projects, designing customer journey flows and information architecture to ensure that the digital experiences we build for our clients are optimized for the user.

Beyond wireframing and organizing navigation structure for the web, Jesse’s visual design skills will still be put to good use on numerous logo, print, brand identity, and presentation projects.

One half of Sandstorm's “New York office,” Jesse works remotely from his Brooklyn apartment. He feeds his inspiration through his side project, Loosey Goosey, which seeks to promote the work of emerging artists. We are very excited to see what the future has in store. Congratulations, Jesse!

This blog was posted by Reilly on May 29, 2015.
Reilly Willson

About the Author

Reilly Willson

Someday I'll need a real bio, but for now I'm busy creating awesomeness for our clients!

this file was posted under: 
Reilly
 Nathan Haas is now our User Interface Art Director

Sandstorm’s resident darts and lacrosse expert, Nathan Haas, now boasts the title of User Interface Art Director. In his new role, Nathan oversees user experience design projects with an eye toward optimizing the user interface.

Indeed, it is at this intersection of UI and UX where Nathan thrives. Never content with something that merely “looks pretty,” he is constantly pushing the team to design websites in a way that complements intuitive, user-centric functionality.

Don’t believe us? Check out the work he did on the Urban Innovations website. After teaming up with firebrand developer Kyle Lamble, the duo drove home a stunning product that marries crisp UI with a streamlined UX.

We can’t wait to see what this design dynamo delivers in his new role.

This blog was posted by Reilly on April 28, 2015.
Reilly Willson

About the Author

Reilly Willson

Someday I'll need a real bio, but for now I'm busy creating awesomeness for our clients!

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: 

Pages