SharkTankLab

Category

CMS
Custom website displaying all the products from the Shark Tank show, grouped by season, episode, category and completed with a lot of extra meta data for advance searching and filtering.

Technologies

Challenge

Create a website based on the Shark Tank TV show that will include in the end all the products that were displayed on the show, grouped by season/episode and provide extra details about each of the products.

Each product will have attached information about the loan requested, if a deal was finalized, who was the investor, deal time, total amount invested, and more.

The goal is to have a database accessible for users where they can play with a filter that will allow them to find products based on the criteria mentioned above.

The total number of products included is over 1200.

Solution

We create a WordPress website with a custom theme that supports visual editors (like Elementor), this will allow the client to manage part of the content on the static page. For the product page we used WordPress’s Gutenberg with a combination of elements that pull real data from the Products. This way the product presentation content is correctly updated with the meta details of the Product.

For the Database like page, where users can interact and filter the 1200+ products we created a custom WordPress plugin that uses VueJS and pulls data from products managed inside WordPress.

Key features

Season and Episode assign

As products get created, they are correctly assigned to Seasons and Episode based on the meta description

Control Product Meta

All the product meta description is available in the WordPress back-end to edit

Bulk Import Products

An import tool was created that will use a CSV file in case the client needs to update many products at once

Affiliate links placement

Affiliate links are defined at the product level, and they are used where the products are mentioned

Custom Elementor components

Sliders and other custom Elementor widgets were created and integrated with the visual editor

Database search and filters

Advanced filters, sort and search methods to browse the 1200+ products based on the meta information

Home Presentation

Elementor home page with custom widgets that will generated sliders or and sections based on the products selected by the admin.

Product Database

Advanced filters, sort and search methods to browse the 1200+ products based on the meta information

Product Presentation

Each product has a dedicated page where the information found in the database is presented in detail, along side an article describing the product and the idea behind it.

Season Grid

All products are grouped based on Season and Episode. Season pages are automatically generated based on the meta data saved at the product level.

Are you ready to start a project with us?