iStrategyBlabs

Behind the Scenes – Simply Gifted Marketplace and Merchant Widget

Date

May 13, 2013
Posted By

Eric Shutt
Comments

0
Categories

Development

When we worked with Simply Gifted to build a new online gift card platform, we knew we needed to create an incredibly easy product for small businesses to create and sell online gift cards, and for customers to purchase and send them to friends.

Leveraging existing APIs, we followed our process of IA/UX, design, and development to create a beautiful, intuitive service to buy and sell gift cards, with full analytics and tracking for Simply Gifted to continue to monitor and optimize the platform.

What we produced is quite possibly the easiest way for small businesses to create and sell gift cards — and the best way for customers to find and purchase them on the web. Here’s a quick look at the finished product, and the process of how we produced it, below:

IA/UX

Widget:

We started by creating wireframes and user flows of the entire set-up and purchase process for business and customers.

We worked hard to make the platform as easy to use as possible, simplifying the user experience and removing every obstacle possible.

Scott, our design-lead on the project (above), works on early wireframe concepts.

The merchant website widget was designed for simplicity and ease of use for both businesses and customers:

Marketplace:

The gift card marketplace was designed to be equally simple, and easy to browse. Website visitors can search, customize, and purchase gift cards for local businesses across the country:

Revisions:

We went through a robust feedback process during IA / UX to ensure that all functionality was accounted for up front. It all turned out great:

Design:

After wireframes were complete, we took to adding a beautiful design to compliment the functionality.

Development:

After designs were polished, we dove in to code the fully functional Simply Gifted platform. We meticulously tested our code to make it flawless for the Simply Gifted launch.

What emerged is quite possibly the easiest way for businesses and customers to create and buy gift cards online.

For businesses, creating and selling gift cards is painless – and the typical hassles with merchant set-up and payment processing are removed. For customers, it couldn’t be easier to browse and find gift cards for great local businesses and buy gift cards for friends.

It was a pleasure to work with Simply Gifted, and we’re excited to see how the future of online gifting develops as we continue to be a part of its evolution.

Behind The Scenes: Douglas Development Website Redesign

Date

May 7, 2013
Posted By

Eric Shutt
Comments

0
Categories

Creative, Development, Our Work, Strategy

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

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

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

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

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

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

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

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.

iStrategyLabs Portfolio Review, Powered by Behance.

Date

April 25, 2013
Posted By

Mike O'Brien
Comments

2
Categories

Community Engagement, Creative

iStrategyLabs is hosting Washington DC’s first ever Behance Portfolio Review on May 14th, and we’re inviting creatives from all over the region to come be apart of it!

We’re stoked to host such an awesome event. So, to make it even more awesome the iSL design team whipped up a fun, fully-responsive, parallax microsite to promote it.

Check the site for all the details, and make sure to join our meetup page if you plan on attending, or if you just want to see yourself as a Space Invader on the website :)

Click here for the full experience. Be sure to check it out on mobile as well!

Below is a quick photo tour of the process, from sketching/wireframing, to design, to development. Scott, Roberto, and Mike were involved in the process from conceptualization to deployment. Zach and Sarah also provided a great assist.

As Scott scaffolded the architecture of the project, Mike and Roberto created some digital assets to be scattered throughout the site.

We had a blast firing up After Effects and conceptualizing animations and sequences for the first scroll event.

Below is an internal favorite that just narrowly missed the cut. Excuse the low quality of the GIF – a high res version is available here.

And finally… Credits.

Major props to Chetan + Nathan—our developer senseis—for some late-in-the game assistance when we were scrambling to launch this bad boy.

Content Strategy: Tips for a User-Friendly Web Experience

Date

April 23, 2013
Posted By

Eric Shutt
Comments

0
Categories

Strategy

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.

New Infographic Examines How Much We’re Really Paying in Taxes For Cell Phone Service

Date

April 16, 2013
Posted By

Katie Lancos
Comments

0
Categories

Creative, Our Work

In the spirit of tax season, iStrategyLabs created an infographic for Mobile Future revealing just how much we’re paying for wireless broadband to power our mobile devices. “Wireless Taxes” highlights the latest stats and facts around tax rates and economic growth as they relate to US taxes.

Some key stats included below:

In the last 10 years, wireless taxes grew almost 4x faster than general sales taxes.

If wireless was taxed like general goods, American wireless users would save a whopping $15 billion in taxes each year.

Tanning and beer — taxed at 10% and 9.2%, respectively — are taxed at lower rates than wireless.

Full infographic below:

Want to see more? Check out some of our other mobile-focused infographics:

Props to Sarah Sugarman for the incredible infographic and to Zach Kahn for helping us out!