iStrategyBlabs

Behind The Scenes: Douglas Development Website Redesign

Douglas Development Website Redesign - iStrategyLabs - Behind the Scenes Blog Post

When we set out to rebuild the Douglas Development website (project detail) from the ground up, we were excited to be working with one of the most well known developers in the DC area.

With a stunning property portfolio and a national reputation as a leader in redevelopment of historic properties, we knew we would need to build an online property that would compliment their physical property portfolio and beautifully showcase their work.

We quickly uncovered that the most important aspects of the user experience would be to easily find properties and contact a leasing agent to arrange a tour of the space.

We designed a stunning property showcase with the user in mind. Large photos are the centerpiece of the site, with easy options to find and download property information, location maps, news and more. On mobile and tablet devices, task-oriented features are prioritized to enable easy navigation and use on the go.

Here are a few of our favorite features of the site:

Fully responsive design

Douglas Development Website Redesign - iStrategyLabs - 600px - CROP

The website is built to handle a wide range of uses, from full corporate presentations at the Douglas Development headquarters, to mobile users looking for directions to a property tour. At the website’s largest size, property photos are in the spotlight. When it scales down to mobile (and tablet) through the responsive design, task-oriented features are prioritized, allowing you to quickly pull up the property map and directions to get to your tour of the space on time.


Homepage carousel with parallax animation

Douglas Dev Homepage Website Redesign iStrategyLabs

Look closely at the homepage and you’ll see that the big, beautiful building photos are complimented by moving clouds and sky. The perspective is meant to emphasize the subtle details and character of the architecture, and leads you into the website wanting to see more.


Easy search and sort property filters

Douglas Development - Website Designs v3 - Approved - iStrategyLabs - 3-26-13 (dragged) 2 copy - CROP

Look for properties by type, availability, and location. If you’re looking to lease a commercial or residential space in the DC area, there’s no easier way to find it than on the Douglas Development website.


Easy options to schedule a tour

Screen Shot 2013-05-07 at 3.08.03 PM

Learn more about the property, and find the perfect space. After you’ve found the perfect space, scheduling a tour with one of Douglas Development’s leasing agents is only a click away.


Map embeds with custom branding

Douglas Development - Website Designs v3 - Approved - iStrategyLabs - 3-26-13 (dragged) 2 600 x 600

Easily find property locations and directions to site visits. On your way to a site visit, the easiest way to get there is to pull up the Douglas Development website and get Google Map directions directly from the property profile.

Social media integration

Douglas Development - Website Designs v3 - Approved - iStrategyLabs - 3-26-13 (dragged) copy CROP

See behind-the-scenes photos from construction through completion on Twitter. Want to see what’s happenning behind the scenes at Douglas Development year-round? Check back regularly to see fresh photos on Twitter from property sites around town.


Custom content management dashboards

Screen Shot 2013-05-07 at 4.03.30 PM

We designed custom page templates and dashboards to make content entry and updating a breeze. If the front-end couldn’t be easier to navigate, the back-end couldn’t be easier to manage. We customized the CMS in WordPress to give Douglas Development all of the tools they needed to keep the website looking great, and up-to-date.

We’re thrilled to have worked with Douglas Development on this project and have the opportunity to showcase work by one of the leading companies in the DC area.

Content Strategy: Tips for a User-Friendly Web Experience

Conetnt Strategy Feature Image

As part of our eternal quest for knowledge and glory here at ISL, we hold a regular internal series of staff-led professional development classes known as Battle School. It’s serious business.

Recently, I had the pleasure of leading our troops through a course on Content Strategy – thinking about how we approach our web projects systematically, and help guide our clients and projects to greatness through excellent web content that fulfills both business and user needs.

The presentation covers high-level basics like defining content and content strategy, and gets deeper into the details like processes and page tables (which we refer to as Page Guides, for those of you who are already initiated).

A few key highlights you might not expect:

No shortcuts! Your create-content-quick-and-easy scheme is useless.
Goals: Useful web content must meet user needs and business goals.
Less, not more! You think more content is better? It’s not. Read why.
Content creation gets you half way. See how it all comes full circle.

What do you think? Leave a comment, or tweet us @iStrategyLabs to give us your take.

March Madness Final Four Basketball: Twitter Mentions Over Time

NCAA March Madness Twitter Mentions Final Four

The NCAA Championship game is upon us tonight, and believe it or not, 3 of us ISLers have Louisville winning it all in our own brackets. Not too shabby for a bunch of nerds!

Although none of us could craft the perfect bracket, we were able to find some interesting Twitter data around mentions of Final Four teams from the past 3 years.

2011 March Madness Final Four Mentions

Although Cinderella story Virginia Commonwealth University (VCU) couldn’t muscle up enough prowess to beat Butler and move on to the championship game, it surely won on Twitter. Mentions of #vcu peaked at a whopping 124,187 tweets during the tournament – an 8,000% increase from its typical monthly showing.

Not surprisingly, the month of April saw UConn, the inevitable champion, and Butler, the runner-up, as the tweet leaders.

2012 March Madness Final Four Mentions

Kentucky stayed on top on and off the court during the 2012 March Madness. Led by Anthony Davis and Michael Kidd-Gilchrist, Kentucky won its six tourney games by nearly 12 points per contest. Nothing could stop them and the mentions just poured in, garnering almost 150k mentions by championship time – more mentions than all of last year’s Twitter activity combined.

2013 March Madness Final Four Mentions

If Twitter mentions is any indication of future success, as it has been for years past, it looks like the Wolverines may take the cake this year. They rocked almost 400k mentions during the month of March, which is twice what Louisville pulled in.

Some lessons learned:

  • Hail to the victors: Winners get more mentions than losers. Since 2011, winners of their Final Four game as well as the championship games scored the most mentions. One exception: VCU, an #11-seed Cinderella story who won the hearts, and tweets, of Americans across the country.
  • Football schools get a little bit more love throughout the year. Look at Ohio State. Look at Michigan. Where other Final Four team spikes come March from an otherwise non-existent fan base, schools with prominent football programs see a steady level of activity 6 months out of the year.
  • Twitter is still gaining popularity [#duh]. In 2011, we were seeing 230 million tweets per day. Last year, it went up to 400 million tweets per day. So although it looks like March Madness keeps getting more popular – especially with more than 2 million #marchmadness tweets seen over the past 30 days – it’s really Twitter in general that is the popular one.

Mentions of March Madness #marchmadness 2011 2012 2013

Data collected with Topsy Pro <3

Ben’s Chili Bowl: A Whole New Website For Half-Smoke Heaven

Screen Shot 2013-04-01 at 9.49.47 AM

Screen Shot 2013-04-01 at 11.27.19 AMWhen I first heard that I was going to manage Ben’s Chili Bowl’s website redesign, I was ecstatic. As one of the rare D.C. natives in this city, I’ve known about, and loved, Ben’s since I was a young kid. As I got older, I began to learn about Ben’s historical legacy and the cultural impact it had on the U Street neighborhood and DC as a whole. Whether it be as a pre-jazz club dining spot during the “Black Broadway” days, a safe-haven during the 1968 riots, or a stalwart cornerstone that helped keep a neighborhood alive during the early 80′s, Ben’s is, as Mayor Adrian Fenty once said, “one of the greatest treasures in the District of Columbia…[it's] the soul of a neighborhood and the pride of our city.”

When we were tasked with modernizing Ben’s website, that legacy was in the forefront of our minds, and during an exploratory trip to the Bowl (that included a few half-smokes and chili fries, for research purposes), we remarked at how visually stimulating the Ben’s Chili Bowl experience is, whether it be the famous mural, the charisma of the building itself, or the overwhelming amount of photographs of famous patrons tacked to the wall, Ben’s is just as much a feast for the eyes as it is the stomach.

ISL was fantastic in that they created a site for us that perfectly captures the classic look and feel of Ben’s, but in a clean, up-to-date and fully functional package.  We can now display pictures of each menu item, tell our story in a visual timeline, blog about the latest happenings at Ben’s, and sell our products to everyone in the U.S. in a visually stunning way.  Thank you ISL!

Nizam Ali

When designing the site, ISL designer, Scott Simpson, wanted to “give it a vintage, 50′s diner theme, but incorporate more modern aspects as well. There is a deli-paper style, vintage americana in terms of the signage.” Our goal, in essence, was to capture the character of Ben’s while giving it a 2013 facelift. Scott relates, “It’s such a unique place. I wanted to use a lot of large, full-screen images to get across the feel of being at Ben’s because the only way you can really get that feeling across is to see it and experience it.” Our wireframes reflected that kind of concept well.

 

bcbwireframes

For those perfect large, full-screen images, we reached out to Joshua Cogan, an award winning photographer whose work has been featured in the New Yorker, Washington Post, GQ, Travel Channel, and Discovery Channel and whose Masters in Anthropology showed us he understood the importance of capturing the nuances of a culture.

The color choices and typography reflected Ben’s existing scheme and were influenced by old-school vintage diner menus and signage. However, as a nod to modernity, the navigation icons were hand-drawn by iSL designer Mike O’Brien in order to highlight the kitschiness of the restaurant as well. That modernity is also shown in the layout of the page. Scott admits, “The blog and the timeline are my favorite pages because the content floats on top of everything, and it’s an interesting way of laying things out.”

Screen Shot 2013-04-01 at 9.47.09 AM

What truly helped modernize the site, though, was the work of our Dev team. ISL developer Megan Zlock describes, “We wanted to make the homepage responsive so that people trying to get to Ben’s (even if they weren’t exactly coherent) could get the information they want, especially the location and hours (even on mobile) without any difficulty.”

The true test for the Antimatter team, though, was the incorporation of the Ben’s Chili Bowl store, one of the most popular features of the site, and a huge source of income for Ben’s. For this part of the project, we worked with UltraCart, and made sure to focus strongly on the user experience, specifically how things would transition from WordPress to UltraCart and back again seamlessly.

Screen Shot 2013-04-01 at 9.48.22 AM

The final product is a website that we are incredibly proud of. It was unbelievably exciting to work with such an established piece of DC culture, and we consider it an honor to collaborate with the Alis and the rest of the Ben’s Chili Bowl team.

Screen Shot 2013-04-01 at 10.19.18 AM

 

bcbmobilehomepagebcbmobileoptionsbcbmobilemenu

 

 

 

 

Lessons Learned from Promoted Tweets: Tips To Maximize Engagement

Lessons Learned from Promoted Tweets: Tips To Maximize Engagement

We recently executed a promoted tweets campaign to enhance visibility around select videos and infographics we produced. Through the combination of using a dozen individually targeted campaigns and up to 20 different tweets in each of them, we collected engagement data from over 100 instances of tweets.

In order to understand what methods were most successful over the course of our campaign, we looked at the most common characteristics found among the top 20% most engaging tweets. Below is a summary of the most engaging attributes of our promoted tweets.


Most Effective Targeting Type: Search (and/or Handles)

Target Type Impressions Engagement
Search 3,281 2.32%
Handles 19,089 1.38%
Interests 3,533 1.31%

 

Targeting search proved to be the most engaging targeting method, as we targeted hashtags around specific events that already had an active conversation occurring. This produced 68% and 77% more engagement than targeting handles and interests.

However, opportunities for search-targeted tweets to show were far less than targeting handles because of its smaller potential audience size, causing it to earn almost 6x less impressions than handles and lowering its overall effectiveness.

Overall, tweets targeting the followers of other relevant handles were 5% more engaging than those targeting general interest groups.


Most Effective Call to Action: “Check Out”

Call to Action Impressions Engagement
“Check out” 173,995 2.15%
“Watch” 5,307 1.81%
With Call to Action 89,651 1.98%
Without Call to Action 4,271 1.34%

 

A significant attribute of the varying engagement level of a tweet was whether there was a call to action present. Tweets with any call to action had 48% more engagement than those without a call to action.

Between the tweets using a call to action, “Check out” preformed 18% better than tweets using ‘Watch.”


Most Effective Mention of Media: Video

Media Type Impressions Engagement
Video 4,429 2.18%
Infographic 23,057 1.43%
Mention of any media 13,743 1.80%
No mention of any media 3,657 1.14%

 

Our analysis shows it’s critical to share with your audience what exactly they are looking at. Tweets that revealed the type of media they were linking to produced 58% more engagement that those that didn’t.

Among the top 20% most engaging tweets, we found that promoting a video was 52% more engaging than promoting an infographic. (However, among the top 50% of tweets, videos only produced 10% more engagement.)


The Name of the Game is…

Title of the Campaign Impressions Engagement
Tweet includes title of the campaign 13,265 1.72%
Tweet does not include title of the campaign 8,716 1.34%

 

A big insight is that mentioning the title of what you’re promoting proved to be 28% more engaging than saving those precious characters for something else. Overall, being as specific as possible in promoted tweets is proving to yield higher engagement levels.