Skip to Content

Blog

Syndicate content

 

Many times, part of a website redesign includes a complete rebranding. Even if you’re only redesigning your website, though, it makes sense to update all of your digital properties to reflect the look and feel of your new site. 

Nowhere is this more apparent than in email design. Your email marketing and communications are a vital extension of your web presence in the eyes of your stakeholders. Email’s also the second most-viewed digital asset you have after your website. Your social media properties may have more followers, but they’ll tend to consume your content from their own accounts, only looking at your social profile once, when they sign up. Any branding you do on these profiles is not wasted, but it also won’t be seen a lot by your customers.

Email, on the other hand, arrives in their inboxes every week or month, straight from you. Many consumers have images turned off, or read your emails on feature phones with limited capacity for visuals, but for a majority,  your email will arrive complete with some branding elements. Thus, it presents a great opportunity to reinforce your brand. When your brand experience is strong on your site, you want customers loyal enough to subscribe to your list to have that same great experience when opening your emails.

How do you carry over the look and feel of your website to the very different medium of email? You don’t—not entirely. You translate elements to provide the same experience, often with very different visuals.

Here are some tips when building a new email to match your relaunched website:

  • Look at the dominant colors in your design, including which are the most prominent. Try to use the same colors in the same proportions, but mix it up a bit. Perhaps blue dominates in your website, and you use a balance of blue and yellow in your email.
  • Simplify all layouts. Multiple columns don’t work well in emails, so if you have a three-column layout for your homepage, try a one- or at most two-column layout for your emails.
  • Think of the types of images you use on your site. Do you have candid shots of your team, beautifully staged product photography, witty illustrations? Assemble a library of images with the same style for whoever creates your emails. That way, it’ll always be easy to add consistent visuals.
  • Remember to have multiple templates for different occasions. At the very least, you need a template for newsletters, brief announcements, and events or offers. For a quick, consistent set, simplify your newsletter template for the shorter forms.
  • Focus on headers, footers, shapes of content boxes, and other major features. These are the easiest to translate into the email format. They also have the most impact in creating a feeling that emails and the website are consistent.

Email communications that carry over the look of your website are an essential for most marketers. With thought, a step back from your design, and a deep feel for your brand, emails can be consistent with your site, yet meet the unique requirements of the form.  

 

Christina Inge
Sep 19, 2011
Brand, Design

Last night we braved the monsoon that descended upon our fair city, determined to make our way to the BoNE show. One bus and two train rides later, we arrived – ready to mingle among our peers, peruse and browse the wonderful work on display. As we made our way through the exhibit, it struck us that what makes the BoNE show so great is that work from seasoned professionals and aspiring, talented designers are showcased side by side. No pretense – just a collection of really great work showcasing that talent transcends all boundaries. We couldn’t think of a better way to be inspired.

Congratulations to all the winners!

Created with Admarket's flickrSLiDR.

Eleni Stathoulis
Jun 10, 2011
AIGA, Design

We are sponsoring Drupal Design Camp 2011, June 25-26, 2011!

 D4D Boston 2011, also known as Drupal Design Camp, is just two weeks away. The only Drupal conference dedicated to design, D4D is in its 3rd year. As usual, it's bringing together the Drupal community for a weekend-long series of great sessions, June 25-26. Also same as last year, it'll be at the MIT Stata Center in Cambridge, a great space for thinking about design. We're especially excited this year, since we'll not only be speaking, but also sponsoring a luncheon on Saturday. We'll also be exhibiting: if you've ever considered working for OHO, drop by our table to talk about what you're interested in doing, and what we're looking for. 

Saturday's keynote speaker will be Dries Buytaert, the founder of Drupal, who'll be talking about Lessons Learned from the Drupal Community, and Sunday's will be usability expert Josh Porter of Performable. There will also be multiple sessions on design and more--including a talk on usability by our very own Jason Smith. If you love Drupal and design, this is a great event. We hope to see you there! 

Christina Inge
Jun 09, 2011

On Saturday April 2nd, I’ll be presenting at Product Camp Boston at the Microsoft NERD Center, talking to product managers about how to make their web applications as easy and seamless to use as popular consumer web applications.

Why do you need a love-able app? B2B has gone consumer

As we’ve seen in our work with the publisher Elsevier, there can be resistance within an organization to using a new app if there’s a perception that it’s going to be clunky and unfriendly —and, let’s face it, there are a lot of B2B apps that are just that. Today, B2B users now have higher expectations for web applications, more in line with what they’re seeing in their consumer applications and products, with brands like Apple and Amazon setting a reference point of great quality and functionality.

Solve a Really Hard Problem, Simply

So how do you provide your end-users with an experience that’s more akin to Apple’s than to the typical B2B web application? Lessons from our project for Elsevier provide important insights. We focused on what Apple does right—anticipating consumer and user needs – and developed a system that solves a few key pain points with grace and simplicity. By anticipating end users’ real needs, we provided them with a solution that has only the features they need to get their jobs done.  The result is a highly functional, easy-to-use app that is streamlining the book authoring process.

 

Tips for Making Your Web Application Love-able

Designing great, usable apps is a mindset that requires thinking about apps as a user experience, not just a final product. Some other ways we create apps that your people look forward to using:

  • Focus on the whole experience, not just the core product. The pre-experience and post-experience are important, too. Think of the ways Apple products are presented, making you want to use them, from the store to the box.
  • Think in terms of good customer service to create a positive experience throughout the whole engagement.
  • Create expectation around a product—remember that how people come away feeling about you is what distinguishes an everyday app from one that truly resonates with users.
  • The payoff in providing great apps people can’t wait to use is higher adoption, with a much less steep learning curve.
 
April 2, 2011
8:00 to 4:00
Microsoft NERD Center
1 Memorial Drive
Cambridge, MA
 

Did you miss ProductCamp this year? Join us on May 5 for a webinar based on this talk. 

Jason Smith
Mar 28, 2011

Boston Society for Architects (BSA) launched the completely revamped architects.org website this evening. The site was developed by Design&Co and OHO Interactive. The site is built upon Acquia Drupal and includes integration with the association management tool produced by ACGI.

Congratulations to the team at BSA – Adam, John, Jon, and Dan!

Boston Society for Architects

Jason Smith
Mar 02, 2011

Brandeis University partnered with OHO Interactive to launch two new websites: BrandeisNow and the Brandeis Magazine site. The sites mark a shift to publishing and archiving more content online to reach a wider audience.

Brandeis Magazine

The Brandeis Magazine website is the merger of two print magazines and accompanies the redesign print magazine. In addition to feature articles and department columns, the Magazine contains an extensive online class notes section. The Magazine will be published quarterly in print and online.

Brandeis NOW

BrandeisNOW is the centralized hub for all of the news content for the university. It is targeted at the Brandeis community, student, parents, alumni, and the broader national audience. The site contains:

  • Feature articles
  • Extensive video content
  • Slideshows
  • News releases
  • Upcoming events

Both sites were built on Hannon Hill Cascade CMS solution and on extremely aggressive timelines. OHO Interactive worked as the project lead with a team at the Office of Communications, and provided the following services:

  • Information Architecture
  • Visual Design
  • HTML/CSS Javascript
  • Cascade CMS Build
  • Traning and Launch

A third web project is underway and due to launch later this fall – stay tuned.

Jason Smith
Nov 04, 2010

We've seen an increased desire by clients to add mapping to their websites – but they usually don't ask for it that way.

Clients begin by seeking new ways to visualize their information and make it easier to sort through information. In other words, they are looking for ways to make the content more relevant to the user.

Google Maps and Professional Associations

Some examples – I sat in a meeting today with an large professional association where the executive director talked about the "fire hose" of data their current site provides. It's too much; it's not relevant. His quick solution – not a better search or filters or better information architecture – is to show people and businesses near the user.

In his mind, nearer to me = more relevant to me.

A map view of search results is the ideal way to present this information rather than a filtered list. Why? Because maps offer a visualization of information that is easy to scan – and scanning is the way we all read on a screen.

Plot Custom Data on a Google Map for Universities

Here's another example – we launched a website for Lesley University last fall. Lesley offers off-campus programs in 250 sites across the US. I knew this – but it wasn't until I saw all 250 sites plotted that I understood at glance where they offer classes.

  • I could see the clusters of regions where they work
  • I could quickly see how far I would need to drive to take a course
  • Clicking on the map pin showed me only the course available at that site

What's essential here is that the prospective student is asking a number of questions about the degree program: cost, time commitment, value, and course material. A standard text search is good for finding courses by name, but this isn't the only important decision factor. In this case a map more quickly answers other questions – how far will I have to drive? does this fit into my life?

Google Maps API and Google Maps Mash Up

The Google Maps API provides a way to plot your data on the Google Maps base. Plus you can plot third-party geo-coded information – such as transit stops – to add more value to your users. In addition, your users can add data to your maps such as polygons and lines plus the supporting meta-data.

See Examples of Google Maps Mash Ups

Jason Smith
Feb 10, 2010

We've just launched a new virtual tour mapping application for the Department of Psychiatry at Massachusetts General Hospital. The virtual tour is designed for the department chief and the development office to introduce the department to prospective donors. It covers the four office locations reaching from Cambridge to Chelsea and provides a 15 minute overview of the staff and services through photos and video.

The virtual tour and introduction video were also used in conjuntion with the 75th anniversary of the department and its gala event.

Mass General Hospital Virtual Tour and Map

OHO provided start-to-finish services for the project including:

  • Concept and design
  • Design of map-base
  • All photography
  • Video production and editing

Learn more about OHO's map expertise.

Case Study about our work for Mass General Hospital.

Jason Smith
Feb 01, 2010
Design, Drupal, Maps, Video

Today is World Usability Day sponsored by the Usability Professionals Association (UPA). This year's theme is sustainability.

Virtual and in-person events are being run in over 30 countries.

Find An Event Near You

OHO Interactive and Usability

The World Usability Day site was produced by OHO Interactive and runs on the Drupal content management platform.

Jason Smith
Nov 12, 2009

Chief Creative Officer and Managing Director Jason Smith has been invited to speak at the 2009 New England Museum Association Conference.

His topic will be: "Web 2.0: You've Lost Control of Your Internet Marketing."

The session will briefly introduce the concept of Web 2.0 – that is, the cultural shift towards user-created and highly-personalized content – and then dive into exploring how to best use Web 2.0 applications such as YouTube, Flickr, and FaceBook to build relationships and promote your organization.

Attendees will learn:

  • The spectrum of Web 2.0 applications and the time commitment required to effectively use these applications
  • Strategies for using Web 2.0 applications such as FaceBook, YouTube, and Flickr
  • How to use social networking to build relationships with 20 and 30-somethings
  • How these free services can save your organization money

At the end of the session, attendees will have the understanding to get started using these applications to promote their organizations.

The conference is November 11-13, 2009 in Nashua, NH.

Read more about the conference.
 

Jason Smith
Apr 28, 2009
Syndicate content