Snappetizers: A Fort Worth Company’s Web Design Project

Searching for “Web Designer Fort Worth?”

Snappetizers is a food brand located near “Cowtown” and sought a Fort Worth web designer to complete a project for a new product line. They didn’t have to look far. Having worked with Moon and Owl on two parent company projects,  Vice President Lee Keller knew just who to call. We answered and the project was scoped, estimated and launched rapidly.

What are Snappetizers Toppers?

Snappetizers current product line includes four delicious flavors of toppers which can be used over cream cheese and as glazes. These include a raspberry chipotle, sweet pepper, candied jalapeno, and peach habanero toppers.

web design fort worth example

The product is used on cream cheese, appetizers, snacks, entrees, desserts and more.

Product Chief Value Proposition

Convenience – Single Use Packaging

The glaze toppers feature the convenience of single-use packaging. The user simply has to grab a single packet, open the lid, use the glaze, and then throw the packaging in the recycle bin. This is in stark contrast to traditional glaze bottles that customers buy. These typically sit after first use unattended in the refrigerator, sticky and spoiling.

Affordable

Whereas the bottle of glaze often costs $10+, a party serving of Snappetizers Toppers costs less than $1.

This well-known competitor costs $17 a bottle.

Copywriting and Marketing Message

Snappetizers had the company marketing tagline, “We Make Entertaining a Snap.”

We loved that tagline. It embodies the goal of the brand.

We worked on with them on the simple product specific tagline…

Peel. Pour. Enjoy.

This embodies the product’s CVP.

We reinforced this message with fun statements throughout the website like:

  • Meet Your Rescue Party
  • See how easy entertaining can be!
  • Mr. OR Mrs. “Last Minute”, Meet Your Match.
  • On your mark. Get set. Done!

After all, this is a party in a container.

Photo Shoot Direction

We knew we needed great photography of the product to make site visitors instantly hungry. We contacted Javier Herrera who did a great job capturing a diverse shot list.

We made sure the shot list captured each flavor on each type of food group:

  • Appetizer
  • Entrée
  • Dessert

Here are some the great shots that Javier captured.

web design fort worth photoshoot snappetizers


FW web design photos

Video Shoot Direction

We knew we needed a video that showed exactly how easy the product is to use. We shot this short 15-second usage video to replicate Peel. Pour. Enjoy.

Homepage Wireframe

fort worth web design wireframe

Hero Section

We had initially placed the video in the header as a backdrop, but upon further consideration, it was important enough to the experience that we didn’t want mobile users to miss out. You’ll see how it was repositioned on the actual site mockup to allow play on mobile.

Section 1: Product Packaging

We knew that the product packaging needed to occur high on the page to help customers identify Snappetizers Toppers so they could find it in the stores. The four individual products were placed immediately under the hero section.

Section 2: Product Use

The next major section features ways the products can be used. We didn’t want to get pigeonholed into a “we are cream cheese only” product. Showing how the product is used on diverse categories of food is vital to the customer’s understanding of project usage.

Section 3: Email Capture

An email subscription section was included to allow site visitors to sign up for tips to make entertaining a snap. In the future, a receive-manufacturer-coupons call to action will be added.

Section 4: Store Locator

This store locator section is initially in pause mode as at the time of launch the product was only available in Walmart. As the product expands into other grocers, this section will be populated.

Section 5: Footer

Solid UX includes important navigation features, social media icons and NAP (name, address, phone number) at the bottom of the page.

Design

The site needed to scream, “It’s a party.”

To accomplish this, we used a bright palette. One challenge was complimenting the established brand color of the Snappetizers logo along with the food shots that were to be incorporated. The design team worked to construct the palette which the client approved.

The font choice was informal to lend to the party vibe we desired to create.

We also avoided a lot of square lined boxes. Everywhere you look on the site there is a curved shape in the background, a rough-edged label, etc. Basically, we were going for the opposite of a white-collar-professional site (lawyer, doctor, etc.). Because even if you are a white-collar professional, you still want to unbutton your collar, let your hair down and have some fun.

Site Architecture and Content Access

The site architecture was kept simple.

The header navigation only has four options:
• Home
• Products
• About Us
• Blog
• As future grocers come onboard, a store locator navigation feature will be added.

The product page features a linear scroll of each flavor, presenting its product package, an in-use photo, nutritional information as well as a call to action button on tips for additional uses.

We wanted to make it easy for the client to add recipe ideas and tips on their own in 4 major areas of:

• Appetizers
• Entrees
• Desserts
• Entertaining Tips

At the same time, we knew we needed to be able to sort these posts by product type, so we used a tag system to demarcate which flavor was used in which recipe.

In this way, the callouts on the homepage for the four major areas fetch the appropriate category of the blog archive.

On the products page, each flavor fetches every recipe using that particular flavor regardless of which category in which it falls. We did this via a tags system.

Here is an example of the fetch system.

snappetizers fort worth web design

And here is how a recipe listing appears.

After the Snappetizer Fort Worth Web Design Completion

The site recently launched. Soon Moon and Owl will create paid social media campaigns to educate consumers on the existence of the product. The client loves their website. The site is already drawing inquiries from store reps. The grocers like that a brand is putting skin in the game to promote their products because this helps stores sell.

We are pleased to have another company in the Fort Worth area as satisfied web design clients. Thanks for the opportunity, Snappetizers.

Snappetizers: A Fort Worth Company’s Web Design Project is republished from: https://www.moonandowl.com/

Advertisements

Bubble Up SEO: Use it to Grow Your Business | Moon & Owl Marketing

Watch video on YouTube here: https://youtu.be/WIihgRSGCDc
via CHANNEL-URL-HERE

Bubble Up SEO Video: How to Use it to Grow Your Business

We’ve turned our popular Bubble Up SEO article into a brief explainer video.

 

The Bubble Up SEO Method allows your business’ website to rank on 1000’s of buyer-intent, long-tailed keywords to gain real traffic that converts into customers, patients, and clients.

This is one of the many ways search engine optimization can grow your business. It’s a great way to get an SEO program started for your business.

The blog post Bubble Up SEO Video: How to Use it to Grow Your Business is republished from: Moon and Owl Blog

Tensile Website Siloing vs. Classical Website Siloing: An Experiment in SEO

If you’ve read our articles on SEO (search engine optimization) for any amount of time, you for sure know we are a big fan of siloing a site.

Our recent articles have outlined a classical siloing model which l works incredibly well and remains our defacto method.

But lately been experimenting with something we are calling Tensile Silo Structures.

The benefit of the new Tensile Silo:

  • it allows you to multi-purpose content that doesn’t have a clear place in a classic silo.
  • it lifts all the important keywords of the site more quickly in search results. More on that later.

If you already understand siloing and want to skip ahead to the tensile silo comparison experiment, click Tensile Silo.

What Is Siloing: A Quick Review

If you are newer to siloing a website and haven’t read the other articles, just remember that a silo is a grouping of content (aka pages) on a website into areas that make sense to the search engines so that they understand you have a great deal of content around a given topic.

Here is the classic Bruce Clay example, one of the founders of the silo method.

This leads to better rankings!

Unfortunately, a majority of web designers don’t understand SEO and just see it as an after-thought. The SEO implications for a site’s structure should be considered before any design work is done. We can’t tell you how many websites we get to SEO that need nearly gutted in order to be properly structured.

There are three ways to build a classic silo, which we’ll discuss below.

But recently, we’ve been experimenting with something new…

Tensile Siloing vs. Classical Siloing: An SEO Test Using New Approach to Web Structure and Web Architecture

Looking at a Classical Silo

Classical Siloing Tactics

There are three methods to build a classical silo structure:

01. Hard Silos

Use URLs only to indicate the silo structure.

For example, mysitename.com/keyword-i-want-to-rank-for
Then a blog article that has the URL mysitename.com/keyword-i-want-to-rank-for/blog-title-about-keyword.

The silo is created by the shared /keyword-i-want-to-rank-for/ structure.

This is called a HARD SILO STRUCTURE and while it can work, isn’t ideal.

02. Virtual Silos

In a virtual silo, the URL structure is thrown out as an SEO concern and all siloing is done with only with links. But strict link protocols are maintained to make sure any article is linked ONLY to a page or another article within this keyword silo.

So every page might be mysitename.com/page-name but the links on the page point to the key page above it in the silo.

3. Combination Silos

The typical classical silo that we use has both a URL and link structure that reinforces the silo structure. This the best of both worlds.

Classical Silo Organization Method

There are also a couple of different strategies based on keyword search volume used to build a classic silo.

Keyword research lets us determine search volume.

Obviously, we want to be going after rankings on the keywords that get the most searches as it relates to our products or services.

01. The Product Line or Service Type Gets Most Volume

Often the type or category of a product/ service gets more volume than the individual product/service name does. In this case we would build the classical silo as follows:

For example, if we owned an animal food business and realized organic dog food gets much more searches than poodle food, we’d want to structure the silo like this.

Tensile Silo versus Classic Silo

02. The Individual Product or Service Gets Most Volume

Sometimes the actual individual product gets more search volume. In that case, that is the area we want to most present to the search engines. So we’d build the Classic Silo as follows.

Tensile Structure Silo vs. Classic Silo Structure

For example, if poodle dog food got more searches or poodle dog food that is organic, we’d want to build the silo as follows.

Switching it Up With a Tensile Silo Structure

What drove this experiment was a website for a large international corporation in which we were asked to Pre-SEO strategize, design, develop, and provide ongoing SEO for the site.

The challenge arose in that information on the site needed to be grouped in a way that classical silos made extremely difficult.

The company has a large Press Room section and gets numerous magazine features of their products which reporters and industry leaders access. Yet these Press Releases talked about product lines and product names which could greatly aid the rankings on those terms.

Most of the time, the press release or magazine features talk about multiple product lines or product names.

Those pieces didn’t fit neatly into Classic Silo structure, because we would have needed to assign each piece of content to one, and only one, silo.

So we decided, with their permission, of course, to do an experiment.

We developed a strategy and coined a name: Tensile siloing.

Why the name?

Tensile means ten·sile

/ˈtensəl,ˈtenˌsīl/
adjective
1.relating to tension.
2.capable of being drawn out or stretched.

A tensile structure is one that is supported by the tension of cables or other materials.

Think of a suspension bridge with lots of cables that are stretched. If the bridge needs to be enlarged, more cables are added.

Tensile Structure Suspension Bridge

Or here is a picture of the first-ever tensile structure built in Russia from 1895.

Tensile Structure

See how all the cables support the structure?

In a website, think of each internal link as one of the cables on the tensile structure,

Each link carries the tensile weight of that new piece of content and directs its SEO value where it needs to go.

In a Tensile silo structure, a piece of content’s SEO value can be directed to more than one place. The “more-than-one-place” concept” is a big no-no in the Classical Silo. You only want to attach the SEO cable up one level in Classical silos.

A Tensile Silo Diagram

Tensile Silo SEO Diagram

 

With this structure, lots of site fluidity is allowed in regards to what role each piece of content plays.

Here is an example of the previous model done with Tensile Siloing.

Tensile Silo Example Diagram

As you can see, each piece of content is providing a tensile link to more than one point. An individual blog article might link to the product/service type page AND the product name page AND the blog category.

These product pages also link up to the product type page.

The blog category archive also points up to the product type page.

So how do the search engines know what the most important keyword is? And which page is given the priority in search ranking?

We know that search AI is getting smarter and smarter.

And based upon our experiment, we are hypothesizing Google will clearly ascribe search value by how much link weight is applied to each page.

You can clearly see in the example diagram which pages, and thus keyword terms, are receiving the most tensioned weight.

Organic Dog Food is heavily linked, thus the site will both rank for this term and this page will be the ranking page based on link weight.

As more poodle articles are written and placed, both poodle food and organic dog food will get more links and increase the tensile strength of each.

And this weight can be pointed and adjusted much more easily than in a Classical Silo.

How is the Tensile Structure different than the Classic Virtual Silo?

While you use links to build BOTH types, the simple answer is because of the number of places each piece of content can link to in a tensile silo.

In a Classical virtual silo, you really want each piece of content linking to only the element immediately above it.

In a Tensile silo, each piece of content can link to multiple places across the site (within, reason of course).

The Benefits of Tensile Siloing a Website

01. All Boats Rising

The benefit of this strategy is that this method of SEO siloing might be the best way to see the expression “a rising tide lifts all boats” come true.

Because there is a massive web of interlinking, one successful blog article appears to spread the SEO more generously throughout the site.

Our experiments are showing a broader rise in all the keywords/pages that the article points to verses in the Classical model, where the pages immediately above that article get the chief reward.

02. If Content is Difficult to Place in a Single Silo

It’s as if the whole site is rising with the tide in a more direct correlation than in Classical siloing.

In addition, if an entirely new product type is developed that brings some of the previous products into it, the whole site structure doesn’t have to be redone.

For example, If the mock-client we used invented something called Vegan Dog Food and wanted to have a poodle food, retriever food, and bulldog food version of it.)

This also reduces possible duplicate content. In a Classic Silo, the Vegan Dog Food line would then need its own Pood Food page, which if not careful, could too closely mimic the Organic Dog Food‘s poodle food page.

With the Tensile structure of web silos, this is irrelevant as the same Poodle food page serves both types.

The Results of Organizing Via the Tensile Structure

The site we restructured using the Tensile SEO method saw an average weekly traffic jump from around 3,000 unique visitors per week to 15,000 unique visitors per week. Traffic wise, that is definitely a success of 5x the amount of weekly unique visitors.

In addition, we are seeing the keywords we most need to rise climbing at the same rate or better as we would in a Classical Silo Structure. And more of the related keywords are rising at a rate 14% faster than in a Classical Silo.

In Conclusion

Note, we still employ the Classical Silo structure for the majority of our clients but will keep experimenting and let you know the results of the Tensile Siloing method from our SEO labs filled with mad scientists.

Stay Tuned and feel free to ask questions in the comments below.

Tensile Website Siloing vs. Classical Website Siloing: An Experiment in SEO is republished from: Moon and Owl