Cargoh Website - A Social Marketplace

Transcription

1 Cargoh Website - A Social Marketplace

2 Cargoh Website - A Social Marketplace Contents 1.0 Project Background P Project Overview P Project Challenges P Project Results P Additional Information/ Technical Specifications P.8

3 1.0 Project Background Section 1.1 Cargoh & Project Background In 2009 Appnovation was asked to design and develop a Drupal based community and e-commerce website: Cargoh The driving idea behind the site is to create a social marketplace for independent artists from all over the world to be able to showcase and sell their products and services. It features community tools such as forums, an internal messaging system and events section. The client decided to go with Drupal because of the modular development that makes it so popular for community sites as well as its exibility and scalability that will make the site easier to modify or expand as its user base grows. It was also chosen because it is an Open Source inexpensive choice (no application license costs) especially in consideration of the endless wealth of support and module options available through the Drupal community. Cargoh.com was founded by Paul and Cari-ann Burger when they noticed the lack of avenues for independent artists, designers and musicians to get their work to the world. They realized that some of the most talented people in the world were making them coffee in the morning at the local coffee shop. 1.0 Project Background P.3

4 They set out to change that by creating a super accessible, highly adorable and unbelievably feature rich venue for artists, designers and musicians to sell the things they create. Above that, they wanted to create the world s best online shopping mall for all the uniquely independent products in the world. So from those two missions, cargoh.com was born. The world s most exciting social marketplace for independent creatives! 2.0 Project Overview Section 2.1 Project Management & Specifications Cargoh Home Page Full Project Management Basecamp was used for most project management tasks and WebEX was used extensively for information sharing. Hosting The site is hosted on Apache servers running MySQL and PHP Drupal Cargoh.com was built using Drupal Version Project Overview P.4

5 Section 2.2 Project Team Overview Two Designers One lead designer that composed the majority of the site design, and an intermediate designer that concentrated on theming. Four Drupal Developers One lead developer overseeing and advising, one intermediate developer that focused on the e-commerce component and two intermediates developers that worked on the general site. Project Manager A single project manager was appointed to manage this project. The focus of Cargoh is to be a single destination where artists, musicians, designers, and creators can be seen, heard, and collected in one community driven marketplace. Keeping that in mind the design and functionality needed to be able to take into account all genres of art and how best to showcase them. Cargoh Gift Page Detail 2.0 Project Overview P.5

6 3.0 Project Challenges Section 3.1 The site needed to go beyond the standard buyer/seller feel by encouraging more interaction between all users. The site incorporates user pro les, discussion forums, an events listing area. Users are able to select and show a list of their favorite stores and connect to their Twitter and Facebook accounts. The home page features a blog titled Cargoh Loves that covers the owners favorite stores, events or recent news in the art world. The e-commerce component of the site is driven by Ubercart and integrates both PayPal and Beanstream. Other pluses awarded to Sellers are the ability to customize their storefronts using image and music uploads, an internal order and stock tracking system and integration of Google Analytics. Products and stores are promoted to the showcase on the home page as users bump or like items for sale. There is also an advanced search that can be narrowed down by subcategories for products, shipping locations and store location. The Cargoh website was built by a team of six individuals. 3.0 Project Challenges P.6

7 4.0 Project Results Section 4.1 Most types of products featured on the site were su cient with visuals showcasing via image uploads. Multiple images are able to be uploaded per product in order to provide alternate views when needed. For musicians the ability to upload songs through a song player on store fronts was developed. Coming up with the design for Cargoh.com was an ongoing process that saw the site evolve many times up until site deployment. The layout mirrors other e-commerce sites in being product-centric. Wireframes were created using Omnigrae for Mac. In the end it was decided that the site themes and colors would be kept minimal in order to let the products for sale by the site s users be the focus keeping with the philosophy of Cargoh.com s founders. The base theme layer used for the site was Garland that the designers stripped down and built on top of. Before launch the client had only a rough idea regarding the amount of tra c. During development, we were periodically monitoring resource usage (such as memory and average response time) which gave us precise metrics of how many concurrent users could interact with the site given a speci c hardware and software con guration. For launch we allocated a typical con guration to match the application requirements to the expected load. We since continuously monitor the website to identify bottlenecks, and we invest the required resources (memory, CPU, con guration, caching techniques, DB slaves, code optimization, query optimization, etc) in order to eliminate them in a very competitive way, which means we invest our resources where they have the largest impact. 4.0 Project Results P.7

8 5.0 Additional Information/ Technical Specifications There were 29 modules used for the site including 9 custom modules. Section 5.1 Notable Contributed Modules Fbconnect - Allows users to login on a Drupal website through the Facebook Connect API using their Facebook login and password. MailChimp - Provides integration with the MailChimp delivery service that provides support for an unlimited number of mailing lists. Google Analytics - Allows you to add statistics features to your site like selectively tracking certain users, roles and pages. Ubercart Marketplace - Adds multiple seller support to the Ubercart module. Voting - Helps developers who want to use a standardized API and schema for storing, retrieving, and tabulating votes for Drupal content. Section 5.2 Custom Modules Indie_attribute - Processes product attributes such as sizes and colors. Indie_banner - Provides a manner to supply functionalities to cargoh_banner content type. Indie_buyer - Processes information regarding a buyer. Indie_feature - Module for the feature section on the home page. Indie_membership - Handles membership sign up, upgrade and downgrade. 5.0 Additional Information/ Technical Specifications P.8

9 Section 5.3 Modules Indie_search - Modifies Drupal s advanced search. Indie_seller - Processes information regarding a seller. Indie_storefront - Module for defining storefront and product page specific items. Indie_ubercart - Custom code to modify ubercart. Cargoh Sample Shopping Cart 5.0 Additional Information/ Technical Specifications P.9

10 Open Digital Delivered.