This site uses cookies to improve your user experience. If you continue to use our website, you consent to our Cookies Policy

Accept

The MeatEater

Your link to the food chain

The MeatEater is a project that translates fishing and hunting to a broad range of audiences. Read our case study to find more!

https://images.ctfassets.net/0nm5vlv2ad7a/58nYj5PGHXmvpvNDKeNizy/36890b66c1fef1ad3d510c84c57fa7ba/__________________________2021-11-21____12.52_1.png?w&h&fm&fl
Time:

March 2020 - Present

Type:

Web Development

Industry:

Corporate website

Platform:

Web

About

Project Idea

The MeatEater is a company founded by an American conservationist, writer, and television personality Steven Rinella. They partnered with us to update their website and help create a solid community.

The client had

  • The released website
  • A list of desired features and new ideas

Project challenges

  • Moving from WordPress to Contentful
  • Implementing Elasticsearch

Team

Node.js engineer

UX/UI designer

QA engineer

Vue.js engineer

Project manager

Wireframes

The new MeatEater’s website should be intuitive and understandable for users, so we took these notions into account when creating the first wireframes of a new website.

https://images.ctfassets.net/0nm5vlv2ad7a/3SGbq51vCxk2rq1JqteUm7/55a00564b8802e3f5f9189bbd0c53335/Group_5553.pnghttps://images.ctfassets.net/0nm5vlv2ad7a/3SGbq51vCxk2rq1JqteUm7/55a00564b8802e3f5f9189bbd0c53335/Group_5553.png
https://images.ctfassets.net/0nm5vlv2ad7a/6oLWiTwy4hD2iIDnDodkfo/b815bc8202d868fe037fdba7240509c6/Group_5552.pnghttps://images.ctfassets.net/0nm5vlv2ad7a/6oLWiTwy4hD2iIDnDodkfo/b815bc8202d868fe037fdba7240509c6/Group_5552.png

Technology Stack

These technologies were used to complete the task:

https://images.ctfassets.net/0nm5vlv2ad7a/uRIc70RRcxul4IZTlxcnp/8d89e738a103dc9167683599db455a3b/Group_5552__1_.png?w&h&fm&flhttps://images.ctfassets.net/0nm5vlv2ad7a/upnVhgBauPHRIciWwdRuE/33462cea684ea6b556277a0eb1f50b87/diagram.png?w&h&fm&fl

Blog

The MeatEater’s blog contains dozens of articles with useful insights on hunting and fishing. Besides, users can find plenty of recipes to cook and taste themselves.

Blog

Video

The website has a collection of shows available in a separate section. Videos include the MeatEater show itself and other shows connected to the project like Duck Camp Dinners and Das Boat.

Video

Podcast

In addition to the text blog and video collection, there are several podcasts published on the website. Users can listen to them right there or find these podcasts on other platforms.

Podcast

Search

Flexible search is implemented using Elasticsearch. This allows you to search for information by articles, recipes, videos, podcasts and products at the same time that helps users to receive the most relevant results.

Search

Challenges and Solutions

Our team faced several challenges while working on the MeatEater.

The structure of data in WordPress

Problem:

WordPress didn’t distinguish different entities of content. For example, all types of content — an article, a recipe, a podcast — were published as the same entity “Post”. Besides, there was no connection between entities “Post” and “Author”. It means that the updates of the author’s information didn’t appear in the published article.

Solution:

We moved the website to Contentful CMS that allowed editors to create separate entities for different types of content. Also, Contentful provided the ability to validate data so editors can post relevant content.

Limited search capabilities

Problem:

The website had an integrated Google Search as an internal search for articles and podcasts. However, it wasn’t able to look for new posts on the website that were not indexed by Google itself.

Solution:

We integrated Elasticsearch and created a system of indexes for each type of entity to facilitate the internal search.

Work in progress

Sign up & User Profile

https://images.ctfassets.net/0nm5vlv2ad7a/5A7vefqJx13C1Kxf5tS3L5/c8a2d20fa814fca415716eaabac6f613/Group_5552.pnghttps://images.ctfassets.net/0nm5vlv2ad7a/5A7vefqJx13C1Kxf5tS3L5/c8a2d20fa814fca415716eaabac6f613/Group_5552.png

Let’s move forward

Fill in this form orsend us an e-mail


We have received your request
We will be back in a flash