iStrategyBlabs

Behind the Scenes – Simply Gifted Marketplace and Merchant Widget

1 - Simply-Gifted-iStrategyLabs-960x360-958x360

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:

2 - Simply-Gifted-Marketplace-iStrategyLabs-ISL-1-2


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.

IMG_0331

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:

simply_gifted_wireframe_v3_print (dragged) 4

 

simply_gifted_wireframe_v3_print (dragged) 6

 

simply_gifted_wireframe_v3_print (dragged) 7
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:

 

simply_gifted_wireframe_marketplace_v2_print

 

simply_gifted_wireframe_marketplace_v1_print (dragged) 1

 

simply_gifted_wireframe_marketplace_v1_print (dragged) 2

simply_gifted_wireframe_marketplace_v1_print (dragged) 4

 

simply_gifted_wireframe_marketplace_v1_print (dragged) 5

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:

 

Feedback  - Marketplace Wireframe (dragged)

 

Feedback  - Marketplace Wireframe (dragged) 2

 

 

Design:

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

IMG_0325

IMG_0335

16 - Simply-Gifted-Widget-iStrategyLabs-ISL-4 17 - Simply-Gifted-Modal-iStrategyLabs-ISL-4 18 - Simply-Gifted-Modal-iStrategyLabs-ISL-6

 

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.

IMG_0328

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

20 - Simply-Gifted-Marketplace-iStrategyLabs-ISL-1-1

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.

2 Responses to “Behind the Scenes – Simply Gifted Marketplace and Merchant Widget”

  1. Vik says:

    What software did you guys use to do those wireframes?