Tag: Responsive

Wildfire Summit

Protecting People, Empowering Communities

Every two years the International Association of Wildland Firefighters holds a conference for people in the industry to discuss current issues in fighting fires in the world’s wild lands. As humans encroach ever further into the Wildland Urban Interface, the issues have become more concerned with how to keep people safe.

Features

We gave this site a more futuristic feel to strengthen the feeling that the future everyone feared has come to pass. Insurance companies are withdrawing policies for home owners in the WUI, governments are cutting funding and more and more people are moving out of cities into more rural locations.

Capabilities

Site Design

User Interface

User Experience

Site Development

The site is driven by CTAs that lead users to the information they’re seeking based on the page they’re currently viewing. We minimized the nav and made it responsive by putting it behind a hamburger.

The conference is fueled by exhibitors and sponsors, so a large driver is making it easy for companies to sign up to do both. The draw for attendees is usually who is speaking, as well as the usually somewhat exotic location.

Credits

Fully responsive, custom site built in WordPress.

More like this

Newport SOS

Newport, Oregon

Save Our Supply

The City of Newport is facing an imminent crisis. The water they supply their community is controlled by two ancient claywork dams that could fail at any time. They needed a branded campaign and a website that would explain the problem to the community, raise funds and support for building a new dam and keep the community informed on progress in saving the water supply.

Features

The site focuses on strengthening ties within the community, uses graphics and charts to help explain the issues, and has an extensive FAQs section built on flippable cards that provide answers the community has about the project.

Capabilities

Site Design

User Interface

User Experience

Site Development

We emphasized the importance of stabilizing Newport’s water supply by showing everyday water use, providing facts and statistics that informed about community use, and a page that educated on the benefits and impacts of what would happen if the dams fail, and what would be saved with new dams.

Credits

Fully responsive, custom site built in WordPress. Copy by Laura Churchman.

More like this

Ximple IT

IT is a journey

Ximple IT provides better IT service for businesses of all size. They have a unique approach that generates custom plans for their customers, rather than a one-size-fits all approach. Each plan is capable of changing as the customer travels along their journey. Businesses are constantly morphing, Ximple IT morphs with them.

Features

We gave them a new custom WordPress site created and designed from the perspective of the user. Custom ‘baggage tag’ icons were created to illustrate their services that emphasized the idea that working with them was a journey, not just a one-time experience.

Capabilities

Icon Design

Site Design

User Interface

User Experience

Site Development

We created unique baggage tags for each of their services, and highlighted those throughout the site to help the user track the featured projects as they moved through the content.

Credits

Fully responsive, custom site built in WordPress. Copy by Laura Churchman.

More like this

Fire and Climate Conference

A Global Response to Wildland Fire

The International Wildland Firefighters Association holds a conference every two years to help wildland firefighters around the globe stay up-to-date on the latest techniques for keeping us safe in the WUI (Wildland Urban Interface). They were looking for something different than the normal event website that showed images of wildfires.

Features

Instead of showing horrible images of fires destroying communities, we created original illustrations that highlighted why it’s important to keep our forests healthy, so that we can continue to enjoy Mother Nature for years to come.

The home page leads users to pick one of the two different conference locations. We used WordPress’ multi-site feature to allow the administrators to easily update both sites and keep design and content consistent on both.

Capabilities

Site Design

User Interface

User Experience

Site Development

Illustration

The sites were distinguished from each other by the two different illustrations used in the hero section on each page. We also used two distinct colors for the main accent for each site.

A bright color palette helped important elements contrast with the dark green background.

Credits

Fully responsive, custom site built in WordPress.

More like this

Smart Commute: TDM

Smart Commute

A smarter way to get there

Smart Commute is a Transportation Management Organization that promotes smarter commute options to communities and businesses in the North Denver Metro area. Smart Commute (formerly Smart Commute Metro North), wanted to celebrate their 10-year anniversary by launching a new name, logo and website. We built them a custom, WordPress site that made it easier for users to find information and made lead generation a priority.

Features

The first order of business was a new identity. The old one had been created quite a while ago, and looked pretty dated.

Then we gave them a new custom, WordPress site that focused on the programs and resources they offer both employers and residents in the North Denver Metro area. They also wanted a component that allowed them to gather user data, so we built a Downloads section that requires an email to get the free download.

We used illustrations nstead of trying to use poor quality photography that maybe didn’t illustrate the content well enough, which gives the site a lot of personality, and helps them stand out in a crowded field.

Capabilities

Identity Design

Site Design

User Interface

User Experience

Site Development

The new identity gave the organization a more modern feel, and focused more on symbolic movement, rather than specific modes of transportation. As a bonus, there's a subtle (accidental) nod to some of the now-defunct airlines in the sixties.

We used illustrations as the main graphic elements to complement the personality of the organization, and to help them stand out from other TMAs in the area.

The Programs and Resources pages are the most important sections of the site. Both residents and employers use the Programs page to learn about current offerings from Smart Commute, and the Resources page gives employers access to data compiled by Smart Commute, and residents links to important transportation agencies that service the area.

Credits

Fully responsive, custom site built in WordPress. Copy by Laura Churchman.

More like this

Terry Rigg Design

elle.b savvy: Hair Salon

elle.b savvy (a hair salon)

Transportation Solutions: TDM Association

Transportation Solutions

Making change. Together.

This Transportation Management Association has the goal of making it easier for residents and employees move into and out of their Denver community. They needed an updated, more modern, more professional site that speaks to three different audiences: employers, residents and land developers. Their old site had last been designed about six years ago and had become bloated with pages and a user experience that was confusing at best. We reorganized their site, bringing the focus more to their resources section where we provided the different audiences with ways to tailor their commutes.

Features

We streamlined the user experience to make it easier for users to find the information they needed easily and quickly. We also trimmed down the overall amount of information on the site into more ‘bite-sized’ chunks, to make everything less overwhelming. We focused on the Resources page that hosted important links for each of the three audiences.

Capabilities

Site Design

User Interface

User Experience

Site Development

Identity Design

We gave them a new identity that felt urban, and modern, and focused on movement rather than specific modes of transportation.

A bright accent color helped give the site some personality, and overlays let us put copy with full-width photos and still keep the pages relatively short in height.

Credits

Fully responsive, custom site built in WordPress. Copy by Laura Churchman.

More like this

UrbanTrans: Urban Planning Consultants

UrbanTrans

Bring on the movement

UrbanTrans North America, an urban planning consulting firm headquartered in Denver, had an outdated site that needed an upgrade. We focused on modernizing with a custom WordPress site that leaned heavily on their expertise and their team members to bring some personality to what could be a dry subject. Large type, language that was lighter in tone and some quirky photos helped drive home the message that this is a team you want to work with.

Features

The whole site is an ad for the company, with the goals of selling their services and to get possible clients to reach out and start a project. We placed large, full-width company-personality-driven CTAs at the bottom of the main pages to keep users engaged, and tease other types of content.

Because the client wanted to be seen as experts in their field, we used Expertise as a navigation item and focused on their portfolio site-wide. We also created custom icons that represented each of the capabilities the client is an expert in.

Capabilities

Site Design

User Interface

User Experience

Site Development

Because the company is more service oriented than product oriented, we did not have very many photos to use of specific project details. Instead, the site uses large type to reduce the reliance on photography.
We also gave them a way to distinguish projects that were more important to them by treating case studies differently than the regular portfolio. Each section naturally expands as the client adds more content.

Each individual project included the appropriate icons that represented the services provided on that project. We created an easy way at the bottom for users to move onto additional work.

Credits

Fully responsive, custom site built in WordPress. Copy by Laura Churchman.

More like this

elle.b academy: Beauty School

elle.b Academy

Because beautiful hair is measured by the inch

elle.b Academy—a digital storefront that sells hair styling classes to stylists and salons—wanted more control over design and functionality than their old site, built in Shopify, would allow. They also needed to integrate the classes shopping experience with the ability to sell actual physical products needed by the stylists in order to take the classes, so we moved them over to WordPress and let WooCommerce do the heavy lifting of building out the shopping experience.

Features

Patterns were used extensively throughout the site as a background element, and as a way to distinguish the classes from each other. We also built two different navigation headers that changed on scroll from a more uniquely designed menu to a more traditional hamburger. We integrated Square to allow them to accept payments directly on their site for a more seamless shopping experience. The site is fully responsive and was built mobile first.