.

Case Presentation

The ideologists of Team Fund Up Presented their idea of creating a platform that would hep sports team owners in promoting, merchandizing and fundraising needs.

Challenge

Contus was required to set up a shopping system for selling team merchandizes, which was the key business model of the site. On the other hand, a promotional system was required to promote the teams, improve fan participations and publicize the events in which the teams are taking part. Merging these two functionalities into one single unit was the key challenge faced by Contus.

How we made it?

In order to bridge the gap between these two functionalities, Contus' technical team handpicked the right blend of technologies to be used in the development process. For developing the buying and selling system, Contus made use of the reliable open source eCommerce platform, Magento. Having it as the base, Contus did further customizations to house various other functionalities which are elaborated below:

Campaign integrations

The first and foremost challenge faced by Contus was to develop a system for users to create their own campaigns for their favorite teams. The complete campaign creation process which includes furnishing of details like campaign creator’s info, campaign goals, campaign info and campaign products were encapsulated under the 'Start Your Campaign' button.

A step by step sequential wizard was designed to propel campaign creators towards the end of their campaign creation upon providing valid inputs on the mandatory fields provided in every phase of the wizard.

  • 1

    Designing the campaign page was of course a challenge as it involved a proper placing of a list of campaign details and required appropriate spaces for placing social sharing buttons, countdown timers, list of products and supporters.

  • 2

    Contus decided to go for a tab display for the three major sections namely ‘Products’, ‘Team’ and ‘Supporters’ in order to display the information in a detailed and well distinguished manner.

  • 3

    The product description, photos, colors and reviews posted by other users were covered under the ‘Products’ tab (default). Using this tab, users can select their required color, size and the quantity of the merchandize and directly add the selected items to their cart through the ‘Add to Cart’ button.

  • 4

    The team ‘title’ and the ‘text’ were housed under the ‘Team’ tab, while the ‘Supporters’ tab was used to display the list of all supporters along with the texts they have posted in support of the campaign.

User interface and experience design.

Designing the user-interface was the next challenge put forth to Contus. Based on the inputs provided by the client, Contus came up with three mockup designs for the home page. The design team included a dynamic banner (with slideshow effect) for displaying the various merchandise sold and banners for the promotions of the website's various functions.

  • HeaderThe header was provided with 'Select City' and 'Select Category' dropdown lists for users to instantly filter down the campaign listings as per their requirements. Next to these drop-down lists, a quick link for the cart page was placed. The 'My Profile' link was positioned next to the cart link.

  • My Profile pageThe 'My Profile' page can be used by the campaign supporters to view their favorite campaign's transactions, edit their profile information and start a new campaign upon request. For the campaign runners the 'My Profile' page can be used to retrieve detailed metrics on the campaign's status like purchase, sales reports, etc. The lower half of the header was furnished with the site's logo followed by quick links for pages like 'Intramural collection', 'Wholesale Ordering', 'Overstock' and 'Start Your Campaign'.

  • Campaign tabsContus displayed the testimonials of clients below the home page banner and at the bottom of it a tab-based display of 'Active', 'Recent' and 'Upcoming' campaigns were placed. Upon clicking these tabs, users can get to know about the campaigns listed in the appropriate categories along with added information like countdown timer, points earned, campaign's purpose, number of supporters per campaign and the campaigns success rate in the form of a progress bar.

  • Twitter feedsBefore the footer, the Facebook like box and the latest twitter feeds of users on various campaigns were placed.

User models

Based on the requirement of the client, four different types of users were defined namely, Supporters, Campaign Manager, Campaign Admin and System Admin. The functionalities and the controls for the user types are as follows:

  • Supporters Supporters are those who support a campaign and can purchase merchandizes of teams from the website. The supporters are allowed to view the transaction history (of the campaign they support) and can make changes to their profile information at any time using the ‘My Profile’ link.

    Supporters can also add their comments to the campaigns (15 characters maximum). These comments will be published in the front-end upon the approval of the admin. Moreover, any supporter can launch their own campaign through the ‘Launch New Campaign’ link available in the ‘My Profile’ page.

  • Campaign ManagerA supporter or any registered users can turn into a campaign manager once if his/her request to launch a new campaign is approved. Through the ‘My Profile’ page, campaign managers can view the campaign details like campaign aggregate information, purchases and sales reports.

  • System AdminSystem Admin are the website’s administrators who have the authority to control the activities of the website. A system admin’s functions include creating CMS pages, deciding on campaign administrators and much more.

  • Campaign AdminCampaign administrators are those chosen by the system admin. A campaign admin will be able to control all the campaign related activities including comment approval, campaign approval, deciding on team merchandizes, etc.